/*
Theme Name:     Dentcure Child Theme
Template:       dentcure
Theme URI:      http://radiustheme.com/demo/wordpress/themes/dentcure
Author:         RadiusTheme
Author URI:     http://radiustheme.com
Description:    Dentcure is a Dentist and Dental Clinic WordPress Theme.
Version:        1.0.0
Tested up to: 	6.6
Requires PHP: 	7.4
Text Domain:    dentcure
Tags: 			theme-options, featured-images, post-formats, one-column, two-columns, right-sidebar, custom-background, custom-header, editor-style, sticky-post, threaded-comments, translation-ready
License:   	  	Envato split License
License URI:  	https://themeforest.net/licenses/terms/regular
*/

body .dentcure-navigation #menu-primary-menu .dropdown-menu > li > a {
    font-size: 15px !important;
}

@media (min-width: 1025px) {
    #masthead {
        position: sticky !important;
        top: -41px !important;
        z-index: 99999 !important;
    }

    #menu-fixed {
        position: relative !important;
        top: auto !important;
        width: 100%;
        z-index: 99999;
    }

    body.admin-bar #masthead {
        top: -9px !important;
    }
}

.elementor-2581 .elementor-element.elementor-element-9f9db90 .dentcure-navigation ul li a {

    text-transform: inherit !important;
	font-size: 18px !important;
	font-weight: 400 !important;
}


.elementor-2581 .elementor-element.elementor-element-f21b8d8:not(.elementor-motion-effects-element-type-background), .elementor-2581 .elementor-element.elementor-element-f21b8d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    line-height: 12px;
}


/* scrolling bar */
Add this CSS to create a light-gray scrollbar with rounded corners:

```css
/* Custom website scrollbar */

/* Firefox */
html {
    scrollbar-width: thin;
    scrollbar-color: #b8bec7 #f1f3f5;
}

/* Chrome, Edge and Safari */
::-webkit-scrollbar {
    width: 12px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f3f5;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #b8bec7;
    border: 2px solid #f1f3f5;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #969da8;
}

/* Remove scrollbar arrow buttons */
::-webkit-scrollbar-button {
    display: none;
}
```


.elementor-2578 .elementor-element.elementor-element-48ab5b2 .section-title-wrapper .main-title {
    font-size: 47px;
}
/*
 * MCDC website horizontal-overflow fix */

@media (max-width: 1199px) {
	/*
	 * The logo-brand widget uses Bootstrap's g-5 gutter (48px).
	 * Its -24px row margins escape the Elementor container.
	 * A 20px gutter keeps the same spacing without leaving the viewport.
	 */
	.elementor-element-35fac37 .rt-logo-brand > .row.g-5 {
		--bs-gutter-x: 20px !important;
	}

	/*
	 * Safety fallback for animated marquees and off-canvas elements.
	 * "clip" prevents horizontal page scrolling without creating a
	 * horizontal scroll container.
	 */
	html,
	body {
		max-width: 100%;
		overflow-x: hidden;
	}

	@supports (overflow: clip) {
		html,
		body {
			overflow-x: clip;
		}
	}
}

/*
 * MCDC website horizontal-overflow fix */



.elementor-2578 .elementor-element.elementor-element-48ab5b2 .section-title-wrapper .main-title {
    font-size: 59px;
}

.rt-image img {
    display: block;
    animation: softImageLoop 5s ease-in-out infinite alternate;
    will-change: transform;
}

@keyframes softImageLoop {
    from {
        transform: translateY(0) scale(1);
    }
F
    to {
        transform: translateY(-7px) scale(1.02);
    }
}
@media (prefers-reduced-motion: reduce) {
    .rt-image img {
        animation: none;
    }
}


/* Edit appointment button style */

.rt-action-button .button-2 {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 12px 20px;
    overflow: hidden;

    color: #ffffff !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.3px;

    background: linear-gradient(135deg, #2d65b0, #07bada) !important;
    border: none;
    border-radius: 50px;
    box-shadow: none;

    transition: transform 0.3s ease;
    animation: buttonZoom 5s ease-in-out infinite;
}

/* Moving highlight effect */
.rt-action-button .button-2::before {
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    pointer-events: none;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.45),
        transparent
    );

    transform: skewX(-20deg);
    animation: buttonShine 3.5s ease-in-out infinite;
}

.rt-action-button .button-2:hover {
    color: #ffffff !important;
    transform: scale(1.03);
    box-shadow: none;
    animation-play-state: paused;
}

.rt-action-button .button-2 i {
    transition: transform 0.3s ease;
}

.rt-action-button .button-2:hover i {
    transform: translateX(4px);
}

/* Subtle zoom once every 5 seconds */
@keyframes buttonZoom {
    0%,
    16%,
    100% {
        transform: scale(1);
    }

    8% {
        transform: scale(1.05);
    }
}

/* Moving highlight */
@keyframes buttonShine {
    0%,
    55% {
        left: -80%;
    }

    100% {
        left: 140%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rt-action-button .button-2,
    .rt-action-button .button-2::before {
        animation: none;
    }
}

.rt-action-button .button-2 {
    /* Keep your other styles */
    scale: 1;
    transition: scale 0.25s ease;
    animation: buttonZoom 5s ease-in-out infinite;
}

.rt-action-button .button-2:hover {
    color: #ffffff !important;
    scale: 1.03;
    box-shadow: none;
}

/* End edit appointment button style */




/*
 * MCDC service-card redesign
 * Style only: Elementor controls the number of columns and layout.
 * Paste this into Appearance > Customize > Additional CSS.
 */

.rt-info-box.rt-info-layout-3 {
	--mcdc-card-primary: #05b7d8;
	--mcdc-card-primary-dark: #008eae;
	--mcdc-card-ink: #063b79;
	--mcdc-card-muted: #5d728c;
	height: 100%;
}

.rt-info-box.rt-info-layout-3 .info-box {
	position: relative;
	isolation: isolate;
	box-sizing: border-box;
	min-height: 200px;
	height: 100%;
	padding: 22px 22px 19px;
	border: 1px solid #00278d !important;
	border-radius: 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background:
		radial-gradient(circle at 100% 0%, rgba(5, 183, 216, 0.14), transparent 42%),
		linear-gradient(145deg, #ffffff 0%, #f4fdff 100%);
	box-shadow: 0 14px 36px rgba(7, 66, 120, 0.08);
	text-align: center;
	transition:
		transform 260ms cubic-bezier(0.2, 0.8, 0.2, 1),
		border-color 220ms ease,
		box-shadow 260ms ease;
}

.rt-info-box.rt-info-layout-3 .info-box::before {
	content: "";
	position: absolute;
	z-index: 1;
	inset: 0 auto auto 0;
	width: 100%;
	height: 4px;
	background: #00278d !important;
	transform: scaleX(1);
	transform-origin: left;
	transition: transform 280ms ease, background-color 220ms ease;
}

.rt-info-box.rt-info-layout-3 .info-box::after {
	content: "";
	position: absolute;
	z-index: -1;
	right: -48px;
	bottom: -62px;
	width: 145px;
	height: 145px;
	border: 28px solid rgba(5, 183, 216, 0.06);
	border-radius: 50%;
	transition: transform 320ms ease;
}

.rt-info-box.rt-info-layout-3 .info-icon-holder {
	position: relative;
	z-index: 2;
	margin: 0 0 23px;
	animation: mcdc-service-icon-float 3.4s ease-in-out infinite;
	will-change: transform;
}

.rt-info-box.rt-info-layout-3 .info-icon {
	position: relative;
	box-sizing: border-box;
	width: 76px;
	height: 76px;
	border: 7px solid rgba(255, 255, 255, 0.82);
	border-radius: 22px;
	display: grid;
	place-items: center;
	background: #00278d !important;
	box-shadow: 0 10px 24px rgba(5, 183, 216, 0.22);
	transform: rotate(-3deg);
	transition: transform 260ms ease, box-shadow 260ms ease, background-color 220ms ease;
}

.rt-info-box.rt-info-layout-3 .info-icon::after {
	content: "";
	position: absolute;
	inset: -11px;
	border: 1px solid rgba(5, 183, 216, 0.18);
	border-radius: 27px;
	animation: mcdc-service-icon-ring 3.4s ease-in-out infinite;
}

@keyframes mcdc-service-icon-float {
	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-5px);
	}
}

@keyframes mcdc-service-icon-ring {
	0%,
	100% {
		opacity: 0.55;
		transform: scale(0.96);
	}

	50% {
		opacity: 1;
		transform: scale(1.05);
	}
}

.rt-info-box.rt-info-layout-3 .info-icon a {
	width: 100%;
	height: 100%;
	display: grid;
	place-items: center;
	color: #fff;
	text-decoration: none;
}

.rt-info-box.rt-info-layout-3 .info-icon svg {
	display: block;
	width: 38px;
	height: 38px;
}

.rt-info-box.rt-info-layout-3 .info-icon svg path,
.rt-info-box.rt-info-layout-3 .info-icon svg line,
.rt-info-box.rt-info-layout-3 .info-icon svg circle,
.rt-info-box.rt-info-layout-3 .info-icon svg polyline {
	transition: opacity 220ms ease;
}

.rt-info-box.rt-info-layout-3 .info-content-holder {
	position: static;
	z-index: 1;
	width: 100%;
}

/* Force-remove the CTA generated by older copies of this stylesheet or the theme. */
.rt-info-box.rt-info-layout-3 .info-content-holder::after {
	content: none !important;
	display: none !important;
}

.rt-info-box.rt-info-layout-3 .info-title {
	margin: 0;
	color: var(--mcdc-card-ink);
	font-size: 18px;
	font-size: 18px !important;
	font-weight: 750;
	line-height: 1.25;
	letter-spacing: -0.025em;
}

.rt-info-box.rt-info-layout-3 .info-title a {
	color: inherit;
	font-size: inherit !important;
	text-decoration: none;
	transition: color 200ms ease;
}

/* Makes the full card clickable through the title link. */
.rt-info-box.rt-info-layout-3 .info-title a::after {
	content: "";
	position: absolute;
	z-index: 5;
	inset: 0;
	cursor: pointer;
}

.rt-info-box.rt-info-layout-3 .info-box:hover,
.rt-info-box.rt-info-layout-3 .info-box:focus-within {
	border-color: #06bada !important;
	box-shadow: 0 20px 46px rgba(7, 66, 120, 0.14);
	transform: translateY(-7px);
}

.rt-info-box.rt-info-layout-3 .info-box:hover::before,
.rt-info-box.rt-info-layout-3 .info-box:focus-within::before {
	background: #06bada !important;
	transform: scaleX(1);
}

.rt-info-box.rt-info-layout-3 .info-box:hover::after,
.rt-info-box.rt-info-layout-3 .info-box:focus-within::after {
	transform: scale(1.13) rotate(10deg);
}

.rt-info-box.rt-info-layout-3 .info-box:hover .info-icon,
.rt-info-box.rt-info-layout-3 .info-box:focus-within .info-icon {
	background: #06bada !important;
	box-shadow: 0 14px 28px rgba(5, 183, 216, 0.3);
	transform: translateY(-3px) rotate(0deg) scale(1.04);
}

.rt-info-box.rt-info-layout-3 .info-title a:focus-visible {
	outline: 3px solid rgba(5, 183, 216, 0.55);
	outline-offset: 7px;
	border-radius: 4px;
}

@media (max-width: 1024px) {
	.rt-info-box.rt-info-layout-3 .info-box {
		min-height: 180px;
		padding: 20px 16px 17px;
		border-radius: 20px;
	}

	.rt-info-box.rt-info-layout-3 .info-icon {
		width: 70px;
		height: 70px;
	}
}

@media (max-width: 767px) {
	/*
	 * Match the live doctor grid:
	 * 20px from the screen edges and 16px between cards.
	 * Elementor remains responsible for the column count.
	 */
	.elementor-element-7efb8be8 {
		padding-inline: 20px !important;
	}

	.elementor-element-7efb8be8 > .e-con-inner {
		box-sizing: border-box;
		width: 100% !important;
		max-width: none !important;
		margin-inline: 0 !important;
		column-gap: 16px !important;
		row-gap: 16px !important;
		gap: 16px !important;
	}

	.elementor-element-7efb8be8 > .e-con-inner > .elementor-widget-rt-info-box {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		margin: 0 !important;
	}

	.rt-info-box.rt-info-layout-3 .info-box {
		min-height: 145px;
		padding: 16px 10px 14px;
		border-radius: 17px;
	}

	.rt-info-box.rt-info-layout-3 .info-icon-holder {
		margin-bottom: 12px;
	}

	.rt-info-box.rt-info-layout-3 .info-icon {
		width: 54px;
		height: 54px;
		border-width: 5px;
		border-radius: 16px;
	}

	.rt-info-box.rt-info-layout-3 .info-icon svg {
		width: 29px;
		height: 29px;
	}

	.rt-info-box.rt-info-layout-3 .info-title {
		font-size: 15px;
		font-size: 15px !important;
		line-height: 1.25;
		letter-spacing: -0.015em;
		overflow-wrap: normal;
		word-break: normal;
	}

}

@media (hover: none) {
	.rt-info-box.rt-info-layout-3 .info-box:hover {
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.rt-info-box.rt-info-layout-3 .info-icon-holder,
	.rt-info-box.rt-info-layout-3 .info-icon::after {
		animation: none !important;
	}

	.rt-info-box.rt-info-layout-3 .info-box,
	.rt-info-box.rt-info-layout-3 .info-box::before,
	.rt-info-box.rt-info-layout-3 .info-box::after,
	.rt-info-box.rt-info-layout-3 .info-icon {
		transition-duration: 0.01ms !important;
	}
}

/* About page: make the fourth service card match the others */
body.page-id-11344 .elementor-element-07b58f7 {
    padding: 10px !important;
    box-sizing: border-box;
}

body.page-id-11344
.elementor-element-07b58f7 > .elementor-widget-container,
body.page-id-11344
.elementor-element-07b58f7 .rt-info-box {
    height: 100% !important;
}





/*
 * MCDC Trust Statistics Bar
 *
 * Required Elementor settings:
 * CSS ID:    trust-statistics-bar
 * CSS class: trust-bar
 *
 * Paste this AFTER the MCDC service-card CSS.
 */

#trust-statistics-bar.trust-bar {
	--trust-cyan: #08b7d8;
	--trust-navy: #073b79;
	--trust-muted: #637596;
	--trust-divider: rgba(8, 183, 216, 0.45);
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	width: calc(100% - 40px);
	max-width: 1120px;
	margin: -72px auto 38px !important;
	padding: 0 !important;
	border: 1px solid rgba(7, 59, 121, 0.06);
	border-radius: 20px;
	overflow: hidden;
	background: #ffffff;
	box-shadow: 0 18px 42px rgba(7, 59, 121, 0.16);
}

#trust-statistics-bar.trust-bar > .e-con-inner {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	min-height: 0;
	margin: 0;
	padding: 0 !important;
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 0 !important;
	align-items: stretch !important;
}

#trust-statistics-bar.trust-bar > .e-con-inner > .elementor-widget-rt-info-box {
	position: relative;
	--width: 100%;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Vertical separators between statistics. */
#trust-statistics-bar.trust-bar > .e-con-inner > .elementor-widget-rt-info-box:not(:last-child)::after {
	content: "";
	position: absolute;
	z-index: 3;
	top: 24px;
	right: 0;
	bottom: 24px;
	width: 1px;
	background: linear-gradient(
		180deg,
		transparent,
		var(--trust-divider) 18%,
		var(--trust-divider) 82%,
		transparent
	);
}

#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 {
	height: 100%;
}

#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-box {
	position: relative;
	box-sizing: border-box;
	min-height: 154px;
	height: 100%;
	padding: 24px 18px 21px;
	border: 0 !important;
	border-radius: 0 !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow: visible;
	background: transparent !important;
	box-shadow: none !important;
	text-align: center;
	transform: none !important;
	transition: background-color 220ms ease;
}

/* Remove all service-card decorative shapes inside the trust bar. */
#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-box::before,
#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-box::after {
	content: none !important;
	display: none !important;
}

#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-icon-holder {
	position: relative;
	z-index: 2;
	margin: 0 0 12px;
}

#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-icon {
	position: relative;
	box-sizing: border-box;
	width: 50px;
	height: 50px;
	border: 0 !important;
	border-radius: 0 !important;
	display: grid;
	place-items: center;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--trust-cyan) !important;
	transform: none !important;
	transition: transform 220ms ease, color 220ms ease;
}

#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-icon::before,
#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-icon::after {
	content: none !important;
	display: none !important;
}

#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-icon a {
	width: 100%;
	height: 100%;
	display: grid;
	place-items: center;
	color: inherit !important;
	text-decoration: none;
}

#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-icon i {
	color: inherit !important;
	font-size: 42px !important;
	line-height: 1;
}

#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-icon svg {
	display: block;
	width: 46px !important;
	height: 46px !important;
}

#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-icon svg path,
#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-icon svg circle,
#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-icon svg line,
#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-icon svg polyline {
	fill: currentColor !important;
	stroke: currentColor;
}

#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-content-holder {
	position: static;
	width: 100%;
}

/* Keep the old generated CTA hidden. */
#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-content-holder::after {
	content: none !important;
	display: none !important;
}

#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-title {
	margin: 0;
	color: var(--trust-navy) !important;
	font-size: clamp(20px, 1.7vw, 27px) !important;
	font-weight: 800 !important;
	line-height: 1.08 !important;
	letter-spacing: -0.025em;
}

#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-title a {
	color: inherit !important;
	text-decoration: none !important;
}

#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .content-holder {
	margin-top: 8px;
}

#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .content-holder p {
	margin: 0 !important;
	color: var(--trust-muted) !important;
	font-size: 15px !important;
	font-weight: 500;
	line-height: 1.3;
}

#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-box:hover,
#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-box:focus-within {
	border: 0 !important;
	background: linear-gradient(180deg, rgba(8, 183, 216, 0.045), transparent) !important;
	box-shadow: none !important;
	transform: none !important;
}

#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-box:hover .info-icon,
#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-box:focus-within .info-icon {
	color: var(--trust-navy) !important;
	transform: translateY(-3px) !important;
}

#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-box:focus-within {
	outline: 3px solid rgba(8, 183, 216, 0.28);
	outline-offset: -3px;
}

/* Tablet: two statistics per row. */
@media (max-width: 1024px) {
	#trust-statistics-bar.trust-bar {
		width: calc(100% - 32px);
		max-width: 760px;
		margin-top: -54px !important;
		border-radius: 18px;
	}

	#trust-statistics-bar.trust-bar > .e-con-inner {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	#trust-statistics-bar.trust-bar > .e-con-inner > .elementor-widget-rt-info-box::after {
		content: none !important;
		display: none !important;
	}

	#trust-statistics-bar.trust-bar > .e-con-inner > .elementor-widget-rt-info-box:nth-child(odd)::after {
		content: "";
		display: block !important;
		position: absolute;
		z-index: 3;
		top: 20px;
		right: 0;
		bottom: 20px;
		width: 1px;
		background: var(--trust-divider);
	}

	#trust-statistics-bar.trust-bar > .e-con-inner > .elementor-widget-rt-info-box:nth-child(-n + 2)::before {
		content: "";
		position: absolute;
		z-index: 3;
		right: 20px;
		bottom: 0;
		left: 20px;
		height: 1px;
		background: var(--trust-divider);
	}

	#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-box {
		min-height: 145px;
		padding: 21px 14px 19px;
	}
}

/* Mobile: compact two-by-two trust panel. */
@media (max-width: 767px) {
	#trust-statistics-bar.trust-bar {
		width: calc(100% - 24px);
		margin-top: -38px !important;
		margin-bottom: 28px !important;
		border-radius: 16px;
		box-shadow: 0 14px 32px rgba(7, 59, 121, 0.15);
	}

	#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-box {
		min-height: 128px;
		padding: 17px 8px 15px;
	}

	#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-icon-holder {
		margin-bottom: 9px;
	}

	#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-icon {
		width: 40px;
		height: 40px;
	}

	#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-icon i {
		font-size: 33px !important;
	}

	#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-icon svg {
		width: 35px !important;
		height: 35px !important;
	}

	#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-title {
		font-size: clamp(15px, 4.3vw, 19px) !important;
	}

	#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .content-holder {
		margin-top: 5px;
	}

	#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .content-holder p {
		font-size: 12px !important;
		line-height: 1.22;
	}
}

@media (prefers-reduced-motion: reduce) {
	#trust-statistics-bar.trust-bar .rt-info-box.rt-info-layout-3 .info-icon {
		transition-duration: 0.01ms !important;
	}
}

/* 
team tittle font size */
@media (max-width: 767px) {
.rt-team-default .team-item .team-title {  
    font-size: 14px;
}
	.team-designation {
    font-size: 12px;
		line-height: normal;
}
	.elementor-2578 .elementor-element.elementor-element-5f34fb3 .team-content {
    padding: 13px 10px 13px 10px;
}
}

/* background doctor section */
.elementor-2578 .elementor-element.elementor-element-e4dce68:not(.elementor-motion-effects-element-type-background), .elementor-2578 .elementor-element.elementor-element-e4dce68 > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-2578 .elementor-element.elementor-element-1c86a6b:not(.elementor-motion-effects-element-type-background), .elementor-2578 .elementor-element.elementor-element-1c86a6b > .elementor-motion-effects-container > .elementor-motion-effects-layer {
background: radial-gradient(circle at 100% 0%, rgba(5, 183, 216, 0.14), transparent 42%), linear-gradient(145deg, #ffffff 0%, #f4fdff 100%);
}


/* team info line height */
.team-info p {
    line-height: normal;
}


@media (max-width: 767px) {
	.team-info p {
		font-size: 14px;
		line-height: 1.5 !important;
	}
}



/*
 * MCDC About Hero — final standalone CSS
 *
 * Replace the previous About Hero CSS with this complete file.
 * All rules are scoped to #about-hero.
 */

#about-hero,
#about-hero * {
    box-sizing: border-box;
}

#about-hero {
    /* 40px contact top bar + 82px desktop navigation + 1px divider. */
    --mcdc-header-height: 123px;
    --mcdc-history-blue: #00278d;
    --mcdc-history-cyan: #06bada;
    --mcdc-history-ink: #304476;
    --mcdc-history-line: rgba(6, 186, 218, 0.34);
    isolation: isolate;
}

#about-hero > .e-con-inner {
    position: relative;
    z-index: 2;
}

/* Cyan eyebrow label. */
#about-hero .top-sub-title {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 7px 13px;
    border: 1px solid rgba(6, 186, 218, 0.28);
    border-radius: 999px;
    color: var(--mcdc-history-blue) !important;
    background: rgba(227, 248, 252, 0.82);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

/* More refined title with a short brand-colour underline. */
#about-hero .main-title {
    position: relative;
    display: inline-block;
    width: fit-content;
    color: var(--mcdc-history-blue) !important;
    letter-spacing: -0.045em;
}

#about-hero .main-title::after {
    content: "";
    position: absolute;
    left: 2px;
    bottom: -3px;
    width: 82px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        var(--mcdc-history-blue),
        var(--mcdc-history-cyan)
    );
    box-shadow: 90px 0 0 -1px rgba(6, 186, 218, 0.24);
}

/* Turn the history copy into a subtle timeline. */
#about-hero .description {
    position: relative;
    padding-left: 25px;
}

#about-hero .description::before {
    content: "";
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 5px;
    width: 2px;
    border-radius: 999px;
    background: linear-gradient(
        180deg,
        var(--mcdc-history-cyan),
        rgba(6, 186, 218, 0.06)
    );
}

#about-hero .description p {
    position: relative;
}

#about-hero .description p:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0.64em;
    left: -25px;
    width: 10px;
    height: 10px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: var(--mcdc-history-cyan);
    box-shadow: 0 0 0 4px rgba(6, 186, 218, 0.14);
}

/* Make the clinic statement feel intentional instead of another paragraph. */
#about-hero .description p:last-child {
    margin-top: 18px !important;
    padding: 14px 17px !important;
    border: 1px solid rgba(6, 186, 218, 0.24);
    border-left: 4px solid var(--mcdc-history-cyan);
    border-radius: 0 15px 15px 0;
    color: var(--mcdc-history-blue);
    background: linear-gradient(
        100deg,
        rgba(6, 186, 218, 0.11),
        rgba(255, 255, 255, 0.58)
    );
}

/* Completely remove the previously added background behind Dr. Eng. */
#about-hero .elementor-element-3c95d744::before {
    content: none !important;
    display: none !important;
    animation: none !important;
}

/* Desktop transparent panel and section divider. */
@media (min-width: 1025px) {
    #about-hero::after {
        content: "";
        position: absolute;
        z-index: 1;
        top: 15%;
        bottom: 15%;
        left: 43%;
        width: 1px;
        pointer-events: none;
        background: linear-gradient(
            180deg,
            transparent,
            rgba(6, 186, 218, 0.34) 28%,
            rgba(0, 39, 141, 0.18) 72%,
            transparent
        );
    }

    #about-hero .elementor-element-46bd47da {
        padding: 28px 30px 26px !important;
        border: 1px solid rgba(6, 186, 218, 0.22);
        border-radius: 26px;
        background: transparent;
        box-shadow: none;
    }

    #about-hero .elementor-element-46bd47da::before {
        content: "";
        position: absolute;
        top: 26px;
        bottom: 26px;
        left: -1px;
        width: 4px;
        border-radius: 0 999px 999px 0;

    }

    #about-hero .main-title {
        margin: 9px 0 24px !important;
        font-size: clamp(54px, 4.4vw, 66px) !important;
        line-height: 1.05 !important;
    }

    #about-hero .description,
    #about-hero .description p {
        font-size: 15px;
        line-height: 1.67;
    }
}

/* Tablet: keep the decoration light around the narrower two-column layout. */
@media (min-width: 768px) and (max-width: 1024px) {
    #about-hero .main-title {
        margin: 8px 0 20px !important;
        font-size: clamp(40px, 6vw, 54px) !important;
        line-height: 1.08 !important;
    }

    #about-hero .description {
        padding-left: 20px;
    }

    #about-hero .description p {
        font-size: 14px;
        line-height: 1.6;
    }

    #about-hero .description p:not(:last-child)::before {
        left: -20px;
    }
}

/* Mobile: retain width and readability; use the timeline as the main feature. */
@media (max-width: 767px) {
    #about-hero .top-sub-title {
        padding: 6px 10px;
        font-size: 11px !important;
        line-height: 1.25 !important;
        letter-spacing: 0.04em;
    }

    #about-hero .main-title {
        margin: 10px 0 23px !important;
        font-size: clamp(30px, 8.5vw, 36px) !important;
        line-height: 1.1 !important;
    }

    #about-hero .main-title::after {
        bottom: -8px;
        width: 62px;
        height: 3px;
        box-shadow: 68px 0 0 -1px rgba(6, 186, 218, 0.22);
    }

    #about-hero .description {
        padding-left: 19px;
    }

    #about-hero .description::before {
        left: 4px;
    }

    #about-hero .description p {
        margin-bottom: 15px !important;
        font-size: 15px !important;
        line-height: 1.62 !important;
    }

    #about-hero .description p:not(:last-child)::before {
        top: 0.58em;
        left: -19px;
        width: 9px;
        height: 9px;
        box-shadow: 0 0 0 3px rgba(6, 186, 218, 0.13);
    }

    #about-hero .description p:last-child {
        margin-top: 12px !important;
        padding: 12px 13px !important;
        border-radius: 0 13px 13px 0;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

}

/* Remove Elementor widgets/containers that are empty in this section. */
#about-hero .elementor-element-396d7dc5,
#about-hero .elementor-element-4d9c09bc {
    display: none !important;
}

/*
 * Final alignment safeguards.
 * These are included here so this file works without the older responsive file.
 */
@media (min-width: 1025px) {
    /*
     * Prevent the contact bar from changing height while its webfont loads.
     * Limited to this About page and its existing Elementor top-bar container.
     */
    body.page-id-11344 .elementor-element-e2a0e01 {
        height: 40px !important;
        min-height: 40px !important;
    }

    #about-hero {
        height: calc(100svh - var(--mcdc-header-height)) !important;
        min-height: 650px !important;
        overflow: hidden !important;
    }

    #about-hero > .e-con-inner,
    #about-hero .elementor-element-261cf936 {
        height: 100% !important;
        min-height: 0 !important;
    }

    #about-hero > .e-con-inner {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #about-hero .elementor-element-261cf936 {
        align-items: stretch !important;
        overflow: hidden !important;
        padding-bottom: 0 !important;
    }

    #about-hero .elementor-element-3c95d744 {
        align-self: stretch !important;
        justify-content: flex-end !important;
        min-height: 0 !important;
        padding-top: 20px !important;
        padding-bottom: 0 !important;
    }

    #about-dr-mcdc,
    #about-dr-mcdc > .elementor-widget-container,
    #about-dr-mcdc .rt-image-layout,
    #about-dr-mcdc .rt-image,
    #about-dr-mcdc .rt-image > div {
        display: flex !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        align-items: flex-end !important;
        justify-content: center !important;
    }

    #about-dr-mcdc img {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: 100% !important;
        margin: 0 auto !important;
        object-fit: contain;
        object-position: center bottom;
    }

    #about-hero .elementor-element-46bd47da {
        align-self: center !important;
        justify-content: center !important;
    }

    /*
     * WordPress adds a 32px admin toolbar on desktop.
     * This keeps the section fitted while you are logged in.
     */
    body.admin-bar #about-hero {
        height: calc(
            100svh - var(--mcdc-header-height) - 32px
        ) !important;
        min-height: 620px !important;
    }
}

/*
 * About page bottom card grid:
 * the fourth item is a direct widget, while the first three are padded
 * Elementor containers. Give the last item the same 10px inset so all
 * four visible cards have matching width and height.
 */
body.page-id-11344 .elementor-element-07b58f7 {
    padding: 10px !important;
    box-sizing: border-box;
}

body.page-id-11344
    .elementor-element-07b58f7
    > .elementor-widget-container,
body.page-id-11344
    .elementor-element-07b58f7
    .rt-info-box {
    height: 100% !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
    #about-hero {
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    #about-hero > .e-con-inner {
        width: 100% !important;
        margin: 0 !important;
        padding: 42px 32px 0 !important;
    }

    #about-hero .elementor-element-261cf936 {
        display: flex !important;
        flex-flow: column nowrap !important;
        width: 100% !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    #about-hero .elementor-element-46bd47da {
        order: 1;
        width: 100% !important;
        padding: 0 !important;
    }

    #about-hero .elementor-element-48f80408 {
        width: 100% !important;
        padding: 0 !important;
    }

    #about-hero .elementor-element-3c95d744 {
        order: 2;
        width: 100% !important;
        margin-top: 30px !important;
        padding: 0 !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }

    #about-dr-mcdc,
    #about-dr-mcdc > .elementor-widget-container,
    #about-dr-mcdc .rt-image-layout,
    #about-dr-mcdc .rt-image,
    #about-dr-mcdc .rt-image > div {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0;
        text-align: center;
    }

    #about-dr-mcdc img {
        display: block !important;
        width: min(45vw, 360px) !important;
        height: auto !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        object-fit: contain;
        object-position: center bottom;
    }

    #about-hero .description,
    #about-hero .description p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    /* About navigation cards: keep all four equal inside the tablet grid. */
    body.page-id-11344
        .elementor-element-484c1c17
        > .e-con-inner
        > :is(
            .elementor-element-7559d0ad,
            .elementor-element-61aea3ff,
            .elementor-element-748dabe,
            .elementor-element-07b58f7
        ) {
        --width: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        padding: 10px !important;
        margin: 0 !important;
        align-self: stretch !important;
        box-sizing: border-box !important;
    }

    body.page-id-11344
        .elementor-element-484c1c17
        > .e-con-inner
        > :is(
            .elementor-element-7559d0ad,
            .elementor-element-61aea3ff,
            .elementor-element-748dabe,
            .elementor-element-07b58f7
        )
        :is(
            .elementor-widget-rt-info-box,
            .elementor-widget-container,
            .rt-info-box
        ) {
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 767px) {
    #about-hero {
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    #about-hero > .e-con-inner {
        width: 100% !important;
        margin: 0 !important;
        padding: 28px 18px 0 !important;
    }

    #about-hero .elementor-element-261cf936 {
        display: flex !important;
        flex-flow: column nowrap !important;
        width: 100% !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    #about-hero .elementor-element-46bd47da {
        order: 1;
        width: 100% !important;
        padding: 0 !important;
    }

    #about-hero .elementor-element-48f80408 {
        width: 100% !important;
        padding: 0 !important;
    }

    #about-hero .elementor-element-3c95d744 {
        order: 2;
        width: 100% !important;
        margin-top: 22px !important;
        padding: 0 !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }

    #about-dr-mcdc,
    #about-dr-mcdc > .elementor-widget-container,
    #about-dr-mcdc .rt-image-layout,
    #about-dr-mcdc .rt-image,
    #about-dr-mcdc .rt-image > div {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0;
        text-align: center;
    }

    #about-dr-mcdc img {
        display: block !important;
        width: min(70vw, 270px) !important;
        height: auto !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        object-fit: contain;
        object-position: center bottom;
    }
}



.bg-gradience{
	    background: radial-gradient(circle at 100% 0%, rgba(5, 183, 216, 0.14), transparent 42%), linear-gradient(145deg, #ffffff 0%, #f4fdff 100%);
}
}



/* Equal-height Vision and Mission cards */
#card-vm {
    --align-items: stretch !important;
}

#card-vm > .e-con-inner {
    align-items: stretch !important;
}

#card-vm > .e-con-inner > .e-con,
#card-vm .elementor-widget-rt-info-box,
#card-vm .elementor-widget-container,
#card-vm .rt-info-box {
    display: flex !important;
    flex: 1 1 auto !important;
    width: 100%;
}

#card-vm .info-box {
    flex: 1 1 auto !important;
    width: 100%;
}





/* ==========================================================
   MASTER CARE DENTAL CLINIC
   Founder & Director Message — final consolidated stylesheet

   Replace every previous version and patch with this file.
   ========================================================== */

#founder-smg {
    --mcdc-navy: #00278d;
    --mcdc-cyan: #06bada;
    --mcdc-text: #304476;
    --mcdc-border: rgba(6, 186, 218, 0.22);

    position: relative;
    width: 100% !important;
    min-height: 650px;
    padding: 0 !important;
    overflow: hidden;
    box-sizing: border-box !important;
    background:
        url("https://mcdc.com.kh/wp-content/uploads/2025/08/banner_3.webp")
        no-repeat center bottom / cover !important;
}

#founder-smg::before {
    display: none !important;
}

#founder-smg > .e-con-inner {
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Main two-column layout */
#founder-smg .elementor-element-5be19168 {
    display: grid !important;
    grid-template-columns: 42% 58% !important;
    align-items: center !important;
    gap: 0 !important;
    width: 100% !important;
    min-height: 650px;
    padding: 10px 10px 0 !important;
    box-sizing: border-box !important;
}

/* Override Elementor's custom element widths */
#founder-smg .elementor-element-54ff97a8,
#founder-smg .elementor-element-72b2a152,
#founder-smg .elementor-element-3d4d7228,
#founder-smg .elementor-element-68ff830d,
#founder-smg .elementor-element-4a76090 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

/* ==========================================================
   PORTRAIT
   ========================================================== */

#founder-smg .elementor-element-54ff97a8 {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    align-self: end !important;
    height: 640px !important;
    min-height: 0 !important;
    padding: 20px 10px 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

#about-dr-mcdc,
#about-dr-mcdc .elementor-widget-container,
#about-dr-mcdc .rt-image-layout,
#about-dr-mcdc .rt-image,
#about-dr-mcdc .rt-image > div {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
}

#about-dr-mcdc .rt-image,
#about-dr-mcdc .rt-image > div {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
}

#about-dr-mcdc img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 620px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    filter: none !important;
}

/* ==========================================================
   ABOUT-STYLE CONTENT PANEL
   ========================================================== */

#founder-smg .elementor-element-72b2a152 {
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    width: 100% !important;
    padding: 28px 30px 26px !important;
    border: 1px solid var(--mcdc-border) !important;
    border-radius: 26px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

#founder-smg .elementor-element-3d4d7228 {
    padding: 0 !important;
}

/* Section label */
#founder-smg .top-sub-title-wrap {
    margin: 0 0 8px !important;
}

#founder-smg .top-sub-title {
    display: inline-flex !important;
    align-items: center;
    padding: 7px 15px !important;
    border: 1px solid rgba(6, 186, 218, 0.2) !important;
    border-radius: 999px !important;
    background: rgba(6, 186, 218, 0.07) !important;
    color: var(--mcdc-navy) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase;
}

#founder-smg .top-sub-title::before {
    display: none !important;
}

/* Single-line heading */
#founder-smg .main-title {
    position: relative;
    display: block !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 9px 0 28px !important;
    padding: 0 0 7px !important;
    background: none !important;
    color: var(--mcdc-navy) !important;
    -webkit-text-fill-color: var(--mcdc-navy) !important;
    font-size: clamp(34px, 3.5vw, 44px) !important;
    font-weight: 600 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.035em !important;
    text-transform: capitalize;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

#founder-smg .main-title::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    height: 4px;
    border-radius: 4px;
    background: var(--mcdc-navy);
}

/* ==========================================================
   MESSAGE TIMELINE
   ========================================================== */

#founder-smg .description {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    color: var(--mcdc-text);
    font-size: 0; /* Hides the malformed raw credentials text node */
}

#founder-smg .description p {
    color: var(--mcdc-text);
    font-size: 15px;
    line-height: 1.7;
}

/* Clear generated content left by older versions */
#founder-smg .description p:nth-of-type(3)::after,
#founder-smg .description p:nth-of-type(4)::before,
#founder-smg .description p:nth-of-type(4)::after {
    content: none !important;
    display: none !important;
}

/* Founder message */
#founder-smg .description p:nth-of-type(1),
#founder-smg .description p:nth-of-type(2) {
    position: relative;
    margin: 0 !important;
    border: 0 !important;
    border-left: 2px solid rgba(6, 186, 218, 0.48) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--mcdc-text) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.7 !important;
    box-shadow: none !important;
}

#founder-smg .description p:nth-of-type(1) {
    padding: 0 0 15px 22px !important;
}

#founder-smg .description p:nth-of-type(2) {
    padding: 2px 0 4px 22px !important;
}

/* Timeline dots */
#founder-smg .description p:nth-of-type(1)::before,
#founder-smg .description p:nth-of-type(2)::before {
    content: "" !important;
    position: absolute;
    left: -6px;
    display: block !important;
    width: 9px;
    height: 9px;
    border: 2px solid rgba(6, 186, 218, 0.35);
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(6, 186, 218, 0.08);
}

#founder-smg .description p:nth-of-type(1)::before {
    top: 7px;
}

#founder-smg .description p:nth-of-type(2)::before {
    top: 10px;
}

/* ==========================================================
   DOCTOR INFORMATION CALLOUT
   ========================================================== */

/* Name */
#founder-smg .description p:nth-of-type(3) {
    margin: 22px 0 0 !important;
    padding: 16px 18px 3px !important;
    border: 1px solid rgba(6, 186, 218, 0.18) !important;
    border-bottom: 0 !important;
    border-left: 4px solid var(--mcdc-cyan) !important;
    border-radius: 0 14px 0 0 !important;
    background: rgba(255, 255, 255, 0.6) !important;
    box-shadow: none !important;
}

#founder-smg .description p:nth-of-type(3) strong {
    color: var(--mcdc-navy) !important;
    font-size: 19px !important;
    font-weight: 700 !important;
}

/* Specialization */
#founder-smg .description p:nth-of-type(4) {
    margin: 0 !important;
    padding: 0 18px 4px !important;
    border: 1px solid rgba(6, 186, 218, 0.18) !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 4px solid var(--mcdc-cyan) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, 0.6) !important;
    color: var(--mcdc-cyan) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.6 !important;
    box-shadow: none !important;
}

/* Position and credentials */
#founder-smg .description p:nth-of-type(5) {
    margin: 0 !important;
    padding: 0 18px 16px !important;
    border: 1px solid rgba(6, 186, 218, 0.18) !important;
    border-top: 0 !important;
    border-left: 4px solid var(--mcdc-cyan) !important;
    border-radius: 0 0 14px 0 !important;
    background: rgba(255, 255, 255, 0.6) !important;
    color: var(--mcdc-navy) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.55 !important;
    letter-spacing: 0.045em;
    text-transform: uppercase;
    box-shadow: none !important;
}

#founder-smg .description p:nth-of-type(5)::after {
    content:
        "Oral Implantology Training, Germany\A"
        "30 Years of Experience in Dentistry\A"
        "Board Member, Cambodia Dental Council";
    display: block !important;
    margin-top: 12px;
    padding-top: 11px;
    border-top: 1px solid rgba(6, 186, 218, 0.16);
    color: var(--mcdc-text);
    font-size: 13px;
    font-weight: 550;
    line-height: 1.75;
    letter-spacing: 0;
    text-transform: none;
    white-space: pre-line;
}

/* Hide empty Elementor elements */
#founder-smg .description p:nth-of-type(6),
#founder-smg .elementor-element-5bc44406,
#founder-smg .elementor-element-4ef8a4c4 {
    display: none !important;
}

/* ==========================================================
   DESKTOP
   Fill the visible screen below the 123px site header.
   ========================================================== */

@media (min-width: 1025px) {
    #founder-smg {
        height: max(590px, calc(100vh - 123px)) !important;
        height: max(590px, calc(100svh - 123px)) !important;
        min-height: max(590px, calc(100vh - 123px)) !important;
        min-height: max(590px, calc(100svh - 123px)) !important;
    }

    #founder-smg > .e-con-inner,
    #founder-smg .elementor-element-5be19168 {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    #founder-smg .elementor-element-54ff97a8 {
        align-self: end !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    #about-dr-mcdc img {
        max-height: min(600px, calc(100svh - 163px)) !important;
    }
}

/* ==========================================================
   TABLET
   ========================================================== */

@media (min-width: 768px) and (max-width: 1024px) {
    #founder-smg {
        height: auto !important;
        min-height: calc(100vh - 123px) !important;
        min-height: calc(100svh - 123px) !important;
    }

    #founder-smg > .e-con-inner,
    #founder-smg .elementor-element-5be19168 {
        height: auto !important;
        min-height: inherit !important;
    }

    #founder-smg .elementor-element-5be19168 {
        grid-template-columns: 43% 57% !important;
    }

    #founder-smg .elementor-element-54ff97a8 {
        height: 590px !important;
    }

    #about-dr-mcdc img {
        max-height: 570px !important;
    }

    #founder-smg .elementor-element-72b2a152 {
        padding: 24px !important;
    }

    #founder-smg .main-title {
        font-size: clamp(29px, 4vw, 38px) !important;
    }
}

/* ==========================================================
   MOBILE
   Order: label, one-line title, portrait, message.
   ========================================================== */

@media (max-width: 767px) {
    #founder-smg {
        height: auto !important;
        min-height: calc(100vh - 139px) !important;
        min-height: calc(100svh - 139px) !important;
        padding: 26px 18px 48px !important;
        background-position: center top !important;
    }

    /* Remove Elementor's extra mobile padding */
    #founder-smg > .e-con-inner {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #founder-smg .elementor-element-5be19168 {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto auto !important;
        grid-template-areas:
            "subtitle"
            "title"
            "portrait"
            "message" !important;
        align-items: start !important;
        gap: 0 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
    }

    /* Flatten the Elementor wrappers so the portrait can sit
       between the title and the message. */
    #founder-smg .elementor-element-72b2a152,
    #founder-smg .elementor-element-3d4d7228,
    #founder-smg .elementor-element-68ff830d,
    #founder-smg .elementor-element-68ff830d > .elementor-widget-container,
    #founder-smg .section-title-wrapper,
    #founder-smg .title-inner-wrapper {
        display: contents !important;
    }

    #founder-smg
    .title-inner-wrapper
    > .top-sub-title-wrap.wow:not(.description) {
        grid-area: subtitle !important;
        align-self: start !important;
        width: auto !important;
        margin: 0 0 10px !important;
    }

    #founder-smg
    .title-inner-wrapper
    > .wow:not(.top-sub-title-wrap):not(.description) {
        grid-area: title !important;
        display: block !important;
        align-self: start !important;
        width: 100% !important;
        margin: 0 !important;
    }

    #founder-smg .top-sub-title {
        padding: 6px 12px !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        white-space: nowrap;
    }

    /* One-line mobile title */
    #founder-smg .main-title {
        display: block !important;
        width: max-content !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 0 7px !important;
        font-size: clamp(18px, 5.4vw, 22px) !important;
        font-weight: 600 !important;
        line-height: 1.15 !important;
        letter-spacing: -0.025em !important;
        white-space: nowrap !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    #founder-smg .main-title::after {
        width: 100% !important;
        height: 3px !important;
    }

    /* Complete portrait below the title */
    #founder-smg .elementor-element-54ff97a8 {
        grid-area: portrait !important;
        display: flex !important;
        align-items: flex-end !important;
        justify-content: center !important;
        align-self: start !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 24px auto 28px !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    #about-dr-mcdc,
    #about-dr-mcdc .elementor-widget-container,
    #about-dr-mcdc .rt-image-layout,
    #about-dr-mcdc .rt-image,
    #about-dr-mcdc .rt-image > div {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }

    #about-dr-mcdc .rt-image,
    #about-dr-mcdc .rt-image > div {
        display: flex !important;
        align-items: flex-end !important;
        justify-content: center !important;
    }

    #about-dr-mcdc img {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 430px !important;
        margin: 0 auto !important;
        object-fit: contain !important;
        object-position: center bottom !important;
    }

    /* Message panel below portrait */
    #founder-smg .description {
        grid-area: message !important;
        width: 100% !important;
        padding: 22px !important;
        border: 1px solid var(--mcdc-border);
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.52);
        box-sizing: border-box !important;
    }

    #founder-smg .description p:nth-of-type(1),
    #founder-smg .description p:nth-of-type(2) {
        font-size: 14px !important;
        line-height: 1.75 !important;
    }

    #founder-smg .description p:nth-of-type(3) {
        margin-top: 20px !important;
    }

    #founder-smg .description p:nth-of-type(3) strong {
        font-size: 18px !important;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    #founder-smg *,
    #founder-smg *::before,
    #founder-smg *::after {
        animation: none !important;
        transition: none !important;
    }
}




/* ==========================================================
   FOUNDER PAGE ABOUT CARDS — TABLET FIX
   Page: /about/message-from-founder-director
   WordPress page ID: 14109

   Paste this at the absolute end of the CSS, outside every
   existing @media block.
   ========================================================== */

@media (min-width: 768px) and (max-width: 1024px) {
    body.page-id-14109 #about-card > .e-con-inner {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: stretch !important;
        gap: 24px !important;
        width: 100% !important;
        padding: 20px 20px 50px !important;
        box-sizing: border-box !important;
    }

    /* Override Elementor's 50% width on each grid item. */
    body.page-id-14109
    #about-card
    > .e-con-inner
    > .elementor-element-36495eea,
    body.page-id-14109
    #about-card
    > .e-con-inner
    > .elementor-element-5197ed38,
    body.page-id-14109
    #about-card
    > .e-con-inner
    > .elementor-element-37fbac7 {
        --width: 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* Center the third card beneath the first two. */
    body.page-id-14109
    #about-card
    > .e-con-inner
    > .elementor-element-37fbac7 {
        grid-column: 1 / -1 !important;
        justify-self: center !important;
        width: calc(50% - 12px) !important;
        max-width: calc(50% - 12px) !important;
    }

    /* Equal-height card internals. */
    body.page-id-14109 #about-card .elementor-widget-rt-info-box,
    body.page-id-14109 #about-card .elementor-widget-container,
    body.page-id-14109 #about-card .rt-info-box {
        width: 100% !important;
        height: 100% !important;
    }

    body.page-id-14109 #about-card .info-box {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 290px !important;
        margin: 0 !important;
        padding: 32px 26px !important;
        border-radius: 20px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    body.page-id-14109 #about-card .info-icon-holder {
        flex: 0 0 auto;
        margin: 0 0 18px !important;
    }

    body.page-id-14109 #about-card .info-content-holder {
        width: 100% !important;
    }

    body.page-id-14109 #about-card .info-title {
        margin: 0 0 10px !important;
        font-size: clamp(19px, 2.5vw, 22px) !important;
        line-height: 1.3 !important;
    }

    body.page-id-14109 #about-card .content-holder p {
        margin: 0 !important;
        font-size: 15px !important;
        line-height: 1.7 !important;
    }
}