.case-study-title {
	font-family: Poppins, Helvetica, Arial, Lucida, sans-serif;
	font-style: normal;
	font-weight: 500;
	color: rgb(31, 37, 89);
	margin-bottom: 30px;
	width: 1024px !important;
	z-index: 100;
	font-size: 3rem;
	line-height: 1.3;
	text-align: center;
	margin-top: -112px;
	padding-top: 130px;
}

.di-case-study-img {
	
	filter: blur(100%);
	/* Stronger box-shadow: x-offset y-offset blur-radius spread color */
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12); 
	border-radius: 14px;
}

.di-case-study-img img {
	border-radius: 14px !important;
	display: block;  
}


.case-study-slider {
	margin-bottom: 40px;
}

.case-study-content-wraper *{
	color: #1f2559;
}
.case-study-content {
	font-size: 16px;
	line-height: 1.6;
}
.container {
	max-width: 100%;
	margin: 0 auto;
	width: 100%;

}
#main-header {
	background: transparent !important;
}
.case-study-container {
	width: 100%;
	display: flex;
	justify-content: center; 
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 0px !important;
	height: 500px;
	background: url("https://desolintstge.wpengine.com/wp-content/uploads/2025/08/wave-1-1.svg");
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	margin-top: -90px;
	padding-top: 120px;

}

.preview-section {
	display: flex;
	margin-top: 0%;
	padding: 5% 3%;
}
.preview-image {
	width: 60%;
}
.preview-info {
	width: 40%;
	padding-right: 8%;
}
img.img-fluid {
	width: 75%;
	border-radius: 10px;
	border: 10px solid;
	border-color: #BFF2EE;
}
.preview-image {
	display: flex;
	justify-content: center;

}
.preview {
	background-size: contain;
	background-position: left top;
	background-blend-mode: soft-light;
	background-color: #D1E4F4;
	background-image: url(https://desolintstge.wpengine.com/wp-content/uploads/2023/11/backgroundElement.png), linear-gradient(180deg, #e7f1f9 0%, #d2e5f4 100%) !important;



}

.preview-description {
	font-weight: 600;
	font-size: 30px;
	color: rgb(31, 37, 89);
	line-height: 39px;
}

.preview-title {
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: rgba(0, 0, 0, 0.75)
}

.preview-tagline {
	font-weight: 500;
	font-size: 16px;
	line-height: 21px;
	color: rgba(0, 0, 0, 0.75);
}
.inside_top_divider {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0zMjAgMjhDMTYwIDI4IDgwIDQ5IDAgNzBWMGgxMjgwdjcwYy04MCAyMS0xNjAgNDItMzIwIDQyLTMyMCAwLTMyMC04NC02NDAtODR6Ii8+PC9nPjwvc3ZnPg==);
	background-size: 100% 100px;
	top: 0;
	height: 100px;
	z-index: 1;
	transform: scale(1, 1);
}
.inside_bottom_divider{
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0zMjAgMjhjMzIwIDAgMzIwIDg0IDY0MCA4NCAxNjAgMCAyNDAtMjEgMzIwLTQydjcwSDBWNzBjODAtMjEgMTYwLTQyIDMyMC00MnoiLz48L2c+PC9zdmc+);
	background-size: 100% 100px;
	bottom: 0;
	height: 100px;
	z-index: 1;
	transform: scale(1, 1);
	display: none;
}

/* none */

.main-slider {
	width: 70%;
	margin: 0 auto;
	position: relative;
}
.main-slider img {
	/*width: 100%;
	height: auto;
	border-radius: 10px;
	display: block;*/
	aspect-ratio: 16 / 9;
	width: 100%;        /* or any fixed width */
	object-fit: cover;  /* ensures the image fills the box */
}

/* Arrows */
.main-slider .swiper-button-next,
.main-slider .swiper-button-prev {
	top: 50%;
	/* transform: translateY(-50%); */
	color: #000;
}

/* Thumbnail slider */
.thumb-slider {
	width: 40%;
	margin: 20px auto 0 auto;
}

.thumb-slider img {
	aspect-ratio: 16 / 9;
	width: 100%;        /* or any fixed width */
	object-fit: cover;  /* ensures the image fills the box */
	border-radius: 5px;
	opacity: 0.5;
	transition: opacity 0.3s ease;
}

.thumb-slider .swiper-slide-thumb-active img {
	opacity: 1;
	border: 2px solid #007bff;
}

/* Hide scrollbar */
.swiper-scrollbar,
.swiper-horizontal>.swiper-scrollbar {
	display: none !important;
}

/* Navigation arrow buttons */
.swiper-button-next,
.swiper-button-prev {
	background: red;        /* Background red */
	width: 35px;            /* smaller size */
	height: 35px;           /* smaller size */
	border-radius: 50%;     /* round shape */
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Arrow icons inside buttons */
.swiper-button-next::after,
.swiper-button-prev::after {
	color: white;           /* white arrow color */
	font-size: 16px;        /* smaller arrow */
}

/* Position adjustment to be at vertical middle */
.swiper-button-next,
.swiper-button-prev {
	top: 50%;               /* vertical center */
	transform: translateY(-50%);
}
.content-section {
	
	padding: 50px 5px;
}

.content-area{
	width: 60%;
	text-align : left; /* horizontally center karega */
	font-size: 16px !important;
	backdrop-filter:blur(4);
}

.main-content-area {
	display: flex;
	justify-content: center;
}

.content-area h4{
	margin-top: 10px;
}

.intro {
	font-weight: 700;
	font-size: 22px;
	line-height: 29px;
	color: rgba(0, 0, 0, 0.75);
}
.wp-desol-tools-tech {
	font-weight: 700;
	font-size: 22px;
	line-height: 29px;
	color: rgba(0, 0, 0, 0.75);
	margin-top: 5%;
}
.cs-list ul {
	list-style: none;
	/* padding-left: 30px; */
	position: relative;
}

.cs-list ul li {
	position: relative;
	padding-left: 35px;
	margin-bottom: 10px;
}

.cs-list ul li::before {
	content: "";
	height: 25px;
	width: 25px;
	position: absolute;
	display: block;
	background: url('/wp-content/uploads/2022/08/svgexport-20-1.svg') no-repeat center center;
	background-size: contain;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.video-fluid {
	width: 75%;
	border-radius: 10px;
	border: 10px solid #BFF2EE;
}


.video-fluid iframe {
	height: 450px; /* apni desired height set karein */
	width: 100%; /* responsive rakhne ke liye */
}

.cs-list ul{
	display: grid;
	grid-auto-flow: column;           /* fill top to bottom, then new column */
	grid-template-rows: repeat(5, auto); /* max 5 items in each column */
	gap: 5px 15px;                    /* row-gap col-gap */
	list-style: none;
	padding: 0;
	margin: 0;
}

.shine{
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	height: auto;
}

.shine::before {
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	content: "";
	display: block;
	height: 100%;
	left: -75%;
	position: absolute;
	top: 0;
	transform: skewX(-25deg);
	width: 50%;
	z-index: 2;
}

.shine:hover::before, 
.shine:focus::before {
	-webkit-animation: shine 1s;
	animation: shine 1s;
}

@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

.shine img{
	margin:10px auto;
}
.content-area h1,
.content-area h2,
.content-area h3,
.content-area h4,
.content-area h5,
.content-area h6{
	margin: 10px auto !important;
	padding:0px !important;
}

@media (max-width: 767px) {

	.case-study-container{
		padding:4%;
		height: 35vh !important;
		margin-top: -113px;
	}
	.main-slider {
		width: 90%;
	}
	.content-area {
		width: 91%;
		font-size:14px !important;
	}


	.content-area p{
		margin:5px auto;
	}
	.content-area h2{
		padding:0px;
		font-size:18px;
	}

	.preview-section {
		flex-direction: column;
	}
	.preview-image {
		width: 100%;
	}

	.preview-info {
		width: 100%;
		padding: 5%;
		text-align: center;
	}
	.preview-description {
		font-size: 16px;
	}

	.video-fluid iframe {
		height: 250px;  
	}

	.case-study-title { 
		font-size: 18px;
		line-height: 26px;
		margin:0px 30px;


	}

	.main-slider .swiper-button-next, 
	.main-slider .swiper-button-prev{
		width: 20px;
		height: 20px;
	}
	.swiper-button-next::after, 
	.swiper-button-prev::after{
		font-size: 10px;
	}

	.thumb-slider{
		width: 90%;
	}

	.thumb-slider .swiper-wrapper{
		justify-content: center;
	}
	.swiper-thumbs .swiper-slide{
		width: 40px;

	}
	.inside_bottom_divider{
		display: none;
	}



}