.case_study_button {
	li {
		width: 25%;
		float: left;
	}
	.nav-tabs .nav-link.active {
		padding: 0;
		border: none;
	}
	.nav-link {
		padding: 0;
		border: none;
		position: relative;
	}
	.nav-link.active {
		&:after {
			content: '';
			position: absolute;
			top: 0;
			left: 50%;
			transform: translateX(-50%);
			border-left: 30px solid transparent;
			border-right: 30px solid transparent;
			border-top: 30px solid #f3f3f3;
		}
		&:before {
			@extend%gradiant_overlay;
		}
	}
}
.case_title_text {
	background-color: #f3f3f3;
	padding: 75px 0px 65px;
	.section_title_area {
		display: inline-block;
		padding-left: 40px;
	}
	.case_study_btn {
		@extend%button_defult;
		float: right;
		margin-top: 20px;
		background-color: #ffff;
		display: inline-block;
		a {
			padding: 20px 40px;
		}
	}
}
/*Case Study Page*/
/*----------------------------------------------------*/
.case_page_section {
	padding: 145px 0px 120px;
	.case_portfolio_filter {
		min-height: 100%;
		.case-tab-button {
			margin-bottom: 60px;
			li {
				cursor: pointer;
				font-weight: 700;
				margin-right: 8px;
				padding: 12px 40px;
				text-align: center;
				display: inline-table;
				border: 2px solid #f3f3f3;
				position: relative;
				transition: .3s all ease-in-out;
				&:hover {
					@extend%case_btn;
				}

			}
			.filtr-active {
				@extend%case_btn;
				&:after {
					opacity: 1;
					bottom: -12px;
					visibility: visible;
				}
			}
		}
		.portfolio_img_text {
			margin-bottom: 30px;
			.portfolio_text {
				box-shadow: 0px 16px 32px 0px rgba(52, 52, 52, 0.04);
			}
		}
	}
	.case_pagination {
		.pagination {
			@extend%site_pagination;
		}
	}
}
/*Case Study single Page*/
/*----------------------------------------------------*/
.case_details_quoute {
	padding: 50px;
	border-radius: 10px;
	margin-bottom: 65px;
	background-color: #343434;
	.qoute_img {
		float: left;
		width: 150px;
		height: 150px;
		margin-right: 30px;
		border-radius: 100%;
		border: 8px solid #fff;
		img {
			border-radius: 100%;
		}
		span {
			top: -10px;
			right: -10px;
			color: #fff;
			height: 50px;
			width:  50px;
			font-size: 20px;
			position: absolute;
			border-radius: 100%;
			text-align: center;
			line-height: 50px;
			background-color: $base-color;
		}
	}
	.quote_text {
		span {
			color: #fff;
			font-size: 18px;
		}
	}
	.testi_text {
		margin-top: 20px;
		h3 {
			color: #fff;
			font-size: 30px;
			@extend%heading_style;
		}
		.designation {
			@extend%themetag;
		}
	}
}
.case-page-vertical {
	position: relative;
	.case-tab-button {
		top: 29.5%;
		left: -215px;
		position: absolute;
		transform: rotate(-90deg);
	}
}