.case-study-section {
			padding: 40px 0;
			font-family: 'Segoe UI', sans-serif;
		}

		.case-study-box {
			background: linear-gradient(135deg,
					#0c1d24 0%,
					#1b3b45 25%,
					#2a5a6b 50%,
					#1b3b45 75%,
					#0c1d24 100%);
			background-size: 200% 200%;
			animation: gradientFlow 8s ease infinite, floatUp 1s ease-out;
			border-radius: 27px;
			padding: 10px 40px;
			color: #fff;
			overflow: hidden;
			box-shadow: 0 15px 20px -10px rgba(188, 187, 187, 0.4);
			position: relative;
		}

		@keyframes gradientFlow {
			0% {
				background-position: 0% 50%
			}

			50% {
				background-position: 100% 50%
			}

			100% {
				background-position: 0% 50%
			}
		}

		.case-study-box::after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: linear-gradient(135deg,
					rgba(255, 255, 255, 0) 0%,
					rgba(255, 255, 255, 0.05) 50%,
					rgba(255, 255, 255, 0) 100%);
			animation: shine 6s infinite;
			border-radius: 27px;
			pointer-events: none;
		}

		@keyframes shine {
			0% {
				transform: translateX(-100%) skewX(-20deg);
			}

			100% {
				transform: translateX(100%) skewX(-20deg);
			}
		}

		.title {
			font-size: 50px;
			font-weight: 700;
			margin-bottom: 15px;
			line-height: 55px;
		}

		.subtitle {
			font-size: 20px;
			margin-bottom: 30px;
			line-height: 22px;
			font-weight: 400;
			margin-top: 10px
		}

		.container-case {
			padding: 0 100px;
		}

		.btn-case {
			position: relative;
			background-color: #bbf95a;
			border: 2px solid transparent;
			padding: 12px 32px;
			border-radius: 30px;
			font-weight: 900;
			font-size: 18px;
			color: black;
			text-decoration: none;
			overflow: hidden;
			transition: color 0.4s, border-color 0.4s, background-color 0.4s;
			text-transform: none;
			margin-top: 30px;
		}


		.btn-case::before {
			content: '';
			position: absolute;
			top: 0;
			left: -100%;
			width: 100%;
			height: 100%;
			background-color: #bbf95a;
			transition: left 0.4s ease-out;
			z-index: 1;
		}

		.btn-case:hover::before {
			left: 100%;
		}

		.btn-case:hover {
			color: black;
			border: 2px solid transparent;
			background-color: white;
			z-index: 2;
		}

		.btn-case span,
		.btn-case .arrow {
			position: relative;
			z-index: 2;
			transition: color 0.4s;
		}



		.case-image {
			max-width: 90%;
			height: auto;
			border-radius: 50% 50% 0 0;
			margin-top: 20px;
		}
        @media (max-width: 1200px) {
	.title {
		font-size: 42px;
		line-height: 50px;
	}

	.subtitle {
		font-size: 18px;
	}

	.container-case {
		padding: 0 60px;
	}
}

@media (max-width: 992px) {
	.title {
		font-size: 36px;
		line-height: 45px;
	}

	.subtitle {
		font-size: 16px;
		line-height: 20px;
	}

	.container-case {
		padding: 0 40px;
	}

	.case-image {
		width: 90%;
	}
}

@media (max-width: 768px) {
	.title {
		font-size: 30px;
		line-height: 40px;
	}

	.subtitle {
		font-size: 15px;
		line-height: 20px;
	}

	.container-case {
		padding: 0 30px;
	}

	.row.align-items-center {
		flex-direction: column-reverse;
		text-align: center;
	}

	.btn-case {
		font-size: 16px;
		padding: 10px 24px;
	}
    
}

@media (max-width: 480px) {
	.title {
		font-size: 26px;
		line-height: 36px;
	}

	.subtitle {
		font-size: 14px;
		line-height: 18px;
	}

	.container-case {
		padding: 0 20px;
	}

	.case-image {
		width: 100%;
		margin-top: 15px;
	}

	.btn-case {
		width: 100%;
		display: inline-block;
		text-align: center;
		font-size: 15px;
		padding: 10px 16px;
	}
}