/* Layout */
	.service-layout-row{
		display:flex;
		align-items:center;
		justify-content:space-between;
		gap:40px;
	}

	/* Columns */
	.service-heading-col,
	.service-image-col,
	.service-content-col{
		display:flex;
		align-items:center;
	}

	/* Heading */
	.service-heading-col{
		justify-content:flex-start;
	}

	.service-heading-col h2{
		font-weight:600;
	}

	/* Image Center */
	.service-image-col{
		justify-content:center;
	}

	.service-image-wrapper{
		position:relative;
		display:flex;
		align-items:center;
		justify-content:center;
		width:420px;
		height:420px;
	}

	/* Rounded Background */
	.service-image-bg{
		position:absolute;
		width:380px;
		height:380px;
		background:rgba(var(--primary-rgb),0.08);
		border-radius:999px;
	}

	/* Rounded Image */
	.service-round-image{
		width:400px;
		height:400px;
		object-fit:cover;
		border-radius:50%;
		border:10px solid #fff;
		box-shadow:0 0 35px rgba(var(--secondary-rgb),0.12);
		position:relative;
		z-index:1;
	}

    .service-round-image{
	width:400px;
	height:400px;
	min-width:400px;
	min-height:400px;
	border-radius:50% !important;
	object-fit:cover;
	display:block;
	overflow:hidden;
}

	/* Content */
	.service-content-col{
		justify-content:flex-start;
	}

	.service-content-wrapper p{
		font-weight:600;
	}

	/* Tablet */
	@media(max-width:991px){

		.service-layout-row{
			gap:25px;
			text-align:center;
		}

		.service-heading-col,
		.service-content-col{
			justify-content:center;
		}

		.service-content-wrapper{
			text-align:center;
		}

		.service-image-wrapper{
			width:350px;
			height:350px;
		}

		.service-image-bg{
			width:320px;
			height:320px;
		}

		.service-round-image{
			width:320px;
			height:320px;
		}
	}

	/* Mobile */
	@media(max-width:575px){

		.service-image-wrapper{
			width:280px;
			height:280px;
		}

		.service-image-bg{
			width:260px;
			height:260px;
		}

		.service-round-image{
			width:250px;
			height:250px;
		}

		.service-heading-col h2{
			text-align:center;
		}
	}



    /* Round Image Wrapper */
.service-round-wrap{
	width:400px;
	height:400px;
	border-radius:50%;
	overflow:hidden;
	border:10px solid #fff;
	box-shadow:0 0 35px rgba(var(--secondary-rgb),0.12);
	position:relative;
	z-index:1;
}

/* Image */
.service-round-image{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

/* Tablet */
@media(max-width:991px){

	.service-round-wrap{
		width:320px;
		height:320px;
	}
}

/* Mobile */
@media(max-width:575px){

	.service-round-wrap{
		width:250px;
		height:250px;
	}
}


.service-round-wrap{
	width:400px;
	height:400px;
	border-radius:50%;
     margin-left:-30px ;
	overflow:hidden;
	border:10px solid #fff;
	box-shadow:0 0 35px rgba(var(--secondary-rgb),0.12);
}

.service-round-image{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
   
}
.service-content{
    font-size: 18px !important;
    font-weight: 300 !important;
}

/* Tablet */
@media(max-width:991px){

	.service-round-wrap{
		width:320px;
		height:320px;
		margin:auto;
	}
}

/* Mobile */
@media(max-width:575px){

	.service-round-wrap{
		width:250px;
		height:250px;
	}
}


/* =========================
   Service Section Responsive
========================= */

/* Desktop Layout */
.service-round-wrap{
	width:400px;
	height:400px;
	border-radius:50%;
	overflow:hidden;
	border:10px solid #fff;
	box-shadow:0 0 35px rgba(var(--secondary-rgb),0.12);
}

.service-round-image{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
 
}
/* Fix all mb-0 paragraphs to 18px */
p.mb-0 {
    font-size: 18px !important;
    font-weight: 300 !important;
    line-height: 1.8;
}
/* Fix location section description */
.agham-location-section p,
.agham-location-section div.text-center p,
.agham-location-section .text-lg {
    font-size: 18px !important;
    font-weight: 300 !important;
    line-height: 1.8;
}
span.stat-label {
    font-size: 16px !important; /* or 18px if you prefer */
}
p.text-gray {
    font-size: 18px !important;
    font-weight: 300 !important;
    line-height: 1.8;
}

/* Content */
.service-content{
	 font-size: 18px !important;
    font-weight: 300 !important;
}
.highlights-section .section-desc,
.highlights-section > .container > p {
    font-size: 18px !important;
}

/* =========================
   Tablet Responsive
========================= */
@media(max-width:991px){

	/* Section spacing */
	section{
		padding-top:70px !important;
		padding-bottom:50px !important;
	}

	/* Row alignment */
	.row.items-center{
		row-gap:40px;
		text-align:center;
	}

	/* Heading */
	.row.items-center h2{
		font-size:38px !important;
		line-height:1.3;
		text-align:center;
		margin-bottom:0;
	}

	/* Image */
	.service-round-wrap{
		width:320px;
		height:320px;
		margin:auto;
	}

	/* Content */
	.service-content{
		text-align:center;
		font-size:18px;
		line-height:1.8;
		max-width:700px;
		margin-left:auto;
		margin-right:auto;
	}
}

@media(max-width:1024px){

	/* Section spacing */
	section{
		padding-top:70px !important;
		padding-bottom:50px !important;
	}

	/* Row alignment */
	.row.items-center{
		row-gap:40px;
		text-align:center;
	}

	/* Heading */
	.row.items-center h2{
		font-size:38px !important;
		line-height:1.3;
		text-align:left ;
		margin-bottom:0;
	}

	/* Image */
	.service-round-wrap{
		width:320px;
		height:320px;
		}

	/* Content */
	.service-content{
		text-align:left;
		font-size:18px;
		line-height:1.8;
		max-width:700px;
		margin-left:auto;
		margin-right:auto;
	}
}

/* =========================
   Mobile Responsive
========================= */
@media(max-width:767px){

	/* Section */
	section{
		padding-top:50px !important;
		padding-bottom:40px !important;
	}
.agham-location-section{
	padding: 40px 20px !important;
}

	.myAccordion .accordion-button {
  text-align: start;
  font-size: 22px !important;
}
	/* Heading */
	.row.items-center h2{
		font-size:32px !important;
		text-align:center;
	}

	/* Image */
	.service-round-wrap{
		width:240px;
		height:240px;
		border-width:6px;
	}

	/* Content */
	.service-content p{
		font-size:18px;
		line-height:1.8;
		text-align:center;
	}

	/* Space Between Elements */
	.row.items-center{
		row-gap:30px;
	}
}

/* Small Mobile */
@media(max-width:575px){

	.row.items-center h2{
		font-size:28px !important;
	}

	.service-round-wrap{
		width:300px;
		height:300px;
	}
	.highlight-icon {
    width: 100px !important;
    height: 100px !important;
    border-radius: 50%;
    background: #f5f5f5;
    border: 2px dashed #4D230D;
    display: flex;
    align-items: center;
    justify-content: center;
}

	.service-content {
		font-size:18px !important;
        text-align: left !important;
        padding-top: 0;
        margin-top: -20px;
	}
}




	/* ══════════════════════════════
		   HIGHLIGHTS SECTION
		══════════════════════════════ */
		.highlights-section {
			background: #faf3d7;
			padding:100px 0px;
			width: 100%;
			box-sizing: border-box;
		}
		.highlights-grid {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			gap: 80px 20px;
			width: 100%;
			margin: 0 auto;
		}
		.highlight-item {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 20px;
		}
		.highlight-icon {
			width: 120px;
			height: 120px;
			border-radius: 50%;
			background: #f5f5f5;
			border: 2px dashed #4D230D;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.highlight-icon i {
			font-size: 55px;
			color: #4D230D;
			line-height: 1;
		}
		.highlight-item h4 {
			font-size: 22px;
			font-weight: 600;
		
			line-height: 1.4;
			text-align: center;
			margin: 0;
		}
		@media (max-width: 1024px) {
			.highlights-grid { grid-template-columns: repeat(4, 1fr); }
		}
		@media (max-width: 768px) {
			.highlights-section { padding: 40px 30px; }
			.highlights-grid { grid-template-columns: repeat(2, 1fr); }
		}
		@media (max-width: 480px) {
			.highlights-grid { grid-template-columns: repeat(2, 1fr); }
		}

		/* ══════════════════════════════
		   STATS SECTION
		══════════════════════════════ */
		.stats-section {
			background: #fff;
			border-top: 1px solid #e5e7eb;
			border-bottom: 1px solid #e5e7eb;
			padding: 80px 0;
			width: 100%;
			box-sizing: border-box;
		}
		.stats-grid {
			display: grid;
			grid-template-columns: repeat(6, 1fr);
			gap: 20px;
			text-align: center;
		}
		.stat-item {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			text-align: center;
		}
		.stat-item span.stat-number {
			font-size: 42px;
			font-weight: 700;
			color: #4D230D;
			line-height: 1.1;
			margin-bottom: 8px;
			display: block;
		}
		.stat-item span.stat-label {
			font-size: 14px;
			font-weight: 400;
			color: #555;
			line-height: 1.4;
			display: block;
		}
		/* Tablet */
		@media (min-width: 768px) and (max-width: 1024px) {
			.stats-grid {
				grid-template-columns: repeat(3, 1fr) !important;
				gap: 30px 20px;
				padding: 0 20px;
			}
		}
		/* Mobile */
		@media (max-width: 767px) {
			.stats-grid {
				grid-template-columns: repeat(2, 1fr) !important;
				gap: 24px 16px;
				padding: 0 16px;
			}
			.stat-item span.stat-number { font-size: 28px; }
			.stat-item span.stat-label  { font-size: 12px; }
		}

		/* ══════════════════════════════
		   LOCATIONS SECTION
		══════════════════════════════ */
		.agham-location-section {
			padding-top: 100px;
			padding-bottom: 100px ;
		}
		.locations-flex-row {
			display: grid;
			grid-template-columns: repeat(5, 1fr);
			gap: 16px;
		}
		.location-flex-card { min-width: 0; }
		.location-card {
			background: #fff;
			border-radius: 10px;
			padding: 20px 12px;
			text-align: center;
			border: 1px solid #f0f0f0;
			transition: all 0.3s;
			height: 100%;
		}
		.location-card:hover {
			transform: translateY(-5px);
			box-shadow: 0 15px 50px rgba(0,0,0,0.08);
		}
		.loc-img-wrap {
			display: flex;
			justify-content: center;
			margin-bottom: 12px;
		}
		.loc-img-wrap img {
			width: 100px;
			height: 100px;
			object-fit: contain;
			opacity: 0.8;
		}
		.location-card h3 {
			font-size: 22px;
			font-weight: 600;
			color: #1a1a2e;
			margin-bottom: 4px;
		}
		.location-card p {
			font-size: 16px;
			color: #666;
			line-height: 1.4;
			margin: 0;
		}
		@media (max-width: 1024px) {
			.locations-flex-row { grid-template-columns: repeat(3, 1fr); }
		}
		@media (max-width: 640px) {
			.locations-flex-row { grid-template-columns: repeat(2, 1fr); gap: 12px; }
			.location-card h3 { font-size: 14px; }
			.location-card p  { font-size: 11px; }
		}





		.cta-icon i {
			font-size: 40px;
			color: #E1B45A;
			stroke-width: 1;
		}

		.care-benefits-list {
			gap: 12px !important;
		}

		/* ── CTA SECTION ── */
		.cta-section {
			background-color: #faf3d7;
			padding: 100px 0;
		}

		.cta-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 16px;
		}

		/* Illustration Card */
		.cta-illustration-card {
			background-color: #E1B45A;
			border-radius: 16px;
			padding: 32px 24px 0;
			height: 100%;
			min-height: 480px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			overflow: hidden;
		}

		.cta-illustration-card h2 {
			color: #faf3d7;
			font-size: 28px;
			font-weight: 600;
			line-height: 1.3;
			margin-bottom: 0;
		}

		.cta-illustration-card img {
			width: 100%;
			object-fit: cover;
			margin-top: auto;
			display: block;
		}

		/* Info Cards */
		.cta-card {
			background-color: #ffffff;
			border-radius: 16px;
			padding: 24px;
			height: 100%;
			display: flex;
			flex-direction: column;
			gap: 10px;
		}

		.cta-icon i {
			font-size: 40px;
			color: #4D230D;
		}

		.cta-card h3 {
			font-size: 18px;
			font-weight: 700;
			color: #1a1a2e;
			line-height: 1.4;
			margin: 0;
		}

		.cta-card p {
			font-size: 15px;
			color: #555;
			line-height: 1.7;
			margin: 0;
			flex: 1;
		}

		.cta-link {
			color: #E1B45A;
			font-size: 15px;
			font-weight: 500;
			text-decoration: none;
			margin-top: auto;
		}

		.cta-link:hover {
			text-decoration: underline;
		}

		.cta-btn {
			display: inline-block;
			background-color: #E1B45A;
			color: #faf3d7;
			padding: 14px 40px;
			border-radius: 10px;
			font-size: 16px;
			font-weight: 600;
			text-decoration: none;
			width: fit-content;
			margin-top: auto;
			transition: background 0.3s ease;
		}

		.cta-btn:hover {
			background-color: #185f5e;
		}

		/* ── TABLET (768px - 1024px) ── */
		@media (max-width: 1024px) {

			.cta-grid {
				grid-template-columns: 1fr 1fr;
				gap: 14px;
			}

			.cta-illustration-card {
				min-height: 320px;
			}

			/* Illustration spans full width on tablet */
			.cta-grid>div:first-child {
				grid-column: 1 / -1;
			}

			.cta-illustration-card {
				flex-direction: row;
				align-items: center;
				padding: 24px 32px;
				min-height: 200px;
			}

			.cta-illustration-card h2 {
				font-size: 24px;
				flex: 1;
			}

			.cta-illustration-card img {
				width: 180px;
				margin-top: 0;
				margin-left: 24px;
			}
		}

		/* ── MOBILE (below 768px) ── */
		@media (max-width: 768px) {

			.cta-grid {
				grid-template-columns: 1fr;
				gap: 12px;
			}

			.cta-grid>div:first-child {
				grid-column: 1;
			}

			.cta-grid .cta-last-card {
				grid-column: 1;
			}

			.cta-illustration-card {
				flex-direction: column;
				min-height: 280px;
				padding: 24px 20px 0;
			}

			.cta-illustration-card h2 {
				font-size: 22px;
			}

			.cta-illustration-card img {
				width: 70%;
				margin: 16px auto 0;
			}

			.cta-card {
				height: auto;
				min-height: unset;
			}

			.cta-btn {
				width: 100%;
				text-align: center;
				padding: 14px 20px;
			}
		}



		/* =========================================
   FAQ Responsive Styles
========================================= */

/* FAQ Heading */
@media only screen and (max-width: 1024px) {

    .faq-section h2 {
        font-size: 34px !important;
        line-height: 32px !important;
    }

    /* FAQ Questions */
    .faq-section .accordion-button {
        font-size: 22px !important;
        line-height: 32px !important;

    }

    /* FAQ Answers */
    .faq-section .content-inner p {
        font-size: 15px;
        line-height: 26px;
			text-align: left !important;
		padding-top: 20px !important;
    }

    /* FAQ Image */
    .faq-section .faq img {
        border-radius: 20px;
    }
	 .faq-section p{
		   font-size: 16px !important; 
		   padding-top: 20px !important;
		   text-align: left !important;
	 }
}

/* Mobile */
@media only screen and (max-width: 767px) {

    .faq-section {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .faq-section h2 {
        font-size: 22px !important;
        line-height: 30px !important;
    }

    .faq-section .accordion-button {
        font-size: 18px !important;
        line-height: 30px !important;
    }

    .faq-section .content-inner p {
        font-size: 16px;
        line-height: 24px;
		text-align: left !important;
		padding-top: 20px !important;
    }
	 .faq-section p{
		   font-size: 16px !important; 
		   padding-top: 20px !important;
		   text-align: left !important;
	 }

    .faq-section .accordion-item {
        padding: 10px 0;
    }
}


/* Mobile Responsive Only */
@media (max-width: 767px) {

    .highlights-section {
        padding: 50px 0;
    }

    .highlights-section h2 {
        font-size: 28px !important;
        line-height: 1.3;
        margin-bottom: 15px;
    }

    .highlights-section p {
        font-size: 15px;
        line-height: 1.7;
        padding: 0 10px;
    }

    .highlights-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    .highlight-item {
        padding: 20px 15px;
        text-align: center;
        border-radius: 12px;
    }

    .highlight-icon {
        margin-bottom: 12px;
    }

    .highlight-icon i {
        font-size: 32px;
    }

    .highlight-item h4 {
        font-size: 16px;
        line-height: 1.5;
        margin: 0;
    }
}

/* Extra Small Mobile */
@media (max-width: 480px) {

    .highlights-section h2 {
        font-size: 24px !important;
    }

    .highlights-section p {
        font-size: 14px;
    }

    .highlight-item {
        padding: 18px 12px;
    }

    .highlight-icon i {
        font-size: 28px;
    }

    .highlight-item h4 {
        font-size: 15px;
    }
}