.our-history {
	padding: clamp(50px, calc(8.667px + 5.382vw), 112px) 0;
}
.our-history-sec-title{
	font-family: var(--font-gold-Stamp);
}
.title-with-border {
	border-bottom: 1px solid #937944;
	padding: 0 0 37px 0;
}
.our-history-inner-wrap{
	max-width: 1246px; width: 100%; margin: auto;
}

.our-history-slider {
	padding: clamp(30px, calc(-1.333px + 4.08vw), 77px) 0 clamp(30px, calc(11.333px + 2.431vw), 58px) 0;
}
.our-history-slider .slick-list{
	margin: 0 -10px;
}
.history-title {
	font-size: var(--font-size-20);
	margin: 0 0 34px 0;
}
.our-history-slide-left {
	width: calc(100% - 366px);
	padding: 0 30px 0 0;
}
.our-history-slide-right {
	width: 366px;
}
.our-history-slide-wrap{
	padding: 0 10px;
}
.our-history-slide-left-inner {
	max-width: 730px;
	width: 100%;
}
.our-history-slide-right-inner {
	width: 100%;
	border-radius: 20px;
	padding: 88.3% 0 0 0;
	position: relative;
}
.our-history-slide-right-inner img {
	border-radius: 20px;
	display: table;
	position: absolute;
	inset: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

.our-history-slide-left-inner p{
	line-height: 1.5;
}

.our-history-timeline {
	display: flex; justify-content: space-between; gap: 16px; position: relative; bottom: 0;
}
.our-history-timeline .timeline-item {
	cursor: pointer; transition: all 0.3s ease;
}
.timeline-item {
	flex-grow: 1; text-align: center;
}
.timeline-year {
	font-size: var(--font-size-20); color: var(--color-black); font-family: var(--font-eb-garamond); line-height: 1.5; font-weight: 700;
	cursor: pointer; margin: 0 0 20px 0; display: inline-block;
}
.timeline-bar {
	width: 100%; padding: 0; height: 7px; border: 1px solid var(--color-secondary); position: relative; cursor: pointer;
}
.our-history-timeline .timeline-bar .inProgress {
	background-color: var(--color-secondary); transition: width 0.01s linear; height: 100%;
}


/*======================================
	Responsive CSS
======================================*/
@media (max-width: 1360px) {
	.title-with-border{
		padding: 0 0 25px 0;
	}
	.history-title{
		margin: 0 0 25px 0;
	}
}

@media (max-width: 991px) {
	.our-history-slide-left {
		width: calc(100% - 280px);
	}
	.our-history-slide-right {
		width: 280px;
	}
}

@media (max-width: 767px) {
	.history-title {
		margin: 0 0 15px 0;
	}
	.our-history-slide-left {
		width: 100%;
	}
	.our-history-slide-right {
		width: 400px;
		margin: auto;
		padding: 25px 0 0 0;
	}

}