:root {
	--nsHeight: 300px;
	--redAlert: #ff0033;
}
body {
	font-family: 'Google Sans Flex', sans-serif;
	user-select: none; /* Mencegah pemilihan teks saat drag */
}
.right-section {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    margin-left: auto;
    margin-top: 0px;
}
.site-switcher__nav {
	background-image: url('../images/wallpaper/gradien1-min.jpg');
	background-size: cover;
	background-position: top center;
}
.site-switcher__link {
	background-color: rgba(255, 255, 255, 0.7);
}
.site-switcher__link:hover {
	background-color: rgba(255, 255, 255, 1);
}


.responsive-image {
	max-width: 100%; /* Gambar tidak akan melebihi lebar kontainernya */
	height: auto;    /* Menjaga proporsi agar gambar tidak penyok */
	display: block;  /* Menghilangkan celah kecil di bawah gambar */
}


/***** NEWS STRIP BEGIN *****/
#alertinfo {
	position: relative;
	width: 100%;
	min-height: 426px; /* Sesuai pengukuran Anda */
	padding: 0;
	margin-bottom: 6rem;
	overflow: hidden;
	background: none;
	display: none;
}
#alertcanvas {
	position: absolute;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
	will-change: transform; 
    image-rendering: auto; /* Membantu Firefox menyeimbangkan kualitas dan performa */
}

#newsstrip-container {
	position: relative;
	width: 100%;
	padding: 8px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0;
	user-select: none; 
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	background: none;
    z-index: 2;
}

.newsstrip-card {
	position: relative;
	width: 95%;
	max-width: 1100px;
	height: var(--nsHeight); /* Ubah angka ini saja untuk desktop */
	display: flex;
	flex-direction: row;
	overflow: hidden;
	border-radius: 12px 12px 0 0;
	box-shadow: 0 10px 30px rgba(0,0,0,0.08);
	background: none;
}

.newsstrip-channel {
	position: relative;
	width: 95%;
	max-width: 1100px;
	height: auto;
	padding: 15px 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	border-radius: 0 0 12px 12px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.08);
	
	
	/* Glassmorphism */
	background: rgba(255, 255, 255, 0.5);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.newsstrip-viewport {
	flex: 0 0 calc(var(--nsHeight) * 1.777); /* Sesuaikan angka 400px dengan tinggi di atas */
	height: 100%;
	overflow: hidden;
	position: relative;
	background: none;
}

.newsstrip-content {
	height: 100%;
	display: flex;
	flex-direction: column;
	/* Transisi diperhalus untuk akurasi posisi */
	transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.newsstrip-slide,
.newsstrip-slide-poster {
	flex: 0 0 var(--nsHeight); /* Mengunci tinggi slide tepat sama dengan kontainer */
	height: var(--nsHeight);
	width: 100%;
	position: relative;
	background: white;
}

.newsstrip-slide:has(span, h3, button) {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border: none;
}
.newsstrip-slide :is(span, h3, button) {
    flex-grow: 0;
	line-height: 1;
}
.newsstrip-slide .titlemodulclass,
.newsstrip-slide .titletautan {
    padding: 0 10px;
	text-align: center;
	font-weight: 500;
}
.newsstrip-slide .titlemodulclass {
    font-size: 1.5em;
}
.newsstrip-slide .titletautan {
    font-size: 1.2em;
}
.newsstrip-slide iframe,
.newsstrip-slide:has(iframe) {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

.newsstrip-slide-poster {
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.newsstrip-slide-poster::before {
	content: '';
	position: absolute;
	inset: 0
	background: rgba(0,0,0,0.5);
}
.newsstrip-slide-poster-content {
	position: relative;
	z-index: 2;
	padding: 20px;
	line-height: 1;
}
.newsstrip-badge {
	font-size: 10px;
	padding: 4px 10px;
	border-radius: 20px;
	color: white;
	margin-bottom: 8px;
	display: inline-block;
}
.newsstrip-btn {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 50px;
	font-weight: 700;
	font-size: 12px;
	color: white;
	text-decoration: none;
}

.newsstrip-playlist {
	flex: 1;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.newsstrip-playlist-header { 
	height: 50px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #f1f5f9;
	background-image: linear-gradient(to top, #ffe3e3 0%, white 100%);
}
.newsstrip-playlist-header span {
	font-family: 'Stack Sans Notch', sans-serif;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
	color: var(--redAlert);
	margin: 0;
}
.newsstrip-playlist-header span:first-child {
	font-size: 2em;
}
.newsstrip-playlist-header span:last-child {
	width: 110px;
	font-size: 1em;
	line-height: 0.9rem;
}

.newsstrip-playlist-content { 
	flex: 1; 
	overflow-y: auto; 
	cursor: grab; 
	-webkit-user-drag: none;
}
.newsstrip-playlist-content::-webkit-scrollbar { display: none; }

.newsstrip-playlist-item {
	display: flex;
	align-items: center;
	height: 70px;
	padding: 0 20px;
	box-sizing: border-box;
	cursor: pointer;
	border-bottom: 1px solid #f6cece;
	background: #ececec;
}
.newsstrip-playlist-item:hover {
	background: #f8f7f7;
}

.newsstrip-playlist-item .title {
	font-size: 1.2em;
	line-height: 1;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	/*
	color: #475569;
	*/
}

.newsstrip-playlist-item .title strong,
.newsstrip-playlist-item.active .title strong {
	font-weight: 900;
}
.newsstrip-playlist-item.active {
	color: white;
	background-color: var(--redAlert);
	/*
	font-weight: 700;
	background-color: #f0f7ff;
	box-shadow: inset 4px 0 0 #2563eb;
	*/
}
/*
.newsstrip-playlist-item.active .title { color: #2563eb; }
*/
/***** NEWS STRIP END *****/



.aigrid-container {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	place-items: center;
}

.aigrid-main {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	gap: 30px;
	margin: 40px 0;
}
.aigrid-main-desc {
	width: 100%;
	margin-top: 10px;
	font-size: 2rem;
	line-height: 1;
	text-align: right;
}
.aigrid-main-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 0;
	flex-grow: 0;
	flex-shrink: 0;
	white-space: nowrap;
	cursor: pointer;
	transition: color 0.2s ease;
}
.aigrid-main-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 0;
}
.aigrid-main-item {
	margin-bottom: 20px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 0;
}
.aigrid-main-item-left {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 0;
	font-size: 10.2rem;
	font-weight: 900;
}
.aigrid-main-item-left-child,
.aigrid-main-item-left-child span {
	height: 140px;
	line-height: 1;
}
.aigrid-main-item-right {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0;
	font-size: 5.2rem;
	font-weight: 700;
	font-family: 'Stack Sans Notch', sans-serif;
}
.aigrid-main-item-right-first-child,
.aigrid-main-item-right-last-child {
	height: 70px;
	line-height: 1;
}
.aigrid-main-item-right-first-child {
	margin-bottom: -10px;
}


.aigrid-grup {
	display: grid;
	grid-template-rows: repeat(3, 1fr);
	gap: 10px;
}
.aigrid-row {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 20px;
}
.aigrid-wrapper {
	display: flex;
	flex-direction: row !important;
	justify-content: flex-start;
	align-items: center;
	gap: 0 !important;
	flex-grow: 0;
	flex-shrink: 0;
	white-space: nowrap;
	cursor: pointer;
	transition: color 0.2s ease;
}
.aigrid-desc {
	font-size: 1.8rem;
	line-height: 1;
}
.aigrid-item-left {
	height: 100px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 0;
	font-size: 6.8rem;
	font-weight: 900;
}
.aigrid-item-right {
	height: 100px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0;
	font-size: 3.2rem;
	line-height: 1;
	/*
	font-family: 'Stack Sans Notch', sans-serif;
	*/
}
.aigrid-item-first-child {
	height: 50px;
	margin-bottom: -8px;
}
.aigrid-item-last-child {
	height: 50px;
}



.bg-red { background: var(--redAlert); }
.bg-blue { background: var(--ai-brand-blue); }
.bold-red {
	color: var(--ai-brand-red);
	font-weight: 800;
}
.bold-green {
	color: var(--ai-brand-green);
	font-weight: 800;
}
.bold-blue {
	color: var(--ai-brand-blue);
	font-weight: 800;
}
.text-red {
	color: var(--ai-brand-red);
}
.text-green {
	color: var(--ai-brand-green);
}
.text-blue {
	color: var(--ai-brand-blue);
}
.bold-black {
	font-weight: 900;
}
.text-highlight {
	padding: 30px 10px;
	border: none;
	border-radius: var(--shape-corner-md);
	text-align: center;
	background-color: #e6e6e6;
}
.text-highlight-bg {
	padding: 30px 10px;
	border: none;
	border-radius: var(--shape-corner-md);
	text-align: center;
	background-image: url('../images/wallpaper/gradien1-min.jpg');
	background-size: cover;
	background-position: top center;
}

/* --- Styling Callout/Tooltip Permanen --- */
.callout-text {

	position: relative; 
    
    /* Callout tetap di tengah dan di atas tombol */
    top: 100%; 
    left: 50%;
    transform: translateX(-50%) translateY(-10px);
	z-index: 999; 

	width: 150px;
	white-space: normal; /* Izinkan teks memecah baris */

	/* Styling Visual Callout */
	padding: 8px 15px;
	margin-top: 10px;
	border-radius: 4px;
	font-size: 0.8em;
	text-align: center;
	line-height: 1.4;
	color: white;
	background: #121317;
	background-image: url('../images/wallpaper/gradien5-min-300.jpg');
	background-size: cover;
	background-position: top center;
	
	
	/* glassmorphism
	color: #2B858F;
	background: #ffffff;
	background: linear-gradient(0deg,rgba(245, 250, 249, 1) 0%, rgba(221, 248, 255, 1) 100%);
	background: rgba(246, 252, 252, 0.2);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	border-radius: 16px;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.3);

	background-color: #ddfffa;
	background-image: url('../images/wallpaper/gradien2-min.jpg');
	background-repeat: repeat-x;
	background-size: cover;
	background-position: top center;
	background-attachment: fixed;
	*/
}
/* --- Membuat Ekor (Arrow) Callout --- */
.callout-text::after {
	content: "";
	position: absolute;
	bottom: 100%; /* Posisikan di bawah Callout */
	left: 50%;
	margin-left: -10px; /* Pusatkan ekor */
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent rgb(4, 97, 130) transparent;
}


.overlay,
.overlay-reverse,
.overlay-white {
    /* 2. Kunci: Overlay diatur absolut untuk menutupi wadah */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* 3. Kunci: z-index harus lebih besar dari video (0) */
    z-index: 1;
    
    /* Pengaturan untuk menempatkan teks di dalam overlay */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end; /* Teks diletakkan di bagian bawah */
    box-sizing: border-box;
    padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
.overlay {
    /* Properti Gradient Vertikal (Hitam ke Transparan, dari Bawah ke Atas) */
    background-image: linear-gradient(
        to top, 
        rgba(0, 0, 0, 0.6) 0%,   /* Hitam gelap di bagian bawah */
        rgba(0, 0, 0, 0.3) 50%,  
        rgba(0, 0, 0, 0) 100%    /* Transparan di bagian atas */
    );
}
.overlay-reverse {
    background-image: linear-gradient(
        to bottom, 
        rgba(0, 0, 0, 0.7) 0%,   /* Hitam gelap di bagian bawah */
        rgba(0, 0, 0, 0.4) 40%,  
        rgba(0, 0, 0, 0) 100%    /* Transparan di bagian atas */
    );
}
.overlay-white {
    background-image: linear-gradient(
        to bottom, 
        rgba(255, 255, 255, 0.8) 0%,
        rgba(255, 255, 255, 0.3) 50%,  
        rgba(255, 255, 255, 0) 100%
    );
}
.response__body {
	border: none;
}
.base-modal__backdrop {
	background: rgba(255, 255, 255, 0.85);
}
.base-modal__container {
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.marquee-carousel,
.carousel-block {
	cursor: grab; /* Menunjukkan elemen bisa diseret */
}

#carousel-surat-keterangan {
	--carousel-columns-per-card: 3;
}

.card__inner-bg-center {
	padding: 10px;
	justify-content: center;
	text-align: center;
	border-radius: 12px;
	background-image: url('../images/wallpaper/gradien1-min.jpg');
	background-repeat: repeat-x;
	background-size: cover;
	background-position: top center;
	background-attachment: fixed;
}
.card__inner-bg-center .button-group {
	justify-content: center;
}

.card__inner-block-custom {
	gap: 0;
}
.card__inner-media-custom {
	border-top-left-radius: var(--shape-corner-md);
	border-top-right-radius: var(--shape-corner-md);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.card__inner-description {
	padding: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: var(--shape-corner-md);
	border-bottom-right-radius: var(--shape-corner-md);
	background-image: url('../images/wallpaper/gradien1-min.jpg');
	background-repeat: repeat-x;
	background-size: cover;
	background-position: top center;
	background-attachment: fixed;
}
.card__inner-footer-custom {
	margin-top: 20px;
}
.text-body p {
	line-height: 1 !important;
}

.bg-gradient-1 {
	background-image: url('../images/wallpaper/gradien1-min.jpg');
	background-size: cover;
	background-position: bottom left;
	border: none;
}
.bg-gradient-1:hover {
	transition: 0.5s;
	background-size: 200% auto;
	background-position: bottom right;
}
.bg-gradient-2 {
	background-image: url('../images/wallpaper/gradien1-min.jpg');
	background-size: cover;
	background-position: bottom right;
}
.bg-gradient-2:hover {
	transition: 0.5s;
	background-size: 200% auto;
	background-position: bottom left;
}

.underlined-red,
.underlined {
    position: relative;
    display: inline-block !important;
	text-decoration: none;
}
.underlined {
	color: var(--ai-brand-blue);
}
.underlined-red {
	color: var(--redAlert);
}
.underlined-red::before,
.underlined::before {
    position: absolute;
    width: 90% !important;
    height: 7px;
    left: 0;
    bottom: -15px;
    content: "";
    border-radius: 50%;
    border: solid 5px var(--ai-brand-blue);
    border-color: var(--ai-brand-blue) transparent transparent transparent;
}
.underlined::before {
    border: solid 5px var(--ai-brand-blue);
    border-color: var(--ai-brand-blue) transparent transparent transparent;
}
.underlined-red::before {
    border: solid 5px var(--redAlert);
    border-color: var(--redAlert) transparent transparent transparent;
}
.underlined:hover {
	color: var(--redAlert);
}
.underlined:hover::before {
    border: solid 5px var(--redAlert);
    border-color: var(--redAlert) transparent transparent transparent;
}
.underlined-red:hover {
	color: #d20d0d;
}
.underlined-red:hover::before {
    border: solid 5px #d20d0d;
    border-color: #d20d0d transparent transparent transparent;
}


.linkRedAlert {
	color: var(--redAlert);
	cursor: pointer;
}


/* AI MODAL CUSTOM */

/* Overlay Modal */
.modal-overlay {
	display: none; 
	position: fixed;
	top: 0; left: 0; width: 100%; height: 100%;
	background: rgba(0,0,0,0.6);
	backdrop-filter: blur(3px);
	justify-content: center; align-items: center;
	z-index: 9999;
}

/* Box Modal */
.modal-box {
	background: white;
	padding: 30px;
	border-radius: 12px;
	width: 90%;
	max-width: 400px;
	text-align: center;
	box-shadow: 0 15px 30px rgba(0,0,0,0.2);
}

/* Progress Bar */
.progress-wrapper {
	width: 100%;
	background: #eee;
	height: 8px;
	border-radius: 10px;
	margin: 20px 0;
	overflow: hidden;
}
#progressBar {
	width: 100%;
	height: 100%;
	background: var(--ai-brand-blue);
	transition: width 0.1s linear;
}

.cancel-link {
	color: #666;
	text-decoration: none;
	font-size: 14px;
	cursor: pointer;
}
.cancel-link:hover { text-decoration: underline; }

.xblockquote-container {
	position: relative;
}
.xblockquote::before {
	position: absolute;
	top: -3rem;
	left: 2rem;
	font-family: 'Stack Sans Notch', sans-serif;
	font-size: 300px;
	color: rgba(18, 19, 23, 0.1);
	content:'"';
	z-index: -1;
}
.xblockquote::after {
    position: absolute;
    top: -2rem;
    left: 9rem;
    content: "";
    border-bottom: 15px solid rgba(18, 19, 23, 0.1);
    width: 180px;
}


.header-space {
	margin-bottom: 0 !important;
}
#qrezi {}

.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }

.text-special-1-container {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 0 !important;
}
.text-special-1-1 {
	display: flex;
	font-size: 2.5rem;
	width: 30%;
	text-align: right;
	line-height: 1;
	padding-right: 20px;
}
.text-special-1-2-container {
	display: flex;
	flex-direction: row !important;
	justify-content: flex-start;
	align-items: center;
	gap: 0 !important;
	flex-grow: 0;
	flex-shrink: 0;
	white-space: nowrap;
	transition: color 0.2s ease;
	margin-top: -30px;
	margin-bottom: -45px;
}
.text-special-1-2 {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 0;
	font-size: 8rem;
	font-weight: 900;
}
.text-special-1-3 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0;
	font-size: 3.8rem;
	font-weight: 700;
	font-family: 'Stack Sans Notch', sans-serif;
}
.text-special-first-child {
	margin-bottom: -2.7rem;
}
.text-special-last-child {
	margin-top: 0;
}
.space-1-3-child {
	letter-spacing: 7px;
}

.text-special-1-4 {
	font-size: 0.7rem;
	text-transform: uppercase;
}
.text-special-1-description {
	line-height: 1 !important;
	margin-top: 1.2rem;
	margin-bottom: 1.5rem;
}


.text-special-2-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 10px;
}
.text-special-2 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0;
	font-family: 'Stack Sans Notch', sans-serif;
	font-size: 3rem;
}
.text-special-2 span:first-child {
	margin-bottom: -23px;
}
.text-special-2 span:last-child {
	margin-top: 0;
}


.text-special-3-container {
	gap: 1rem !important;
}
.text-special-3-1 {
	align-items: center;
	text-align: center;
}
.text-special-3-1-ahli {
	display: block;
	line-height: 1;
	letter-spacing: 20px;
	font-size: 0.8em;
	font-weight: 400;
	text-transform: uppercase;
	/*
	color: var(--ai-brand-blue);
	*/
	margin-bottom: -5px;
}
.spesialis-subspesialis {
	font-weight: 700;
	font-family: 'Stack Sans Notch', sans-serif;
	font-size: 4rem;
}
.text-special-3-2 {
	line-height: 1.6rem;
}


.text-special-4-container {
	display: flex;
	flex-direction: row !important;
	justify-content: center;
	align-items: flex-start !important;
	gap: 0 !important;
}
.text-special-4-1 {
	width: 100%;
	font-size: 2rem;
	line-height: 1;
	padding-right: 20px;
}
.text-special-4-2-container {
	display: flex;
	flex-direction: row !important;
	justify-content: flex-start;
	align-items: center;
	gap: 0 !important;
	flex-grow: 0;
	flex-shrink: 0;
	white-space: nowrap;
	cursor: pointer;
	transition: color 0.2s ease;
	margin-top: -60px;
}
.text-special-4-2-container .special {
	margin-top: -30px;
}
.text-special-4-2 {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 0;
	font-size: 10.2rem;
	font-weight: 900;
}
.text-special-4-3 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0;
	font-size: 5.2rem;
	font-weight: 700;
	font-family: 'Stack Sans Notch', sans-serif;
}
.text-special-4-3 span:first-child {
	margin-bottom: -4.2rem;
}
.text-special-4-3 span:last-child {
	margin-top: 0;
}


.b2b-container {
	display: flex;
	flex-direction: row !important;
	justify-content: center;
	align-items: flex-start !important;
	gap: 0 !important;
}
.b2b-container-1 {
	display: flex;
	font-size: 2rem;
	width: 35%;
	line-height: 1;
	padding-right: 20px;
	text-wrap: wrap;
}
.b2b-container-2 {
	display: flex;
	flex-direction: row !important;
	justify-content: flex-start;
	align-items: center;
	gap: 0 !important;
	flex-grow: 0;
	flex-shrink: 0;
	white-space: nowrap;
	cursor: pointer;
	transition: color 0.2s ease;
	margin-top: -60px;
}
.b2b-container-2-1 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0;
	font-size: 5.2rem;
	font-weight: 700;
	font-family: 'Stack Sans Notch', sans-serif;
}
.b2b-container-2-1 span:first-child {
	margin-bottom: -3.6rem;
}
.b2b-container-2-1 span:last-child {
	margin-top: 0;
}
.b2b-container-2-2 {
	font-size: 10rem;
}
.b2b-container-2-2 .stampel-plus {
}


.fastrack-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 20px;
}
.fastrack-container-1 {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 0;
	text-align: right;
}
.fastrack-container-1-top {
	margin: 0;
	font-size: 1.5em;
	letter-spacing: 5px;
	line-height: 1;
}
.fastrack-container-1-middle {
	margin: 0;
	font-size: 5.2em;
	font-weight: 700;
	font-family: 'Stack Sans Notch', sans-serif;
	line-height: 0.7em;
	color: #3186ff;
}
.fastrack-container-1-bottom {
	margin-top: 0;
	font-size: 2.5em;
	line-height: 0.8;
	color: #3186ff;
}
.fastrack-container-2 {
	display: flex;
	flex-direction: column;
	width: auto !important;
	padding: 0;
	font-size: 2.5em;
	line-height: 1;
	white-space: nowrap;
}



.secop-gap {
	gap: 50px !important;
}
.secop-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 20px;
}
.secop-container-1 {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 0;
	text-align: right;
}
.secop-container-1-top {
	margin: 0;
	font-size: 1.5em;
	letter-spacing: 5px;
}
.secop-container-1-middle {
	margin: 0;
	font-size: 5.2em;
	font-weight: 700;
	font-family: 'Stack Sans Notch', sans-serif;
	line-height: 0.7em;
	color: #3186ff;
}
.secop-container-1-bottom {
	margin-top: 0;
	font-size: 2.5em;
	line-height: 0.8;
	color: #3186ff;
}
.secop-container-2 {
	display: flex;
	flex-direction: column;
	width: auto !important;
	padding: 0;
	font-size: 2.5em;
	line-height: 1;
	white-space: nowrap;
}


.skrining-gap {
	gap: 50px !important;
}
.skrining-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 20px;
}
.skrining-container-1 {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
	gap: 0;
}
.skrining-container-1-top {
	font-size: 2.5rem;
}
.skrining-container-1-middle {
	margin-bottom: 0;
	display: flex !important;
	flex-direction: column;
	gap: 0;
	font-size: 5.2rem;
	font-weight: 700;
	text-align: right;
	line-height: 3.5rem;
	font-family: 'Stack Sans Notch', sans-serif;
}
.skrining-container-1-bottom {
	margin-top: 0;
	font-size: 2.5rem;
}

.skrining-container-2 {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0;
}
.skrining-container-2-top {
	margin: 0;
	font-size: 2.3rem;
	line-height: 1;
}
.skrining-container-2-middle {
	margin: 10px 0;
	display: flex !important;
	flex-direction: column;
	gap: 0;
	font-size: 5.2rem;
	font-weight: 700;
	line-height: 3.5rem;
	font-family: 'Stack Sans Notch', sans-serif;
}
.skrining-container-2-bottom {
	margin: 0;
	font-size: 2.3rem;
	line-height: 1;
}
.skrining-container-2-arrow {
	position: absolute;
	display: block;
	bottom: -60px;
	right: 0;
	width: 80px;
}

/************ SKRINING LIST ************/
.skrining-scroll-container {
	position: relative;
	width: auto;
    height: auto;
	min-width: 350px;
	max-height: 200px; /* Akan setinggi konten, tapi maksimal 200px */
	overflow-y: auto;
	overflow-x: hidden;
	user-select: none;
	background: var(--container-bg);
	border-radius: 8px;
	box-shadow: 0 10px 25px rgba(0,0,0,0.1);
	-webkit-user-drag: none;
	touch-action: pan-y;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none; /* Firefox */
	-webkit-user-drag: none; /* Cegah drag default browser */
    user-select: none;
    overflow-y: scroll; /* Paksa container mengenali area scroll */
}

.skrining-scroll-container::-webkit-scrollbar {
	display: none; /* Chrome/Safari */
}
.skrining-privasi {
	position: sticky;
	top: 0;
	z-index: 3;
	padding: 12px;
	cursor: pointer;
	font-family: 'Stack Sans Notch', sans-serif;
	font-size: 0.8em;
	line-height: 1;
	text-align: center;
	color: white;
	background: linear-gradient(to top, #ff9df5 0%, #ea0ad2 50%, #f5a4ec 100%);
}
/* Styling Chip */
.skrining-chip-list {
	display: flex;
	flex-direction: column;
	gap: 0;
	-webkit-user-drag: none; /* Sangat penting agar link tidak 'melayang' saat ditarik */
    user-drag: none;
    pointer-events: auto;
}

.skrining-chip {
	display: flex;
	align-items: center;
	font-family: 'Stack Sans Notch', sans-serif;
	font-size: 1em;
	font-weight: 500;
	color: #ea0ad2;
	line-height: 1;
	text-decoration: none;
	box-shadow: 0 2px 4px rgba(0,0,0,0.02);
	padding: 10px 16px;
	background: var(--chip-bg);
	-webkit-user-drag: none; /* Sangat penting agar link tidak 'melayang' saat ditarik */
    user-drag: none;
    pointer-events: auto;
	user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    /* Mencegah interaksi yang tidak diinginkan */
    touch-action: none;
}

.skrining-chip:hover {
	border-color: var(--primary-color);
	transform: translateY(-1px);
	box-shadow: 0 4px 8px rgba(0,0,0,0.05);
	color: #333;
	background: #e2e1e1;
}

.skrining-chip:active {
	background: #f0f0f0;
	transform: scale(0.98);
}

/* Cursor Desktop */
@media (pointer: fine) {
	.skrining-scroll-container { cursor: grab; }
	.skrining-scroll-container:active { cursor: grabbing; }
}
/************ SKRINING LIST ************/


.welcome-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0;
	line-height: 1;
	font-size: 1.2em;
	text-align: center;
}
.welcome-block-1 {
	font-size: 2.5em;
	font-weight: 900;
}
.welcome-block-2 {
	font-size: 2.5em;
}
.welcome-block-3 {
	display: flex;
	flex-direction: column;
	gap: 0;
}
.welcome-block-5 {
	font-size: 1.7em;
	font-weight: 400;
}



.slogan-gap {
	gap: 50px !important;
}
.slogan-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 20px;
}
.slogan-container-1 {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
	gap: 0;
	font-size: 2.7rem;
	font-weight: 700;
}
.slogan-container-1-top {
	margin-bottom: -0.5rem !important;
}
.slogan-container-1-middle {
	display: flex;
	flex-direction: column;
	gap: 0;
	font-family: 'Stack Sans Notch', sans-serif;
	text-align: right;
	font-size: 5rem;
	line-height: 3.5rem;
}
.slogan-container-1-bottom {
	margin-top: -8px;
}
.slogan-container-2 {
	width: auto !important;
	padding: 0;
	flex-direction: column;
	display: flex;
	font-size: 2.5rem;
	line-height: 1;
}
.slogan-container-2 span {
	white-space: nowrap;
}



.fokusdokter-wrapper {
	/*
	margin-bottom: 40px;
	*/
	margin-bottom: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 20px;
}
.fokusdokter-container-1 {
	display: flex;
	flex-direction: column;
	gap: 0;
	text-align: right;
}
.fokusdokter-container-1-top {
	margin: 0;
	font-size: 1.5em;
	letter-spacing: 5px;
}
.fokusdokter-container-1-middle {
	margin: 0;
	cursor: pointer;
}
.fokusdokter-container-1-middle img {
	display: block;
}
.fokusdokter-container-1-bottom {
	margin-top: 0;
	font-size: 2.5em;
	font-weight: 800;
	line-height: 0.8;
	text-transform: uppercase;
	font-family: 'Stack Sans Notch', sans-serif;
}
.fokusdokter-container-2 {
	display: flex;
	flex-direction: column;
	max-width: 500px !important;
	padding: 0;
}
.fokusdokter-tagline {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 2rem;
	line-height: 1;
	white-space: nowrap;
}
.fokusdokter-detail {
	margin-top: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
	line-height: 1;
}
.fokusdokter-gelar {
	margin-bottom: -9px;
	font-size: 5rem;
	font-weight: 800;
	cursor: pointer;
}
.fokusdokter-nama {
	font-size: 8rem;
	font-weight: 800;
	line-height: 6rem;
}
.fokusdokter-keahlian {
	margin-top: 10px;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1;
	font-family: 'Stack Sans Notch', sans-serif;
}



.fokusklinik-wrapper {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 50px;
}
.fokusklinik-container-1 {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	gap: 0;
	text-align: right;
}
.fokusklinik-container-1-top {
	margin: 0;
	font-size: 2.3rem;
	line-height: 1;
}
.fokusklinik-container-1-middle {
	margin-top: 15px;
	display: flex !important;
	flex-direction: column;
	gap: 0;
	font-weight: 800;
	z-index: 1;
}
.fokusklinik-container-1-middle span:first-child span {
	font-size: 5.2rem;
	line-height: 3.5rem;
}
.fokusklinik-container-1-middle span:last-child span {
	font-size: 9rem;
	line-height: 8rem;
}
.fokusklinik-container-1-bottom {
	margin: 0;
	font-size: 2.3rem;
	line-height: 1;
}
.fokusklinik-container-2 {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
	gap: 0;
}



.fokusiklan-wrapper {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 50px;
}
.fokusiklan-container-1 {
	position: relative;
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	gap: 0;
	text-align: right;
}
.fokusiklan-container-1-top {
	margin: 0;
	font-size: 2.3rem;
	line-height: 1;
}
.fokusiklan-container-1-middle {
	margin-top: 15px;
	display: flex !important;
	flex-direction: column;
	gap: 0;
	font-weight: 800;
	z-index: 1;
}
.fokusiklan-container-1-middle span:first-child span {
	font-size: 5.2rem;
	line-height: 3.5rem;
}
.fokusiklan-container-1-middle span:last-child span {
	font-size: 9rem;
	line-height: 8rem;
}
.fokusiklan-container-1-bottom {
	margin: 0;
	font-size: 2.3rem;
	line-height: 1;
}
.fokusiklan-container-2 {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
	gap: 0;
}



.cibbanget-wrapper {
	position: relative;
	width: 100%;
	padding-bottom: 0;
	/*
	margin-top: 50px;
	margin-bottom: 40px;
	display: grid;
	grid-template-columns: 400px 1fr;
	gap: 0;
	*/
}
.cibbanget-container-1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	height: 265px;
	display: flex;
	flex-direction: column;
	gap: 0;
	z-index: 10;
	
	overflow: hidden; /* Penting agar bayangan tidak bocor ke atas/bawah */
	background: linear-gradient(to right, rgb(255, 255, 255,1) 55%, rgba(255, 255, 255, 0.8) 75%, rgba(255, 255, 255, 0) 100%);


	/* Glassmorphism */
	/*
	background: rgba(255, 255, 255, 0.5);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.3);
	
	*/
}
.cibbanget-container-1-middle {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	gap: 0;
	font-size: 6rem;
	font-weight: 800;
	text-align: center;
	line-height: 4.3rem;
	letter-spacing: -0.3rem;
}
.cibbanget-container-2 {
	position: relative;
	width: 100%;
}
.cib-desc {
	color: #202124;
}
.cib-desc span:first-child {
	color: #202124 !important;
}
.cib-desc span:last-child {
	font-size: 2.5rem;
	color: #202124 !important;
}
.prompt-card:hover .prompt-card__content:not(.has-no-icon) {
	transform: none !important;
	transition: none !important;
}
.prompt-card:hover .prompt-card__icon,
.prompt-card:hover .prompt-card__text {
	opacity: 1 !important;
}


#anchor-rawatinap .banner-section__wrapper {
	border-radius: 0 var(--shape-corner-xl) var(--shape-corner-xl) 0;
}
#anchor-rawatinap .image {
	border-radius: 0;
}
#anchor-aitanyakris .banner-section__wrapper {
	border-radius: var(--shape-corner-xl) 0 0 var(--shape-corner-xl);
}
#anchor-aitanyakris .image {
	border-radius: 0;
}


.d-center-m-left {
	text-align: center;
	line-height: 1;
}
.d-center-m-left.layanan-profesional{
	font-size: 5rem;
}
.m-text-center-font-09 {
	line-height: 1;
	text-align: center;
	font-size: var(--font-md);
}
.dm-text-left-font-09 {
	line-height: 1;
	text-align: left;
	font-size: var(--font-md);
}






/***** 3D WORD EFFECT BEGIN *****/
.word-trigger {
	transform-style: preserve-3d;
	display: inline-block;
	padding: 0;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.word {
	display: inline-block;
	transform: translateZ(40px);
	transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.3s; /* Transisi dengan efek pegas (back-out) agar zooming terasa 'kick' */
	pointer-events: none;
	user-select: none;
	
	/*
	font-size: clamp(1.8rem, 8vw, 4rem);
	*/
}
@media (hover: hover) {
	.word-trigger:hover .word {
		transform: translateZ(150px) scale(1.3); /* Kombinasi maju & membesar */
		color: var(--ai-brand-blue);
		text-shadow: 0 15px 30px rgba(0,0,0,0.15);
	}
	.linkRedAlert.word-trigger:hover .word {
		color: var(--ai-brand-green) !important;
		/*
		color: white !important;
		*/
	}
}
.word-trigger.is-active .word {
	transform: translateZ(150px) scale(1.3);
	color: var(--ai-brand-blue);
}
.linkRedAlert.word-trigger.is-active .word {
	color: white !important;
}
/***** 3D WORD EFFECT END *****/



.cib-thumb { margin-left: -25px; }


.gradient-text {
    /*
	background: linear-gradient(90deg, #4285F4, #9B72CB, #D96570);
	*/
	background-image: url('../images/wallpaper/gradien5-min-300.jpg');
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700;
}

.gold-text {
    background: linear-gradient(90deg, #c5a051 0%, #ffba30 55%, #e17c2d 100%);
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 800;
}

.cursor-pointer {
	cursor: pointer;
}

.pos-absolute {
	position: absolute;
}
.pos-relative {
	position: relative;
}
.pos-fixed {
	position: fixed;
}

@media screen and (max-width: 768px) {

	#alertinfo {
		margin-bottom: 4rem;
	}
	#alertcanvas {
		display: none !important;
	}
	.newsstrip-slide :is(h3) {
		color: var(--theme-surface-on-surface);
	}
	.newsstrip-slide .titlemodulclass {
		font-size: 1.2em;
	}
	.newsstrip-slide .titletautan {
		font-size: 1em;
	}
	
	.aigrid-container {
		display: block;
	}
	.aigrid-main {
		flex-direction: column;
		align-items: center;
		gap: 0;
		margin: 40px 0;
	}
	.aigrid-main-desc {
		margin-top: 0;
		font-size: 1.8rem;
		text-align: center;
	}
	.aigrid-main-wrapper {
		
	}
	.aigrid-main-item {
		margin-bottom: 0;
	}
	.aigrid-main-item-left {
		font-size: 7.8rem;
	}
	.aigrid-main-item-left-child,
	.aigrid-main-item-left-child span {
		height: 120px;
	}
	.aigrid-main-item-right {
		font-size: 4rem;
	}
	.aigrid-main-item-right-first-child,
	.aigrid-main-item-right-last-child {
		height: 60px;
	}
	.aigrid-main-item-right-first-child {
		margin-bottom: -24px;
	}
	.aigrid-grup {
		grid-template-rows: 1fr;
		gap: 40px;
	}
	.aigrid-row {
		flex-direction: column;
		justify-content: center;
		gap: 0;
		text-align: center;
	}
	.aigrid-desc {
		font-size: 1rem;
	}
	.aigrid-item-left {
		height: 80px;
		font-size: 5.5rem;
	}
	.aigrid-item-right {
		height: 80px;
		font-size: 2.5rem;
	}





	.underlined::before {
		bottom: -14px;
	}
	
	.xblockquote-container {
		gap: 30px;
		font-size: 1.5em;
	}
	.xblockquote::before {
		top: -2.5rem;
		left: -0.5rem;
		font-size: 4em;
	}
	.xblockquote::after {
		display: none;
	}

	.text-special-1-container {
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
	.text-special-1-1 {
		font-size: 1.5rem;
		width: 100%;
		text-align: center;
		line-height: 1;
		padding: 0;
		margin-bottom: -10px;
	}
	.text-special-1-2-container {
		flex-grow: 0;
		flex-shrink: 0;
		white-space: nowrap;
		margin-bottom: -23px;
	}
	.text-special-1-2 {
		font-size: 4.1rem;
	}
	.text-special-1-3 {
		font-size: 1.9rem;
	}
	.text-special-1-3.tte {
		font-size: 2.3em;
		line-height: 3rem;
		margin-bottom: -11px;
	}
	.text-special-first-child {
		margin-bottom: -1.3rem;
	}
	.space-1-3-child {
		letter-spacing: 4.1px;
	}
	.text-special-1-4 {
		font-size: 0.6rem;
		
	}

	.text-special-2-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 5px;
	}
	.text-special-2 {
		align-items: center;
		justify-content: center;
		font-size: 2rem;
	}
	.text-special-2 span:first-child {
		margin-bottom: -12px;
	}

	.text-special-3-1 {
		line-height: 2rem;
	}
	.text-special-3-1-ahli {
		letter-spacing: 12px;
		font-size: 0.7em;
		margin-bottom: 10px;
	}
	.spesialis-subspesialis {
		font-size: 3rem;
	}

	#qrezi {
		font-size: 2.8rem;
		padding: 0 15px;
	}

	.text-special-4-container {
		flex-direction: column !important;
		justify-content: center;
		align-items: center !important;
		text-align: center;
		gap: 0 !important;
		padding-top: 4rem !important;
		padding-bottom: 4rem !important;
	}
	.text-special-4-1 {
		font-size: 1.5rem;
		width: 100%;
		text-align: center;
		line-height: 1;
		padding: 0;
		margin-bottom: -10px;
	}
	.text-special-4-2-container {
		flex-grow: 0;
		flex-shrink: 0;
		white-space: nowrap;
		margin-top: 0;
	}
	.text-special-4-2-container .special {
		margin-top: -10px;
	}
	.text-special-4-2 {
		font-size: 6.4rem;
	}
	.text-special-4-3 {
		font-size: 3.5rem;
	}
	.text-special-4-3 span:first-child {
		margin-bottom: -3.1rem;
	}

	.b2b-container {
		flex-direction: column !important;
		justify-content: center;
		align-items: center !important;
		text-align: center;
		gap: 0 !important;
	}
	.b2b-container-1 {
		font-size: 1.5rem;
		width: 100%;
		text-align: center;
		line-height: 1;
		padding: 0;
		margin-bottom: -10px;
	}
	.b2b-container-2 {
		flex-grow: 0;
		flex-shrink: 0;
		white-space: nowrap;
		margin-top: 0;
	}
	.b2b-container-2-1 {
		font-size: 3rem;
	}
	.b2b-container-2-1 span:first-child {
		margin-bottom: -2.1rem;
	}
	.b2b-container-2-2 {
		font-size: 6rem;
		width: 100px;
		left: 23px;
	}
	.b2b-container-2-2 .stampel-plus {
		top: -5px;
		left: -18px;
	}


	.fastrack-wrapper {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 0;
	}
	.fastrack-container-1 {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 0;
		text-align: center;
	}
	.fastrack-container-1-top {
		font-size: 1em;
		line-height: 1em;
		text-wrap: auto;
		/*
		letter-spacing: 0;
		display: none;
		*/
	}
	.fastrack-container-1-middle {
		margin: 10px 0;
		font-family: 'Stack Sans Notch', sans-serif;
		font-size: 3.6em;
		font-weight: 700;
		line-height: 0.7em;
		color: var(--ai-brand-blue);
	}
	.fastrack-container-1-bottom {
		margin-top: 0;
		font-size: 1.2em;
	}
	.fastrack-container-2 {
		width: 100% !important;
		display: flex;
		flex-direction: column;
		padding: 0;
		font-size: 1.4em;
		text-align: center;
		line-height: 1;margin-top: 10px;
	}


	.secop-gap {
		gap: 50px !important;
	}
	.secop-wrapper {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 0;
	}
	.secop-container-1 {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 0;
		text-align: center;
	}
	.secop-container-1-top {	
		font-size: 1.5em;
		line-height: 1em;
		text-transform: uppercase;
		letter-spacing: 0;
	}
	.secop-container-1-middle {
		margin: 10px 0;
		font-family: 'Stack Sans Notch', sans-serif;
		font-size: 3.6em;
		font-weight: 700;
		line-height: 0.7em;
		color: var(--ai-brand-blue);
	}
	.secop-container-1-bottom {
		margin-top: 0;
		font-size: 1.2em;
		text-transform: uppercase;
	}
	.secop-container-2 {
		width: 100% !important;
		display: flex;
		flex-direction: column;
		padding: 0;
		font-size: 1.4em;
		text-align: center;
		line-height: 1;margin-top: 10px;
	}



	.skrining-wrapper {
		flex-direction: column;
		flex-shrink: 0;
		gap: 10px;
	}
	.skrining-container-1 {
		justify-content: center;
		align-items: center;
	}
	.skrining-container-1-top {
		font-size: 2rem;
		text-align: center;
	}
	.skrining-container-1-middle {
		margin-bottom: 10px;
		font-size: 4rem;
		text-align: center;
		line-height: 0.7;
	}
	.skrining-container-1-bottom {
		line-height: 0.8;
		text-align: center;
		margin-top: 10px;
		display: none;
	}
	.skrining-container-2 {
		justify-content: center;
		align-items: center;
		margin-top: 40px;
	}
	.skrining-container-2-top {
		font-size: 2rem;
		text-align: center;
	}
	.skrining-container-2-middle {
		margin-bottom: 10px;
		font-size: 4rem;
		text-align: center;
		line-height: 0.7;
	}
	.skrining-container-2-bottom {
		display: none;
	}
	.skrining-container-2-arrow {
		bottom: -57px;
		right: 50%;
		width: 32px;
	}
	.skrining-scroll-container {
		min-width: 300px;
		max-height: 360px;
	}
	.skrining-chip {
		font-size:0.9em;
		padding: 10px 14px;
	}
	
	
	.welcome-container {
		flex-direction: column;
		font-size: 1.2em;
	}
	.welcome-block-1 {
		font-size: 2.5em;
	}
	.welcome-block-2 {
		font-size: 2.5em;
	}
	.welcome-block-3 {
		flex-direction: row;
		gap: 10px;
	}
	.welcome-block-5 {
		font-size: 1.7em;
	}


	.slogan-gap {
		gap:10px !important;
	}
	.slogan-wrapper {
		width: 100%;
		flex-direction: column;
		justify-content: flex-start;
	}
	.slogan-container-1 {
		align-items: center;
		font-size: 2.2rem;
	}
	.slogan-container-1 span:first-child {
		margin-bottom: -3.1rem;
	}
	.slogan-container-1-top {
		margin-bottom: -0.5rem !important;
	}
	.slogan-container-1-middle {
		margin-bottom: 0;
		text-align: center;
		line-height: 2.8rem;
		font-size: 4rem;
	}
	.slogan-container-1-bottom {
		margin-top: -8px;
	}
	.slogan-container-2 {
		width: 100% !important;
		margin-bottom: -10px;
		padding: 0;
		text-align: center;
		font-size: 1.5rem;
		line-height: 1;
	}


	.fokusdokter-wrapper {
		gap: 0;
	}
	.fokusdokter-container-1 {
		display: flex;
		flex-direction: column;
		gap: 0;
		text-align: right;
	}
	.fokusdokter-container-1-top {	
		font-size: 1.5em;
		line-height: 1em;
		letter-spacing: 0;
	}
	.fokusdokter-container-1-middle {
		margin: 10px 0;
		font-size: 3.6em;
		font-weight: 700;
		line-height: 0.7em;
	}
	.fokusdokter-container-1-bottom {
		margin-top: 0;
		font-size: 1.2em;
	}
	.fokusdokter-container-2 {
		text-align: left;
		min-width: 50%;
		width: 50%;
	}
	.fokusdokter-tagline {
		margin-bottom: 10px;
		font-size: 1.3rem;
		white-space: normal;
	}
	.fokusdokter-detail {
		margin: 0;
	}
	.fokusdokter-gelar {
		margin-bottom: -6px;
		font-size: 2.2rem;
	}
	.fokusdokter-nama {
		font-size: 3rem;
		line-height: 2.2rem;
	}
	.fokusdokter-keahlian {
		margin: 20px 0;
		font-size: 1rem;
	}


	.fokusklinik-wrapper {
		flex-direction: column;
		gap: 0;
	}
	.fokusklinik-container-1 {
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.fokusklinik-container-1-top {
		font-size: 1.5rem;
		letter-spacing: 4.3px;
	}
	.fokusklinik-container-1-middle {
		margin-top: 5px;
	}
	.fokusklinik-container-1-middle span:first-child span {
		font-size: 2.8rem;
		line-height: 2.5rem;
	}
	.fokusklinik-container-1-middle span:last-child span {
		font-size: 4.5rem;
		line-height: 3.6rem;
		letter-spacing: 11px;
	}
	.fokusklinik-container-1-bottom {
		margin: 0;
		font-size: 2.3rem;
		line-height: 1;
	}
	.fokusklinik-container-2 {
		
	}
	
	
	
	.fokusiklan-wrapper {
		flex-direction: column;
		gap: 0;
	}
	.fokusiklan-container-1 {
		width: 100%;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.fokusiklan-container-1-top {
		font-size: 1.5rem;
		letter-spacing: 4.3px;
	}
	.fokusiklan-container-1-middle {
		margin-top: 5px;
	}
	.fokusiklan-container-1-middle span:first-child span {
		font-size: 2.8rem;
		line-height: 2.5rem;
	}
	.fokusiklan-container-1-middle span:last-child span {
		font-size: 4.5rem;
		line-height: 3.6rem;
		letter-spacing: 11px;
	}
	.fokusiklan-container-1-bottom {
		margin: 0;
		font-size: 1.8rem;
		line-height: 1;
	}
	.fokusiklan-container-2 {
		
	}




	.cibbanget-wrapper {
		padding-bottom: 40px;
	}
	.cibbanget-container-1 {
		position: relative;
		background: none;
		width: 100%;
		height: 50px;
	}
	.cibbanget-container-1-middle {
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: center;
		font-size: 2rem;
		line-height: 1;
		letter-spacing: 0;
		background: none;
	}
	.cibbanget-container-1-middle .word-trigger:nth-child(2) {
		margin-left: -6px;
		margin-right: 5px;
	}
	.cibbanget-container-2 {
		position: relative;
		width: 100%;
	}
	.cib-desc span:first-child {
		font-size: 0.7rem;
		line-height: 1;
	}
	.cib-desc span:last-child {
		font-size: 1.1rem;
		line-height: 1;
	}
	.cib-thumb { margin-left: -10px; }




	#anchor-rawatinap .banner-section__wrapper,
	#anchor-aitanyakris .banner-section__wrapper {
		border-radius: 0;
	}

	.d-center-m-left.layanan-profesional {
		font-size: 2.5rem;
		line-height: 2.4rem;
	}
	
	.grid-m-gap-0 {
		gap: 0 !important;
	}
	
	.m-text-center-font-09,
	.dm-text-left-font-09 {
		font-size: 0.9rem;
	}
	
	
	#newsstrip-container {
		display: block !important;
		padding: 0 !important;
	}
	.newsstrip-card {
		display: flex !important;
		flex-direction: column !important; 
		height: auto !important; 
		width: 100% !important;
		border-radius: 0 !important;
		border: none !important;
	}
	.newsstrip-viewport {
		flex: 0 0 auto !important; 
		width: 100% !important;
		aspect-ratio: 16 / 9 !important;
		height: auto !important;
	}
	.newsstrip-channel {
		width: auto;
		padding: 15px 10px;
		border-radius: 0 !important;
		margin-bottom: 3.3rem;
	}
	.newsstrip-slide,
	.newsstrip-slide-poster {
		height: auto !important;
		flex: 0 0 100% !important; /* Gunakan persentase untuk mobile */
		aspect-ratio: 16 / 9 !important;
	}
	.newsstrip-playlist {
		flex: none !important;
		width: 100% !important;
		height: 210px !important; /* Diatur agar pas tampil: Header + 2 Judul (50px + 80px + 80px = 210px) */
		border-left: none !important;
		border-top: 1px solid #eee !important;
	}
	.newsstrip-playlist-header span:first-child {
		font-size: 1.5em;
		line-height: 1.2rem;
	}
	.newsstrip-playlist-header span:last-child {
		width: 80px;
		font-size: 0.8em;
		line-height: 0.7rem;
	}
	.newsstrip-playlist-item {
		height: 50px;
		padding: 0 20px;
	}
	.newsstrip-playlist-item .title {
		font-size: 1em;
	}
}