/* ===========================================================
   Agastya Testimonials — Orange Card Slider (one per slide)
   Orange: #EDA030 / #F0A93B  |  Font: Lato
   =========================================================== */
:root {
	--agt-orange: rgb(255, 125, 50);
	--agt-orange-2: rgb(240, 112, 38);
	--agt-white: #ffffff;
	--agt-dot-idle: #ffcbab;
}

.agt-slider {
	font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	padding: 30px 20px 20px;
	box-sizing: border-box;
	background: transparent !important;
}

.agt-viewport {
	overflow: hidden;
	width: 100%;
	padding: 14px 0 0;
	background: transparent !important;
}

.agt-track {
	display: flex;
	will-change: transform;
	transition: transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.agt-slide {
	flex: 0 0 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 0;
	display: flex;
}

/* ---------- Orange card ---------- */
.agt-card {
	position: relative;
	background: linear-gradient(180deg, var(--agt-orange) 0%, var(--agt-orange-2) 100%);
	border-radius: 30px;
	width: 100%;
	margin-top: 14px;
	padding: 46px 50px 44px;
	box-shadow: none;
	color: var(--agt-white);
	box-sizing: border-box;
}

/* Circular photo, notched top-left */
.agt-photo {
	position: absolute;
	top: -14px;
	left: 40px;
	width: 190px;
	height: 190px;
	border-radius: 50%;
	background: #e8e8e8;
	padding: 0;
	box-sizing: border-box;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
	overflow: hidden;
	border: 4px solid #fff;
}
.agt-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	display: block;
}
.agt-photo:empty::after,
.agt-photo:has(img[src=""])::after {
	content: "";
	position: absolute;
	inset: 10px;
	border-radius: 50%;
	background: #f0f0f0;
}

/* Big quote mark top-right */
.agt-mark {
	position: absolute;
	top: 26px;
	right: 46px;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 120px;
	line-height: 1;
	color: rgba(255, 255, 255, 0.92);
	font-weight: 700;
	pointer-events: none;
}

/* Content sits right of the photo */
.agt-content {
	margin-left: 230px;
	min-height: 170px;
}

.agt-name {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 40px;
	line-height: 1.05;
	color: var(--agt-white);
	margin: 24px 0 16px;
}

.agt-body {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 1.62;
	color: var(--agt-white);
	margin: 0 0 26px;
}

/* Footer items with icons */
.agt-footer {
	display: flex;
	gap: 50px;
	flex-wrap: wrap;
}
.agt-foot-item {
	max-width: 320px;
}
.agt-foot-item span {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.4;
	color: var(--agt-white);
}

/* ---------- Controls ---------- */
.agt-controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	margin-top: 26px;
}

.agt-arrow {
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	border-radius: 50% !important;
	border: none !important;
	background: var(--agt-orange) !important;
	color: #fff !important;
	cursor: pointer;
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	box-shadow: 0 6px 16px rgba(255, 125, 50, 0.45);
	transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
	outline: none !important;
}
.agt-arrow svg { display: block; }
.agt-arrow:hover {
	background: var(--agt-orange-2) !important;
	transform: scale(1.1);
	box-shadow: 0 8px 20px rgba(255, 125, 50, 0.6);
}
.agt-arrow:active { transform: scale(0.95); }

.agt-dots {
	display: flex;
	align-items: center;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.agt-dot {
	width: 9px !important;
	height: 9px !important;
	min-width: 9px !important;
	min-height: 9px !important;
	border-radius: 50% !important;
	border: none !important;
	background: var(--agt-dot-idle) !important;
	cursor: pointer;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	outline: none !important;
	transition: background 0.25s ease, width 0.25s ease, border-radius 0.25s ease;
}
.agt-dot:hover { background: #ffb98f !important; }
.agt-dot.is-active {
	background: var(--agt-orange) !important;
	width: 26px !important;
	border-radius: 5px !important;
}

/* ===========================================================
   Responsive
   =========================================================== */
@media (max-width: 860px) {
	.agt-card {
		margin-top: 0;
		padding: 34px 30px 34px;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.agt-photo {
		position: relative;
		top: 0;
		left: 0;
		transform: none;
		width: 130px;
		height: 130px;
		margin: 0 auto 18px;
	}
	.agt-mark {
		position: static;
		display: block;
		font-size: 64px;
		line-height: 0.4;
		margin: 0 0 6px;
		text-align: center;
	}
	.agt-content {
		margin-left: 0;
		margin-top: 0;
		min-height: 0;
		text-align: center;
		width: 100%;
	}
	.agt-name { font-size: 30px; margin: 8px 0 14px; }
	.agt-footer { justify-content: center; gap: 22px; }
	.agt-foot-item { text-align: center; max-width: 100%; }
}

@media (max-width: 520px) {
	.agt-slider { padding: 20px 12px 16px; }
	.agt-card { padding: 30px 22px 30px; border-radius: 24px; }
	.agt-photo { width: 120px; height: 120px; }
	.agt-name { font-size: 26px; }
	.agt-body { font-size: 15.5px; }
	.agt-mark { font-size: 56px; }
	.agt-footer { flex-direction: column; align-items: center; gap: 16px; }
}