/**
 * RIIC Services – pixel-match mockup (#f9f5f0 / #5c4a3a).
 */

.riic-page-services {
	--riic-svc-bg: #f9f5f0;
	--riic-svc-brown: #5c4a3a;
	--riic-svc-brown-cta: #5d4037;
	--riic-svc-text: #5c5650;
	--riic-svc-text-muted: #757575;
	--riic-svc-cream: #fdf8f2;
	--riic-svc-panel-dark: #4a4a4a;
	--riic-font: "1FTV VIP Dagine", Georgia, "Times New Roman", serif;
}

.riic-template-riic-services,
.riic-template-riic-services #wrapper,
.riic-template-riic-services #main,
.riic-template-riic-services #content,
.riic-page-services,
.riic-page-services .sections {
	background-color: var(--riic-svc-bg);
}

.riic-page-services .page-title,
.riic-page-services .entry-header,
.riic-page-services .page-header {
	display: none !important;
}

.riic-page-services #content {
	padding: 0;
	max-width: 100%;
}

.riic-page-services .row-main,
.riic-page-services .col-inner {
	max-width: none;
}

.riic-page-services :where(.riic-svc-quote,
	.riic-svc-package__title,
	.riic-svc-panel__p,
	.riic-svc-subtitle,
	.riic-svc-ol li,
	.riic-svc-ul li,
	.riic-svc-why-intro__title,
	.riic-svc-why-intro__text) {
	font-family: var(--riic-font) !important;
}

/* ── Hero quote ── */
.riic-svc-hero>.section-content {
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
	padding-left: clamp(24px, 4vw, 48px);
	padding-right: clamp(24px, 4vw, 48px);
}

.riic-svc-quote {
	color: var(--riic-svc-brown);
	margin: 0;
	letter-spacing: 1px;
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
	font-family: var(--riic-font) !important;
	font-size: 28px !important;
	font-weight: 400 !important;
	font-style: normal !important;
	line-height: 1.5 !important;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}

/* ── Split row (panel + ảnh, căn giữa trang) ── */
.riic-svc-row-split {
	margin: 0 auto !important;
	max-width: 100% !important;
	align-items: stretch !important;
}

.riic-svc-row-split>.col {
	padding: 0 !important;
	margin: 0 !important;
}

.riic-svc-col-panel .col-inner,
.riic-svc-col-image .col-inner {
	padding: 0 !important;
	margin: 0 !important;
}

.riic-svc-col-panel .col-inner {
	background-color: var(--riic-svc-brown);
	min-height: clamp(112px, 9.8vw, 140px);
	height: 70%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #5D472F !important;
}

.riic-svc-panel-text {
	width: 100%;
	height: auto;
	margin: 0 !important;
}

.riic-svc-panel-text .text-inner {
	height: 100%;
	min-height: inherit;
	padding: 0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.riic-svc-row-split {
	height: 100%;
}


.riic-svc-panel {
	width: 100%;
	max-width: 764px;
	padding: 0 20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0;
}

@media (min-width: 850px) {
	.riic-svc-panel {
		padding: 0 200px;
	}
}

.riic-svc-col-image {
	height: 100%;
}

.riic-svc-img-split {
	height: 70%;
}

.riic-svc-panel__p {
	font-size: clamp(14px, 1vw, 15px);
	line-height: 1.3;
	color: #F4EFE9 !important;
	margin: 0;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: left;
	font-family: "Roboto", sans-serif !important;
	font-weight: 300 !important;
}

.riic-svc-panel__rule {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 1px;
	background: rgba(253, 248, 242, 0.45);
	margin: 26px 0;
}

.riic-svc-img-split .img-inner,
.riic-svc-img-split .img-inner img {
	border-radius: 0 !important;
}


.riic-svc-img-split .img-inner {
	height: 100%;
}

.riic-svc-img-split .img-inner img {
	width: 100%;
	height: 100%;
	min-height: inherit;
	object-fit: cover;
	object-position: center center;
	display: block;
}

/* ── Tabs ── */
.riic-page-services .sections,
.riic-page-services .section,
.riic-svc-tabs-section,
.riic-svc-tabs-section>.section-content,
.riic-svc-tabs .tab-panels,
.riic-svc-tabs .panel {
	overflow: visible !important;
}

.riic-svc-tabs-section {
	margin-top: 0;
	margin-bottom: 0 !important;
	margin-left: auto;
	margin-right: auto;
	padding: 48px 20px 80px !important;
	width: auto !important;
	position: relative;
	z-index: 2;
}

@media (min-width: 850px) {
	.riic-svc-tabs-section {
		margin-top: -140px;
		padding: 56px 200px 120px !important;
	}
}

.riic-svc-tabs.tabbed-content {
	margin: 0;
}

.riic-svc-tabs>.nav {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 0;
	border: none !important;
	background: none !important;
	margin: 0 !important;
	padding: 0 0 20px !important;
	position: relative;
}

@media (min-width: 850px) {
	.riic-svc-tabs>.nav {
		padding-left: 100px !important;
	}
}

.riic-svc-tabs>.nav::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: rgba(92, 74, 58, 0.22);
}

.riic-svc-tabs>.nav>li {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
	flex: 0 0 auto;
}

.riic-svc-tabs>.nav>li::before {
	content: "|";
	display: inline-block;
	margin: 0 clamp(14px, 2vw, 22px);
	color: var(--riic-svc-brown);
	font-size: 13px;
	font-weight: 300;
	opacity: 0.85;
	vertical-align: middle;
	pointer-events: none;
}

.riic-svc-tabs>.nav>li:first-child::before {
	display: none;
}

/* Flatsome nav-line: hide primary-color bar on top of active tab */
.riic-svc-tabs>.nav>li>a::before,
.riic-svc-tabs>.nav>li.active>a::before,
.riic-svc-tabs>.nav>li:hover>a::before {
	display: none !important;
	content: none !important;
}

.riic-svc-tabs {
	color: #383838 !important;
	font-family: "Roboto", sans-serif !important;
}

.riic-svc-tabs>.nav>li>a {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	color: #383838 !important;
	font-family: "Roboto", sans-serif !important;
	font-size: clamp(12px, 0.95vw, 14px) !important;
	font-weight: 400 !important;
	text-transform: none !important;
	letter-spacing: 1px;
	padding: 0 0 14px !important;
	margin: 0 !important;
	line-height: 1.4 !important;
	opacity: 0.92;
	border-bottom: 1px solid transparent !important;
	border-radius: 0 !important;
}

.riic-svc-tabs>.nav>li.active>a,
.riic-svc-tabs>.nav>li>a:hover {
	opacity: 1;
	color: var(--riic-svc-brown) !important;
}

.riic-svc-tabs>.nav>li.active>a {
	border-bottom-color: var(--riic-svc-brown) !important;
}

.riic-svc-tabs>.nav>li>a span {
	border: none !important;
}

.riic-svc-tabs .tab-panels {
	padding-top: 48px;
	border: none !important;
}

.riic-svc-tabs .panel {
	padding: 0;
}

/* Package blocks */
.riic-svc-package__title {
	font-size: clamp(22px, 2.2vw, 26px);
	font-weight: 400;
	letter-spacing: 4px;
	text-indent: 4px;
	color: var(--riic-svc-brown);
	margin: 0;
	line-height: 1.3;
}

.riic-svc-package__body {
	text-align: left;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.riic-svc-tabs .panel .ux-html:has(.riic-svc-divider) {
	width: 80%;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

.riic-svc-divider {
	display: block;
	width: 100%;
	max-width: none;
	height: 1px;
	margin: clamp(44px, 5.5vw, 64px) auto;
	padding: 0;
	border: none;
	background-color: #c5a9a4;
}

.riic-svc-package__body .text-inner {
	padding: 0 !important;
}

.riic-svc-block {
	margin-bottom: 36px;
}

.riic-svc-block--fit {
	margin-bottom: 0;
	margin-top: 8px;
}

.riic-svc-subtitle {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--riic-svc-brown);
	margin: 0 0 16px;
	line-height: 1.4;
	color: #383838 !important;
	font-family: "Roboto", sans-serif !important;
}

.riic-svc-subtitle-note {
	font-weight: 700;
	text-transform: none;
	letter-spacing: 1px;
	margin-left: 6px;
	color: #383838 !important;
	font-family: "Roboto", sans-serif !important;
}

.riic-svc-ol {
	margin: 0;
	padding: 0 0 0 0px;
	list-style: decimal;
}

.riic-svc-ol li {
	font-size: clamp(14px, 1vw, 15px);
	line-height: 1.9;
	color: var(--riic-svc-text);
	margin-bottom: 2px;
	padding-left: 4px;
	color: #383838 !important;
	font-family: "Roboto", sans-serif !important;
}

.riic-svc-ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.riic-svc-ul li {
	position: relative;
	padding-left: 16px;
	margin-bottom: 8px;
	font-size: clamp(14px, 1vw, 15px);
	line-height: 1.9;
	color: var(--riic-svc-text);
	margin: 0 !important;
	color: #383838 !important;
	font-family: "Roboto", sans-serif !important;
	font-weight: 400 !important;
}

.riic-svc-ul li::before {
	content: "-";
	position: absolute;
	left: 0;
	color: var(--riic-svc-text);
}

/* ── Why section (dưới GÓI LẺ) ── */
.riic-svc-tabs .panel .ux-html:has(.riic-svc-why) {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

.riic-svc-why {
	width: 100%;
	max-width: 100%;
	position: relative;
	z-index: 1;
	padding-bottom: 48px;
	margin-top: clamp(44px, 5.5vw, 64px);
}

.riic-svc-why-intro {
	text-align: center;
	max-width: 882px;
	margin: 0 auto clamp(40px, 5vw, 56px);
	padding: 0 8px;
}

.riic-svc-why-intro__title {
	font-size: clamp(22px, 2.4vw, 30px);
	font-weight: 400;
	line-height: 1.42;
	color: var(--riic-svc-brown-cta);
	margin: 0 0 22px;
	letter-spacing: 1px;
}

.riic-svc-why-intro__text {
	font-size: clamp(14px, 1vw, 15px);
	line-height: 1.3;
	color: var(--riic-svc-text-muted);
	margin: 0 0 16px;
	color: #383838 !important;
	font-family: "Roboto", sans-serif !important;
	font-weight: 400 !important;
}

.riic-svc-why-intro__text:last-child {
	margin-bottom: 0;
}

/* Panel graphic (single image from media) */
.riic-svc-why-panel {
	margin: 0 auto;
	line-height: 0;
}

.riic-svc-why-panel__graphic {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 14px;
}

.riic-svc-why-cta-wrap {
	text-align: center;
	margin: clamp(36px, 5vw, 52px) 0 0;
	padding: 0;
}

.riic-svc-why-cta {
	display: inline-block;
	padding: 12px 32px;
	background: var(--riic-svc-brown-cta);
	color: #fff !important;
	font-family: var(--riic-font) !important;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 999px;
	line-height: 1.2;
	transition: opacity 0.2s ease;
}

.riic-svc-why-cta:hover {
	opacity: 0.88;
	color: #fff !important;
}

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

	body.riic-template-riic-services,
	body.riic-page-services,
	.riic-page-services {
		overflow-x: clip;
	}

	.riic-page-services #content {
		overflow-x: clip;
	}

	.riic-page-services .section>.section-content {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.riic-svc-hero {
		padding: 48px 20px 36px !important;
	}

	.riic-svc-hero>.section-content {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.riic-svc-quote {
		font-size: clamp(18px, 4.8vw, 22px) !important;
		line-height: 1.45 !important;
	}

	.riic-svc-row-split>.row-inner {
		display: flex !important;
		flex-direction: column;
	}

	.riic-svc-col-panel {
		order: 1;
	}

	.riic-svc-col-image {
		order: 2;
		height: auto;
	}

	.riic-svc-col-panel .col-inner {
		min-height: 0;
		height: auto !important;
	}

	.riic-svc-panel {
		max-width: 100%;
		padding: 28px 20px;
	}

	.riic-svc-panel__p {
		font-size: 14px !important;
		line-height: 1.55 !important;
		text-align: center;
	}

	.riic-svc-panel__rule {
		margin: 20px 0;
	}

	.riic-svc-img-split {
		height: auto;
	}

	.riic-svc-img-split .img-inner {
		min-height: 200px;
		height: auto;
	}

	.riic-svc-img-split .img-inner img {
		min-height: 200px;
		height: auto;
	}

	.riic-svc-tabs-section {
		margin-top: 0 !important;
		padding: 40px 20px 64px !important;
	}

	.riic-svc-tabs>.nav {
		flex-direction: column;
		align-items: stretch;
		gap: 4px;
		padding: 0 0 16px !important;
		padding-left: 0 !important;
	}

	.riic-svc-tabs>.nav>li::before {
		display: none;
	}

	.riic-svc-tabs>.nav>li>a {
		text-align: center;
		padding: 10px 0 !important;
		font-size: 13px !important;
	}

	.riic-svc-tabs .tab-panels {
		padding-top: 28px;
	}

	.riic-svc-package__body {
		max-width: 100%;
	}

	.riic-svc-tabs .panel .ux-html:has(.riic-svc-divider) {
		width: 100%;
		max-width: 100%;
	}

	.riic-svc-package__title {
		font-size: clamp(18px, 4.5vw, 22px) !important;
		letter-spacing: 2px;
		text-indent: 2px;
		text-align: center;
	}

	.riic-svc-subtitle {
		font-size: 12px !important;
	}

	.riic-svc-ol li,
	.riic-svc-ul li {
		font-size: 14px !important;
		line-height: 1.75 !important;
	}

	.riic-svc-divider {
		margin: 36px auto;
	}

	.riic-svc-why {
		padding-bottom: 32px;
		margin-top: 36px;
	}

	.riic-svc-why-intro {
		padding: 0 4px;
		margin-bottom: 32px;
	}

	.riic-svc-why-intro__title {
		font-size: clamp(18px, 4.8vw, 22px) !important;
		line-height: 1.4 !important;
		margin-bottom: 16px;
	}

	.riic-svc-why-intro__text {
		font-size: 14px !important;
		line-height: 1.55 !important;
	}

	.riic-svc-why-panel__graphic {
		border-radius: 8px;
	}

	.riic-svc-why-cta-wrap {
		margin-top: 28px;
	}

	.riic-svc-why-cta {
		padding: 12px 28px;
		font-size: 10px;
	}
}

/* ── Tablet (550–849px) ── */
@media (min-width: 550px) and (max-width: 849px) {
	.riic-page-services {
		--riic-pad-x: 32px;
		--riic-section-y: 68px;
	}

	.riic-svc-hero {
		padding: var(--riic-section-y) var(--riic-pad-x) 48px !important;
	}

	.riic-svc-quote {
		font-size: clamp(22px, 3vw, 26px) !important;
	}

	.riic-svc-row-split>.row-inner {
		flex-direction: row !important;
		flex-wrap: nowrap;
		align-items: stretch;
	}

	.riic-svc-col-panel {
		order: 1;
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}

	.riic-svc-col-image {
		order: 2;
		flex: 0 0 50% !important;
		max-width: 50% !important;
		height: auto;
	}

	.riic-svc-col-panel .col-inner {
		height: 100%;
		min-height: clamp(280px, 42vw, 360px);
	}

	.riic-svc-panel {
		max-width: none;
		height: 100%;
		padding: clamp(32px, 4vw, 44px) var(--riic-pad-x);
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.riic-svc-panel__p {
		font-size: clamp(14px, 1.8vw, 16px) !important;
		text-align: left;
	}

	.riic-svc-img-split,
	.riic-svc-img-split .img-inner {
		height: 100%;
		min-height: clamp(280px, 42vw, 360px);
	}

	.riic-svc-img-split .img-inner img {
		height: 100%;
		min-height: 100%;
		object-fit: cover;
	}

	.riic-svc-tabs-section {
		padding: var(--riic-section-y) var(--riic-pad-x) !important;
	}

	.riic-svc-tabs>.nav {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 8px 20px;
		padding-bottom: 20px !important;
	}

	.riic-svc-tabs>.nav>li::before {
		display: block;
	}

	.riic-svc-tabs>.nav>li>a {
		text-align: center;
		padding: 8px 4px !important;
		font-size: clamp(12px, 1.6vw, 14px) !important;
	}

	.riic-svc-package__title {
		font-size: clamp(20px, 2.8vw, 24px) !important;
	}

	.riic-svc-why-intro {
		padding: 0;
		max-width: min(100%, 560px);
		margin-left: auto;
		margin-right: auto;
	}
}