/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 1787222028
*/

/* ==========================================================================

DESKTOP & BASE STYLES (GLOBAL)
========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');

.quote-text {
    font-family: 'Playfair Display', serif !important;
    font-weight: 600;
    font-style: normal !important;
}
.text-connectedcare h2,p {
    margin:5px;
}
/* STREAMING_CHUNK:Base App & Global Utilities... */
.boximgwhatsapp {
position: fixed;
right: 20px;
bottom: 90px;
z-index: 999;
}

.boximgwhatsapp img {
width: 61px;
height: 61px;
}

.adp-popup-inner img.alignnone.size-full {
margin-bottom: 0px !important;
}

.adp-popup .adp-popup-close {
top: 0px;
right: -10px;
}

.adp-popup-type-content .adp-popup-content {
padding: 0px;
}

.entry-header-text .is-divider {
display: none;
}

.tam-an {
display: none !important;
}

.wpcf7-spinner {
display: none;
}

.tamhidenmenu {
display: none !important;
}

.nav-spacing-large > li {
margin: 0 23px;
}

.wpml-ls-menu-item .wpml-ls-flag + span {
font-family: arial;
}

.hrduoimenu {
border-top: 1px solid #0022f5;
}

.footer-2 {
height: 170px;
}

.tencongty {
font-size: 25px;
margin-top: 20px;
margin-left: 0px;
color: #0000fe;
display: block;
}
.back-right-doctor-thumnail{
    background-image: url('/wp-content/uploads/2026/08/thumnail-ww-1.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.tencongty h1 {
color: #0000fe;
text-transform: uppercase;
}

.is-divider {
height: 3px;
display: block;
background-color: rgba(0,0,0,0.1);
margin: -1em 0 1em;
width: 100%;
max-width: 30px;
}

/* STREAMING_CHUNK:Sidebar & Contact Bar... */
.header-right {
position: fixed;
top: 52%;
transform: translateY(-50%);
right: 0;
z-index: 9;
}

.header-right ul li {
padding: 25px 5px;
list-style: none;
width: 80px;
height: 80px;
text-align: center;
background: #ff8e00;
border-bottom: 1px solid #fff;
}

.header-right ul li:last-child {
border-bottom: none;
}

.header-right ul li a {
display: block;
height: 100%;
color: #fff;
font-size: 13px;
}

.header-right ul li a span {
font-size: 11px;
}

.header-right ul li a i {
font-size: 20px;
display: block;
}

.header-right ul li:hover {
background: #161616;
}

.header-right ul li:hover a {
color: #ff8e00;
}

.fixed-contact-bar {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
display: flex;
justify-content: space-between;
background: #0877d7;
z-index: 9999;
box-sizing: border-box;
}

.fixed-contact-bar .boxcontact-btn {
width: 50%;
padding: 6px 0px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
text-align: center;
text-decoration: none;
font-size: 15px;
color: #fff;
background: #9b3a98;
border-right: 1px solid #fff;
box-sizing: border-box;
}

.boxcontact-btn a.contact-btn {
text-align: center;
color: #fff;
padding: 5px 0px;
width: 90%;
border-radius: 5px;
text-decoration: none;
background-color: #b84bb5;
}

.boxcontact-btn a.contact-btn:hover {
background-color: #7f2f7c;
color: #fff;
font-weight: 500;
}

.fixed-contact-bar .contact-btn:last-child {
border-right: none;
}

.fixed-contact-bar .contact-btn img {
width: 18px;
height: 18px;
margin-right: 6px;
object-fit: contain;
margin-bottom: -4px;
}

.contact-btn img {
animation: phone-vibrate-zoom 0.8s infinite;
transform-origin: center;
}

.fixed-contact-bar .boxcontact-btn:last-child {
border-right: none;
}

@keyframes phone-vibrate-zoom {
0%   { transform: rotate(0deg) scale(1); }
20%  { transform: rotate(15deg) scale(1.1); }
40%  { transform: rotate(-15deg) scale(1.2); }
60%  { transform: rotate(10deg) scale(1.1); }
80%  { transform: rotate(-10deg) scale(1); }
100% { transform: rotate(0deg) scale(1); }
}

/* STREAMING_CHUNK:Forms & Swiper Base... */
#form-contact .date-time,
#form-contact .text-phone {
display: flex;
}

#form-contact .date-time > div,
#form-contact .text-phone > div {
flex: 1;
}

#form-contact .date-time > div:first-child,
#form-contact .text-phone > div:first-child {
margin-right: 10px;
}

.cdh-info-swiper-container.swiper {
margin: 0 !important;
padding: 0 !important;
}

.cdh-cards-swiper-container.swiper {
margin: 0 !important;
padding: 0 !important;
}

html:not([ng-app="uxBuilder"]) .cdh-reviews-source {
display: none !important;
}

html[ng-app="uxBuilder"] .cdh-cards-swiper-container,
html[ng-app="uxBuilder"] .cdh-info-swiper-container,
html[ng-app="uxBuilder"] .cdh-swiper-nav {
display: none !important;
}

.cdh-info-swiper-container .swiper-slide {
padding: 0 !important;
max-width: 100% !important;
flex-basis: 100% !important;
width: 100% !important;
}

.cdh-info-swiper .swiper-slide {
opacity: 0 !important;
visibility: hidden !important;
transition: opacity 0.5s ease, visibility 0.5s ease !important;
}

.cdh-info-swiper .swiper-slide.swiper-slide-active,
.cdh-info-swiper .swiper-slide.swiper-slide-duplicate-active {
opacity: 1 !important;
visibility: visible !important;
}

/* Filter Left Side (Hide Images) & Right Side (Hide Text) */
.cdh-info-swiper-container .img,
.cdh-info-swiper-container .img-inner,
.cdh-info-swiper-container img,
.cdh-info-swiper-container .image-box {
display: none !important;
}

.cdh-cards-swiper-container .testimonial,
.cdh-cards-swiper-container .text,
.cdh-cards-swiper-container .text-box,
.cdh-cards-swiper-container p,
.cdh-cards-swiper-container h1,
.cdh-cards-swiper-container h2,
.cdh-cards-swiper-container h3,
.cdh-cards-swiper-container h4,
.cdh-cards-swiper-container h5,
.cdh-cards-swiper-container h6 {
display: none !important;
}

.cdh-cards-swiper-container .swiper-slide {
width: 320px !important;
max-width: none !important;
flex-basis: auto !important;
height: 400px !important;
border-radius: 12px;
overflow: hidden;
position: relative;
padding: 0 !important;
}

.cdh-cards-swiper-container .swiper-slide .col-inner {
height: 100%;
border-radius: 12px;
overflow: hidden;
transform: scale(0.85);
transition: all 0.5s ease;
opacity: 0.4;
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.cdh-cards-swiper-container .swiper-slide-active .col-inner {
transform: scale(1);
opacity: 1;
}

.cdh-cards-swiper-container .swiper-slide .col-inner .img,
.cdh-cards-swiper-container .swiper-slide .col-inner .img-inner,
.cdh-cards-swiper-container .swiper-slide .col-inner img {
height: 100% !important;
width: 100% !important;
object-fit: cover !important;
}

.cdh-swiper-right .swiper {
overflow: visible !important;
clip-path: inset(-100px -100vw -100px 0);
}

.cdh-swiper-nav {
display: flex;
gap: 15px;
margin-top: 30px;
}

.cdh-swiper-nav button {
width: 54px;
height: 54px;
border-radius: 50%;
border: none;
background: #f97316;
color: #fff;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
box-shadow: none !important;
}

.cdh-swiper-nav button:hover {
background: #ea580c;
transform: scale(1.1);
box-shadow: none !important;
}

/* STREAMING_CHUNK:Cards & Services... */
.cdh-cards {
width: 100% !important;
z-index: 10;
margin: 0 auto !important;
padding-bottom: 40px;
}

.cdh-card-new > .col-inner {
background: rgba(255, 255, 255, 0.65) !important;
backdrop-filter: blur(25px) saturate(200%) !important;
-webkit-backdrop-filter: blur(25px) saturate(200%) !important;
border: 1px solid rgba(255, 255, 255, 0.8) !important;
border-radius: 32px !important;
padding: 40px 20px !important;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05)!important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: center !important;
text-align: center !important;
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
position: relative;
overflow: hidden;
}

.cdh-card-new > .col-inner::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 150px;
background: linear-gradient(180deg, rgba(249,115,22,0.03) 0%, rgba(255,255,255,0) 100%);
border-radius: 32px 32px 0 0;
z-index: 0;
}

.cdh-card-new:hover > .col-inner {
transform: translateY(-12px) !important;
background: rgba(255, 255, 255, 0.9) !important;
}

.cdh-card-icon {
width: 90px;
height: 90px;
margin-bottom: 25px;
position: relative;
z-index: 1;
}

.cdh-card-icon img {
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 50%;
}

.cdh-fa-icon {
width: 80px;
height: 80px;
background: #ffffff;
border-radius: 24px;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin-bottom: 30px;
color: #320a51;
font-size: 34px;
box-shadow: none !important;
transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
z-index: 1;
}

.cdh-card-new:hover .cdh-fa-icon {
background: #320a51;
color: #fff;
transform: scale(1.08);
border-radius: 30px;
}

.cdh-services-section {
background-color: #f8fafc;
}

.cdh-section-subtitle {
display: none !important;
}

.cdh-section-subtitle p {
margin-bottom: 0 !important;
margin-top: 0 !important;
}

.cdh-section-title {
font-size: 42px;
text-transform: none !important;
color: #30114b !important;
line-height: 1.15;
font-weight: 700 !important;
letter-spacing: -1px;
}

.cdh-service-col > .col-inner {
background: #fff;
border-radius: 24px;
padding: 0 0 30px 0;
box-shadow: 0 15px 35px rgba(0,0,0,0.04);
border: 1px solid rgba(0,0,0,0.03);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
height: 100%;
overflow: hidden;
}

.cdh-service-col:hover > .col-inner {
transform: translateY(-10px);
box-shadow: 0 25px 50px rgba(0,0,0,0.08);
}

.cdh-svc-img {
margin-bottom: 25px;
border-radius: 0;
overflow: hidden;
}

.cdh-svc-img img {
width: 100%;
height: 220px !important;
object-fit: cover;
transition: transform 0.5s ease;
}

.cdh-service-col:hover .cdh-svc-img img {
transform: scale(1.05);
}

.cdh-svc-title {
font-size: 22px;
font-weight: 700;
color: #0f172a;
margin-bottom: 5px;
font-family: 'Inter', sans-serif;
padding: 0 30px;
}

.cdh-svc-title p {
margin-bottom: 0 !important;
margin-top: 0 !important;
}

.cdh-svc-desc {
font-size: 15px;
color: #64748b;
line-height: 1.6;
margin-bottom: 10px;
font-family: 'Inter', sans-serif;
padding: 0 30px;
}

.cdh-svc-desc p {
margin-bottom: 0 !important;
margin-top: 0 !important;
}

.cdh-svc-btn {
padding: 0 30px !important;
color: #320a51 !important;
}

.cdh-svc-btn span {
color: #320a51 !important;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.5px;
}

.cdh-svc-btn i {
color: #320a51 !important;
}

.button.link.cdh-svc-btn,
.button.link.cdh-svc-btn span,
.button.link.cdh-svc-btn i {
color: #320a51 !important;
}

/* STREAMING_CHUNK:Doctor, CTA & Info Section... */
.cdh-doctor-section {
background-color: transparent !important;
position: relative;
overflow: hidden;
}

.cdh-doctor-content {
padding-right: 50px !important;
position: relative;
z-index: 2;
}

.cdh-doctor-title {
font-size: 52px;
color: #0f172a;
line-height: 1.1;
margin-bottom: 5px;
font-weight: 700;
}


.cdh-doctor-desc {
font-size: 17px;
color: #475569;
line-height: 1.7;
margin-bottom: 10px;
font-family: 'Inter', sans-serif;
}

.cdh-doctor-desc p {
margin-bottom: -50px !important;
margin-top: 0 !important;
}

.cdh-doctor-link a {
color: #f97316;
font-weight: 700;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1px;
transition: color 0.3s;
font-family: 'Inter', sans-serif;
}

.cdh-doctor-link a:hover {
color: #9b3a98;
}

.cdh-doctor-quote {
margin-top: 40px;
padding: 30px;
background: rgba(255,255,255,0.85);
border-left: 4px solid #f97316;
border-radius: 0 12px 12px 0;
font-size: 16px;
color: #1e293b;
line-height: 1.6;
font-style: italic;
font-family: 'Inter', sans-serif;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.cdh-doctor-quote a {
color: #f97316;
font-weight: bold;
text-decoration: none;
}

.cdh-doctor-image-col {
position: relative;
z-index: 2;
}

.cdh-doctor-img {
border-radius: 20px;
border: 1px solid rgba(255,255,255,0.1);
}

.cdh-cta-wrapper {
background-color: #fff;
overflow: hidden;
}

.cdh-cta-container {
background: #f1f5f9;
border-radius: 0;
overflow: visible;
}

.cdh-cta-text-col {
padding: 80px 40px 80px 80px !important;
}

.cdh-cta-title {
font-size: 46px;
font-weight: 800;
color: #0f172a;
font-family: 'Inter', sans-serif;
line-height: 1.15;
margin-bottom: 5px;
letter-spacing: -1.5px;
}

.cdh-cta-title p {
margin-bottom: -50px !important;
margin-top: 0 !important;
}

.cdh-cta-desc {
font-size: 16px;
color: #475569;
font-family: 'Inter', sans-serif;
line-height: 1.6;
margin-bottom: 35px;
max-width: 90%;
}

.cdh-cta-btn {
border-radius: 50px !important;
padding: 10px 40px !important;
border: none !important;
transition: all 0.3s ease !important;
}

.cdh-cta-btn:hover {
background: #f97316 !important;
transform: translateY(-3px);
}

.cdh-cta-btn span {
color: #fff !important;
font-weight: 600;
}

.cdh-cta-image-col {
position: relative;
padding-right: 60px !important;
display: flex;
align-items: center;
}

.cdh-cta-images {
width: 100%;
}

.cdh-cta-img-1,
.cdh-cta-img-2 {
transition: transform 0.5s ease;
}

.cdh-cta-img-1:hover,
.cdh-cta-img-2:hover {
transform: translateY(-5px) scale(1.02);
z-index: 10;
}

.cdh-cta-img-1 .img-inner {
border-radius: 20px;
overflow: hidden;
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
transform: translateY(40px);
}

.cdh-cta-img-2 .img-inner {
border-radius: 20px;
overflow: hidden;
box-shadow: 0 20px 40px rgba(0,0,0,0.15);
transform: translateY(-40px);
}

.cdh-cta-images img {
height: 220px !important;
object-fit: cover;
width: 100%;
}

.cdh-info-section {
background-color: #ffffff;
position: relative;
overflow: hidden;
}

.cdh-info-col > .col-inner {
padding: 20px 60px 20px 0;
height: 100%;
position: relative;
z-index: 1;
}

.cdh-info-col-2 > .col-inner {
padding: 20px 0 20px 60px;
border-left: 1px solid rgba(0,0,0,0.06);
}

.cdh-info-col > .col-inner::before {
content: '';
display: block;
width: 60px;
height: 4px;
background-color: #9b3a98;
margin-bottom: 30px;
border-radius: 4px;
}

.cdh-info-title {
font-size: 36px;
font-weight: 800;
color: #0f172a;
font-family: 'Inter', sans-serif;
margin-bottom: 10px;
letter-spacing: -1px;
line-height: 1.2;
}

.cdh-info-title p {
margin-bottom: -50px !important;
margin-top: 0 !important;
}

.cdh-info-desc {
font-size: 16px;
color: #64748b;
font-family: 'Inter', sans-serif;
line-height: 1.8;
margin-bottom: 0;
}

.cdh-info-link {
margin-top: 40px;
}

.cdh-info-link a {
display: inline-flex;
align-items: center;
color: #0f172a;
font-weight: 700;
font-size: 14px;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 1.5px;
text-decoration: none !important;
}

.cdh-info-link a i {
margin-left: 12px;
font-size: 18px;
transition: transform 0.3s ease;
color: #f97316;
}

.cdh-info-link a:hover {
color: #f97316;
}

.cdh-info-link a:hover i {
transform: translateX(8px);
}

/* STREAMING_CHUNK:Reviews, Sync Cards & Stats... */
.cdh-reviews-section {
background-color: #0f172a;
overflow: hidden;
}

.cdh-sync-row {
align-items: center;
}

.cdh-info-col {
padding-right: 50px !important;
}

.cdh-clean-testimonial .testimonial-box {
background: transparent !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
text-align: left !important;
}

.cdh-clean-testimonial .testimonial-inner {
text-align: left !important;
display: block !important;
}

.cdh-clean-testimonial .testimonial-text {
font-size: 20px !important;
color: #e2e8f0 !important;
font-style: normal !important;
line-height: 1.7 !important;
margin-bottom: 30px !important;
font-family: 'Inter', sans-serif !important;
}

.cdh-clean-testimonial .star-rating,
.cdh-clean-testimonial .testimonial-meta,
.cdh-clean-testimonial .testimonial-name,
.cdh-clean-testimonial .testimonial-company {
display: none !important;
}

.cdh-sync-cards {
margin: 0;
margin-right: -100px;
}

.cdh-sync-cards .flickity-viewport {
overflow: visible !important;
padding-bottom: 30px;
clip-path: inset(-50px -100vw -50px 0px);
}

.cdh-sync-cards .flickity-prev-next-button {
display: none !important;
}

.cdh-sync-cards .cdh-carousel-cell {
width: 33.33333%;
padding-left: 10px;
padding-right: 10px;
}

.cdh-sync-cards .banner {
border-radius: 12px !important;
overflow: hidden;
transition: all 0.3s ease;
box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.cdh-sync-cards .is-selected .banner {
box-shadow: 0 15px 40px rgba(0,0,0,0.7);
}

.cdh-sync-cards .flickity-slider > .slide {
width: 320px !important;
padding-right: 20px !important;
}

.cdh-custom-nav {
display: flex;
gap: 10px;
margin-top: 30px;
}

.cdh-custom-nav button {
width: 45px;
height: 45px;
border-radius: 50%;
border: 1px solid rgba(255,255,255,0.2);
background: transparent;
color: #fff;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
padding: 0;
}

.cdh-custom-nav button:hover {
background: #f97316;
color: #fff;
border-color: #f97316;
}

.cdh-stats-section {
background-color: #ffffff;
}

.cdh-stats-title {
font-size: 42px;
font-weight: 800;
color: #0f172a;
margin-bottom: 20px;
font-family: 'Inter', sans-serif;
line-height: 1.1;
letter-spacing: -1px;
}

.cdh-stats-desc {
font-size: 16px;
color: #64748b;
line-height: 1.6;
margin: 0;
font-family: 'Inter', sans-serif;
max-width: 90%;
border-left: 3px solid #f97316;
padding-left: 15px;
}

.cdh-stats-numbers .col-inner {
transition: transform 0.3s ease;
}

.cdh-stats-numbers .col-inner:hover {
transform: translateY(-5px);
}

.cdh-stats-numbers .col:not(:first-child) .col-inner {
border-left: 1px solid #e2e8f0;
padding-left: 30px;
}

.cdh-stat-num {
font-size: 56px;
font-weight: 900;
color: #0f172a;
margin-bottom: 5px;
font-family: 'Inter', sans-serif;
line-height: 1;
letter-spacing: -2px;
display: inline-block;
}

.cdh-stat-label {
font-size: 15px;
color: #475569;
font-weight: 600;
line-height: 1.4;
text-transform: uppercase;
letter-spacing: 0.5px;
font-family: 'Inter', sans-serif;
}

/* STREAMING_CHUNK:About, Premium Tools & Header... */
.cdh-about-section {
position: relative;
overflow: hidden;
background: transparent;
}

.cdh-about-image-col {
position: relative;
z-index: 1;
padding: 0;
}

.cdh-about-img {
border-radius: 12px;
box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

.cdh-about-badge {
position: absolute;
bottom: 0px;
left: -30px;
background: #fff;
padding: 30px 35px;
border-radius: 12px;
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
border-left: 6px solid #f97316;
z-index: 2;
}

.cdh-about-badge-num {
font-size: 42px;
font-weight: 700;
color: #f97316;
font-family: 'Inter', sans-serif;
line-height: 1;
margin-bottom: 8px;
letter-spacing: -1px;
}

.cdh-about-badge-text {
font-size: 13px;
color: #475569;
line-height: 1.5;
font-family: 'Inter', sans-serif;
font-weight: 500;
}

.cdh-about-content {
padding-left: 60px !important;
position: relative;
z-index: 1;
}

.cdh-about-subtitle {
display: none !important;
}

.cdh-about-title {
font-size: 46px;
color: #0f172a;
text-transform: uppercase;
line-height: 1.15;
font-weight: 800;
letter-spacing: -1px;
}

.cdh-about-desc {
font-size: 16px;
color: #475569;
line-height: 1.6;
font-family: 'Inter', sans-serif;
}

.cdh-about-list {
list-style: none;
padding: 0;
margin: 0 0 40px 0;
}

.cdh-about-list li {
font-size: 15px;
color: #1e293b;
margin-bottom: 15px;
display: flex;
align-items: center;
font-family: 'Inter', sans-serif;
font-weight: 500;
}

.cdh-about-list li i {
color: #f97316;
font-size: 22px;
margin-right: 15px;
}

.cdh-about-btn {
background-color: rgb(102, 45, 145) !important;
padding: 5px 35px !important;
border-radius: 4px !important;
}

.cdh-about-btn:hover {
background-color: rgb(102, 45, 145) !important;
}
.cdh-marquee-track .img-inner.box-shadow-1.dark {
    box-shadow: none;
}
.cdh-about-btn span {
color: #fff !important;
font-weight: 600;
letter-spacing: 1px;
font-size: 13px;
}

.cdh-marquee-container {
overflow: hidden !important;
white-space: nowrap;
width: 100%;
}

.cdh-marquee-track .col-inner {
display: inline-flex !important;
flex-wrap: nowrap !important;
animation: cdh-marquee 20s linear infinite;
gap: 20px;
padding: 10px 0;
}

.cdh-marquee-track .col-inner:hover {
animation-play-state: paused;
}

.cdh-marquee-track .img-inner {
width: 200px;
flex-shrink: 0;
}

@keyframes cdh-marquee {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}

.cdh-premium-accordion .accordion-item {
background: #fff;
border: none !important;
border-radius: 12px;
margin-bottom: 15px;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
overflow: hidden;
}

.cdh-premium-accordion .accordion-title {
padding: 20px 25px;
font-size: 16px;
font-weight: 600;
color: #30114b;
border-bottom: none;
transition: all 0.3s ease;
background: transparent;
display: flex !important;
align-items: center !important;
}

.cdh-premium-accordion .accordion-title:hover,
.cdh-premium-accordion .accordion-title.active {
    background: rgba(48, 17, 75, 0.03); /* slight purple tint */
    color: #30114b;
}

.cdh-premium-accordion .accordion-inner {
padding: 0 25px 20px;
color: #4b5563;
font-size: 15px;
line-height: 1.6;
border-top: none;
}

.cdh-premium-accordion .toggle {
display: flex !important;
align-items: center;
justify-content: center;
margin-bottom: -50px !important;
margin-right: 10px;
position: static !important;
transform: none !important;
height: auto !important;
transition: transform 0.3s ease;
}

.cdh-premium-accordion .toggle i {
color: #30114b;
}

.cdh-premium-accordion .accordion-title::before,
.cdh-premium-accordion .accordion-title::after {
display: none !important;
}
.cdh-marquee-track .img-inner img {
    height: 60px !important;  
    width: 100% !important;   
    object-fit: contain !important; 
}
.cdh-premium-accordion .accordion-title.active .toggle {
transform: rotate(180deg) !important;
}

.cdh-cf7-wrapper form {
margin-bottom: 0;
}

.cdh-cf7-wrapper input[type="text"],
.cdh-cf7-wrapper input[type="email"],
.cdh-cf7-wrapper input[type="tel"],
.cdh-cf7-wrapper textarea {
background-color: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 8px;
padding: 12px 15px;
color: #1f2937;
transition: all 0.3s ease;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
width: 100%;
margin-bottom: 5px;
}

.cdh-cf7-wrapper input[type="text"]:focus,
.cdh-cf7-wrapper input[type="email"]:focus,
.cdh-cf7-wrapper input[type="tel"]:focus,
.cdh-cf7-wrapper textarea:focus {
border-color: #f37021;
box-shadow: 0 0 0 3px rgba(243, 112, 33, 0.15);
outline: none;
}

.cdh-cf7-wrapper label {
font-weight: 500;
color: #4b5563;
margin-bottom: 8px;
display: block;
}

.cdh-cf7-wrapper input[type="submit"] {
background-color: #f37021;
color: #ffffff;
border: none;
border-radius: 99px;
padding: 12px 30px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
margin-top: 10px;
width: 100%;
}

.cdh-cf7-wrapper input[type="submit"]:hover {
background-color: #d15d18;
transform: translateY(-2px);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.cdh-cf7-wrapper .wpcf7-not-valid-tip {
color: #ef4444;
font-size: 13px;
margin-top: 2px;
}

.header-nav > li > a {
font-family: 'Inter', sans-serif !important;
font-size: 9.5px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
font-weight: 600 !important;
color: #ffffff !important;
padding-left: 12px !important;
padding-right: 12px !important;
position: relative;
transition: color 0.3s ease !important;
}

.header-nav > li > a:hover,
.header-nav > li.active > a {
background-color: transparent !important;
color: #f97316 !important;
}



.header-nav > li:hover > a::after,
.header-nav > li.active > a::after {
width: 40%;
}

.header-nav > li.active > a::before,
.header-nav > li:hover > a::before {
display: none !important;
}

.is-sticky .header-main {
background-color: rgba(255, 255, 255, 0.85) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05) !important;
border-bottom: 1px solid rgba(255,255,255,0.3) !important;
}

.nav-dropdown,
.nav-dropdown ul,
.nav-column {
border-radius: 12px !important;
box-shadow: 0 15px 50px rgba(0,0,0,0.08) !important;
border: 1px solid rgba(0,0,0,0.03) !important;
padding: 12px 0 !important;
}

.nav-dropdown > li > a,
.nav-dropdown ul > li > a,
.nav-column > li > a {
font-family: 'Inter', sans-serif !important;
font-size: 15px !important;
color: #475569 !important;
transition: all 0.3s ease !important;
padding: 10px 25px !important;
text-transform: none !important;
letter-spacing: 0 !important;
}

.nav-dropdown > li:hover,
.nav-dropdown ul > li:hover,
.nav-column > li:hover {
background-color: transparent !important;
}

.nav-dropdown > li:hover > a,
.nav-dropdown > li > a:hover,
.nav-dropdown ul > li:hover > a,
.nav-dropdown ul > li > a:hover,
.nav-column > li:hover > a,
.nav-column > li > a:hover {
color: #f97316 !important;
background-color: rgba(249, 115, 22, 0.05) !important;
padding-left: 30px !important;
}

.hotlinetop {
font-family: 'Inter', sans-serif !important;
font-size: 18px !important;
font-weight: 700 !important;
color: #0f172a !important;
letter-spacing: 0.5px !important;
display: inline-block;
margin-bottom: 2px !important;
}

.emailtop {
font-family: 'Inter', sans-serif !important;
font-size: 15px !important;
color: #64748b !important;
font-weight: 500 !important;
}

.header-button-2 .button,
.header-button-1 .button {
border-radius: 50px !important;
background: #f97316 !important;
font-family: 'Inter', sans-serif !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
border: none !important;
padding: 0 28px !important;
transition: all 0.3s ease !important;
}

.header-button-2 .button:hover,
.header-button-1 .button:hover {
transform: translateY(-2px) !important;
background: #f97316 !important;
}

/* STREAMING_CHUNK:Hero Blocks & Treatments... */
.my-hero-section {
overflow: hidden;
background: #fff;
}

.my-hero-inner {
min-height: 530px;
}

.my-hero-left {
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
}

.my-stats-row {
margin-bottom: 28px !important;
}

.my-stat-item .icon-box-img {
background: #f5f0ff;
border-radius: 10px;
width: 46px !important;
height: 46px !important;
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
margin-bottom: 8px !important;
}

.my-hero-right-img {
min-height: 530px;
object-fit: cover;
object-position: center top;
height: 100%;
width: 100%;
display: block;
}

.my-feature-cards {
border-top: 1px solid #e8e8e8;
margin-bottom: -50px !important;
padding-bottom: -50px !important;
}

.my-fc {
padding: 24px 20px;
border-right: 1px solid #e8e8e8;
transition: background 0.3s ease;
cursor: pointer;
}

.my-fc:last-child {
border-right: none;
}

.my-fc:hover {
background: #fdf8f4;
}

.my-fc-img {
border-radius: 8px;
object-fit: cover;
}

:root {
--trt-orange: #f37021;
--trt-purple: #4a0ba3;
--trt-bg-gray: #f8fafc;
--trt-bg-purple: #f5f0ff;
}

.trt-page {
font-family: "Inter", sans-serif;
overflow-x: hidden;
}

.trt-hero {
position: relative;
min-height: 900px;
display: flex;
align-items: center;
background: radial-gradient(circle at top right, rgba(243,112,33,0.05), transparent 40%), radial-gradient(circle at bottom left, rgba(74,11,163,0.05), transparent 40%);
}

.trt-hero-bg-shape {
position: absolute;
width: 600px;
height: 600px;
background: linear-gradient(135deg, #f37021, #4a0ba3);
filter: blur(150px);
opacity: 0.08;
border-radius: 50%;
top: -100px;
right: -100px;
animation: float 10s ease-in-out infinite;
z-index: 0;
}

@keyframes float {
0% { transform: translateY(0) scale(1); }
50% { transform: translateY(30px) scale(1.05); }
100% { transform: translateY(0) scale(1); }
}

.trt-hero-title {
font-size: 85px;
font-weight: 900;
line-height: 1.05;
letter-spacing: -2px;
color: var(--trt-purple);
margin-bottom: 30px;
position: relative;
z-index: 2;
}

.trt-hero-subtitle {
font-size: 20px;
line-height: 1.6;
color: #475569;
max-width: 500px;
margin-bottom: 40px;
position: relative;
z-index: 2;
}

.trt-stats-grid {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
position: relative;
z-index: 2;
}

.trt-stat-card {
background: rgba(255,255,255,0.7);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255,255,255,0.5);
border-radius: 24px;
padding: 40px;
box-shadow: 0 20px 40px rgba(0,0,0,0.03);
transition: transform 0.4s ease;
}

.trt-stat-card:hover {
transform: translateY(-10px);
}

.trt-stat-num {
font-size: 56px;
font-weight: 900;
color: var(--trt-orange);
line-height: 1;
margin-bottom: 10px;
}

.trt-stat-label {
font-size: 16px;
font-weight: 600;
color: var(--trt-purple);
text-transform: uppercase;
letter-spacing: 1px;
}

.trt-nav-wrapper {
position: sticky;
top: 0;
z-index: 99;
background: rgba(255,255,255,0.9);
backdrop-filter: blur(15px);
border-bottom: 1px solid rgba(0,0,0,0.05);
padding: 15px 0;
}

.trt-nav {
display: flex;
justify-content: center;
gap: 15px;
overflow-x: auto;
scrollbar-width: none;
}

.trt-nav::-webkit-scrollbar {
display: none;
}

.trt-nav a {
padding: 12px 24px;
border-radius: 50px;
background: #f1f5f9;
color: #475569;
font-weight: 600;
font-size: 14px;
text-decoration: none;
transition: all 0.3s ease;
white-space: nowrap;
}

.trt-nav a:hover,
.trt-nav a.active {
background: var(--trt-purple);
color: #fff;
box-shadow: 0 10px 20px rgba(74,11,163,0.2);
}

.trt-process-row {
position: relative;
margin-top: 20px;
}

.trt-process-row::before {
content: "";
position: absolute;
top: 40px;
left: 12.5%;
width: 75%;
height: 0;
z-index: 0;
border-top: 2px dashed rgba(50,10,81,0.4) !important;
}

.trt-process-step {
position: relative;
z-index: 2;
text-align: center;
width: 100%;
}

.trt-time-icon {
width: 80px;
height: 80px;
background: #fff;
border: 2px solid #320a51 !important;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 15px;
font-size: 28px;
color: #320a51 !important;
box-shadow: none !important;
transition: all 0.4s ease;
}

.trt-time-icon.trt-icon-active {
background: #320a51 !important;
border-color: #320a51 !important;
color: #fff !important;
}

.trt-process-step:hover .trt-time-icon {
background: #320a51 !important;
border-color: #320a51 !important;
color: #fff !important;
transform: scale(1.1);
}

.trt-doc-card {
text-align: center;
}

.trt-doc-img {
width: 100%;
border-radius: 24px;
margin-bottom: 25px;
box-shadow: 0 20px 40px rgba(0,0,0,0.08);
transition: transform 0.5s ease;
}

.trt-doc-card:hover .trt-doc-img {
transform: translateY(-10px);
}

.trt-doc-name {
font-size: 28px;
font-weight: 800;
color: var(--trt-purple);
margin-bottom: 5px;
}

.trt-doc-spec {
font-size: 16px;
color: var(--trt-orange);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 15px;
}

.trt-cta-box {
background: linear-gradient(135deg, var(--trt-orange), var(--trt-purple));
border-radius: 40px;
padding: 80px 60px;
position: relative;
overflow: hidden;
box-shadow: 0 30px 60px rgba(74,11,163,0.2);
}

.trt-cta-shape {
position: absolute;
width: 400px;
height: 400px;
background: rgba(255,255,255,0.1);
border-radius: 50%;
right: -100px;
top: -100px;
filter: blur(50px);
}

.trt-cta-title {
font-size: 56px;
font-weight: 900;
color: #fff;
line-height: 1.1;
margin-bottom: 25px;
letter-spacing: -1px;
}

.trt-cta-desc {
font-size: 20px;
color: rgba(255,255,255,0.9);
margin-bottom: 40px;
max-width: 600px;
line-height: 1.6;
}

.trt-cta-btn {
background: #fff;
color: var(--trt-purple);
border-radius: 16px;
padding: 20px 40px;
font-weight: 700;
font-size: 18px;
text-decoration: none;
display: inline-flex;
align-items: center;
transition: all 0.3s ease;
}

.trt-cta-btn:hover {
transform: scale(1.05);
box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.trt-tabs .nav > li > a {
border-radius: 99px !important;
padding: 8px 18px !important;
font-weight: 600 !important;
font-size: 15px !important;
text-transform: uppercase !important;
margin: 0 5px !important;
border-width: 2px !important;
transition: all 0.3s ease !important;
}

.trt-tabs .nav > li:not(.active) > a {
color: #320a51 !important;
border-color: #320a51 !important;
background-color: transparent !important;
}

.trt-tabs .nav > li.active > a {
background-color: #320a51 !important;
color: #fff !important;
border-color: #320a51 !important;
}

/* STREAMING_CHUNK:Mega Menu Fixes... */
.cdh-mm-tabs .nav-vertical > li > a,
.cdh-mm-tabs .nav-vertical > li.active > a,
.cdh-mm-tabs .nav-vertical > li,
.cdh-mm-tabs .nav-vertical > li.active {
border: none !important;
border-right: none !important;
border-left: none !important;
border-top: none !important;
border-bottom: none !important;
box-shadow: none !important;
outline: none !important;
}

.cdh-mm-tabs {
min-width: 1040px !important;
width: 1040px !important;
}

.cdh-mm-tabs .nav-vertical {
flex: 0 0 260px !important;
max-width: 260px !important;
min-width: 260px !important;
width: 260px !important;
padding: 25px 20px !important;
}

.cdh-mm-tabs .tab-panels {
flex: 0 0 780px !important;
max-width: 780px !important;
min-width: 780px !important;
width: 780px !important;
border-left: 1px solid #edf2f7 !important;
}

.cdh-mm-panel-row > .col {
flex: 0 0 260px !important;
max-width: 260px !important;
min-width: 260px !important;
width: 260px !important;
padding: 0 20px !important;
}

.cdh-mm-col-3,
.cdh-mm-col-4 {
border-left: 1px solid #edf2f7 !important;
}

.cdh-mm-tabs .nav-vertical > li.active,
.cdh-mm-tabs .nav-vertical > li.active > a,
.cdh-mm-tabs .nav-vertical > li:hover,
.cdh-mm-tabs .nav-vertical > li > a:hover {
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
border: none !important;
}

.cdh-mm-blog-posts .col {
padding-bottom: 5px !important;
}

.cdh-mm-blog-posts .col-inner {
margin-bottom: -50px !important;
padding-bottom: -50px !important;
}

.cdh-mm-blog-posts .box-vertical {
display: flex !important;
flex-direction: row-reverse !important;
align-items: center !important;
margin-bottom: -50px !important;
}

.cdh-mm-blog-posts .box-vertical .box-image {
width: 38% !important;
float: none !important;
position: relative !important;
left: auto !important;
right: auto !important;
}

.cdh-mm-blog-posts .box-vertical .box-text {
padding-right: 12px !important;
padding-left: 0 !important;
width: 62% !important;
text-align: left !important;
float: none !important;
position: relative !important;
}

.cdh-mm-blog-posts .box-vertical .box-text-inner {
padding: 0 !important;
}

.cdh-mm-blog-posts .post-title {
font-size: 11.5px !important;
font-weight: 700 !important;
color: #1a202c !important;
line-height: 1.25 !important;
margin-bottom: -50px !important;
text-transform: none !important;
}

.cdh-mm-blog-posts .post-title a {
color: #1a202c !important;
}

.cdh-mm-blog-posts .is-divider {
display: none !important;
}

.cdh-mm-tabs .nav-vertical > li > a::before,
.cdh-mm-tabs .nav-vertical > li > a::after {
display: none !important;
content: "" !important;
opacity: 0 !important;
}

.cdh-mm-tabs .nav-vertical > li > a {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
flex-wrap: nowrap !important;
padding: 12px 18px !important;
gap: 0 !important;
position: static !important;
overflow: hidden !important;
}

.cdh-mm-tabs .nav-vertical > li > a .cdh-mm-label {
flex: 1 1 auto !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}

.cdh-mm-arrow {
font-size: 14px;
color: #4a0ba3;
opacity: 0.001; pointer-events: auto !important; -webkit-appearance: none;
transition: opacity 0.2s ease;
flex: 0 0 20px !important;
width: 20px !important;
text-align: right !important;
margin-left: 6px !important;
}

.cdh-mm-tabs .nav-vertical > li.active > a .cdh-mm-arrow,
.cdh-mm-tabs .nav-vertical > li > a:hover .cdh-mm-arrow {
opacity: 1 !important;
}

/* Native Widgets Final Force Override (Mega Menu Grid Fixes) */
.nav-dropdown.nav-dropdown-container-width {
background-color: #fff !important;
padding: 0 !important;
border: none !important;
box-shadow: 0 10px 40px rgba(0,0,0,0.1) !important;
overflow: hidden !important;
}

.nav-dropdown * {
box-sizing: border-box !important;
}

.cdh-mm-tabs {
margin: 0 !important;
display: flex !important;
align-items: stretch !important;
border: none !important;
background: transparent !important;
}

.cdh-mm-tabs .nav-vertical {
flex: 0 0 25% !important;
width: 25% !important;
max-width: 25% !important;
min-width: 25% !important;
padding: 25px 20px !important;
border: none !important;
margin: 0 !important;
background: transparent !important;
}

.cdh-mm-tabs .nav-vertical > li {
border: none !important;
padding: 0 !important;
margin-bottom: 2px !important;
background: transparent !important;
}

.cdh-mm-tabs .nav-vertical > li.active > a {
border: none !important;
box-shadow: none !important;
}

.cdh-mm-tabs .nav-vertical > li > a {
border: none !important;
box-shadow: none !important;
border-radius: 8px !important;
font-size: 13px !important;
font-weight: 600 !important;
color: #4a5568 !important;
text-decoration: none !important;
transition: all 0.2s ease;
background: transparent !important;
text-transform: uppercase !important;
}

.cdh-mm-tabs .nav-vertical > li.active > a,
.cdh-mm-tabs .nav-vertical > li > a:hover {
background: transparent !important;
color: #4a0ba3 !important;
}

.cdh-mm-tabs .tab-panels {
flex: 0 0 75% !important;
width: 75% !important;
max-width: 75% !important;
min-width: 75% !important;
border: none !important;
border-left: 1px solid #edf2f7 !important;
padding: 0 !important;
background: transparent !important;
}

.cdh-mm-tabs .tab-panels .panel {
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}

.cdh-mm-panel-row {
margin: 0 !important;
width: 100% !important;
padding: 25px 0 !important;
display: flex !important;
flex-wrap: nowrap !important;
}

.cdh-mm-panel-row > .col {
flex: 0 0 33.3333% !important;
width: 33.3333% !important;
max-width: 33.3333% !important;
min-width: 33.3333% !important;
padding: 0 20px !important;
margin-bottom: -50px !important;
}

.cdh-mm-panel-row > .col > .col-inner {
padding: 0 !important;
margin: 0 !important;
display: flex !important;
flex-direction: column !important;
height: 100% !important;
}

.cdh-mm-title {
font-size: 11px !important;
font-weight: 700 !important;
color: #718096 !important;
margin: 0 0 25px 0 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}

.nav-dropdown .cdh-mm-sub-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
height: 100% !important;
border: none !important;
background: transparent !important;
box-shadow: none !important;
}

.nav-dropdown .cdh-mm-sub-list li {
margin-bottom: 8px !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
box-shadow: none !important;
border-radius: 0 !important;
}

.nav-dropdown .cdh-mm-sub-list li.active > a,
.nav-dropdown .cdh-mm-sub-list li:hover > a {
background: transparent !important;
color: #4a0ba3 !important;
font-weight: 600 !important;
}

.nav-dropdown .cdh-mm-sub-list li > a {
font-size: 13.5px !important;
color: #4a5568 !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
display: block !important;
font-weight: 400 !important;
padding: 4px 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}

.cdh-mm-col-3 > .col-inner {
background: transparent !important;
border: none !important;
border-radius: 12px !important;
text-align: center !important;
position: relative !important;
overflow: hidden !important;
padding: 30px 0 0 0 !important;
box-shadow: none !important;
justify-content: flex-start !important;
}

.promo-bg-circle {
position: absolute !important;
bottom: -70px !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 240px !important;
height: 240px !important;
border-radius: 50% !important;
display: none !important;
background: linear-gradient(135deg, #e9ddff 0%, #d4bfff 100%) !important;
z-index: 1 !important;
}

.promo-text-wrap {
position: relative !important;
z-index: 2 !important;
padding: 0 25px !important;
margin-bottom: 10px !important;
width: 100% !important;
}

.promo-title {
font-size: 15px !important;
font-weight: 800 !important;
color: black !important;
margin: 0 0 10px !important;
line-height: 1.3 !important;
}

.promo-desc {
font-size: 12.5px !important;
color: #4a5568 !important;
margin: 0 !important;
line-height: 1.5 !important;
}

.promo-img {
position: relative !important;
z-index: 2 !important;
margin-bottom: 10px !important;
max-width: 1000px !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}

.promo-btn {
position: relative !important;
z-index: 2 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
background: transparent !important;
color: #4a0ba3 !important;
font-size: 10.5px !important;
font-weight: 800 !important;
padding: 14px 22px !important;
text-decoration: none !important;
text-transform: uppercase !important;
border-top: none !important;
transition: all 0.2s ease !important;
width: 100% !important;
border-radius: 0 !important;
margin-bottom: -50px !important;
margin-top: auto !important;
}

.promo-btn:hover {
background: transparent !important;
color: #f37021 !important;
}

.feat-item {
transition: background 0.2s !important;
border-radius: 8px !important;
padding: 10px !important;
display: flex !important;
align-items: center !important;
text-decoration: none !important;
margin-bottom: 14px !important;
border: none !important;
background: transparent !important;
box-shadow: none !important;
overflow: hidden !important;
}

.feat-item:hover {
background: #f8fafc !important;
}

.feat-item .box-image {
min-width: 65px !important;
max-width: 65px !important;
height: 55px !important;
border-radius: 6px !important;
overflow: hidden !important;
margin-right: 14px !important;
margin-bottom: -50px !important;
flex-shrink: 0 !important;
}

.feat-item .box-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}

.feat-item .box-text {
padding: 0 !important;
flex: 1 1 0 !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
text-align: left !important;
overflow: hidden !important;
}

.feat-item .box-text h4 {
font-size: 12.5px !important;
font-weight: 700 !important;
color: #1a202c !important;
margin: 0 0 4px 0 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}

.feat-item .box-text p {
font-size: 10.5px !important;
color: #718096 !important;
margin: 0 !important;
line-height: 1.4 !important;
}

.cdh-mm-view-all {
display: inline-block !important;
font-size: 11px !important;
font-weight: 700 !important;
color: #4a0ba3 !important;
text-transform: uppercase !important;
text-decoration: none !important;
letter-spacing: 0.5px !important;
margin-top: auto !important;
padding-top: 25px !important;
border-top: none !important;
width: 100% !important;
margin-bottom: -50px !important;
text-align: left !important;
padding-left: 0 !important;
}

.cdh-mm-view-all:hover {
color: #f37021 !important;
}

.tabbed-content.cdh-mm-tabs .nav-vertical {
box-shadow: none !important;
}

.tabbed-content.cdh-mm-tabs .nav-vertical li.active {
border-right: none !important;
border-left: none !important;
border: none !important;
}

.tabbed-content.cdh-mm-tabs .nav-vertical li.active a {
border-right: none !important;
border-left: none !important;
border: none !important;
}

.tabbed-content.cdh-mm-tabs .nav-vertical {
padding: 25px 25px 25px 25px !important;
}

.tabbed-content.cdh-mm-tabs {
display: grid !important;
grid-template-columns: 25% 75% !important;
width: 100% !important;
}

.tabbed-content.cdh-mm-tabs > .nav-vertical {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
	gap: 2px !important;
    justify-content: flex-start !important;
}

.tabbed-content.cdh-mm-tabs > .tab-panels {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
}

.cdh-mm-panel-row {
display: grid !important;
grid-template-columns: 33.3333% 33.3333% 33.3333% !important;
width: 100% !important;
max-width: 100% !important;
flex: none !important;
}

.cdh-mm-panel-row > .col {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
display: flex !important;
flex-direction: column !important;
}

.cdh-mm-panel-row > .col > .col-inner {
flex: 1 1 auto !important;
width: 100% !important;
display: flex !important;
flex-direction: column !important;
}

.cdh-mm-promo-card .promo-btn {
margin-top: auto !important;
}

/* STREAMING_CHUNK:Trust Utilities & More Core CSS... */
.ww-trust-section-wrap {
background: #fff;
border-bottom: 1px solid #f1f5f9;
}

.ww-trust-item {
border-right: 1px solid #f1f5f9;
}

.ww-trust-item:last-child {
border-right: none;
}

.ww-trust-badge {
padding: 24px 20px !important;
margin: 0 !important;
}

.ww-trust-badge .ux-featured-box-icon {
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
background: rgba(249,115,22,0.1) !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin-right: 14px !important;
}

.ww-trust-title {
font-size: 15px !important;
font-weight: 700 !important;
color: #0f172a !important;
margin: 0 0 4px !important;
line-height: 1.3 !important;
}

.ww-trust-sub {
font-size: 12px !important;
color: #64748b !important;
margin: 0 !important;
line-height: 1.4 !important;
}

.ww-process-card {
padding: 20px 10px !important;
}

.ww-process-card .ux-featured-box-icon {
font-size: 32px !important;
margin-bottom: 15px !important;
}

.ww-process-num {
font-size: 24px !important;
font-weight: 800 !important;
color: #320a51 !important;
margin-bottom: 10px !important;
display: block !important;
}

.cdh-rounded-img img {
border-radius: 12px !important;
}

.cdh-premium-card {
transition: transform 0.3s ease !important;
}

.cdh-premium-card:hover {
transform: translateY(-5px) !important;
}

.cdh-image-card {
transition: transform 0.3s ease !important;
}

.cdh-image-card:hover {
transform: translateY(-5px) !important;
}

.cdh-image-card .cdh-card-img {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
overflow: hidden;
margin-bottom: -50px !important;
}

/* Doctor Profiles Refactored */
.cdh-clean-testimonial .doctor-profile {
font-style: normal !important;
text-align: left;
}

.cdh-clean-testimonial .doctor-position {
font-size: 15px !important;
color: #94a3b8 !important;
margin-bottom: 5px !important;
text-transform: uppercase;
letter-spacing: 1px;
font-style: normal !important;
font-family: 'Inter', sans-serif !important;
}

.cdh-clean-testimonial .doctor-name {
font-size: 32px !important;
color: #f37021 !important;
font-weight: 800 !important;
margin-bottom: 20px !important;
line-height: 1.2 !important;
font-style: normal !important;
}

.cdh-clean-testimonial .doctor-info {
font-size: 15px !important;
color: #e2e8f0 !important;
line-height: 1.6 !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
font-style: normal !important;
font-family: 'Inter', sans-serif !important;
}

.cdh-clean-testimonial .doctor-info > li {
margin-bottom: 12px !important;
padding-left: 0 !important;
display: block !important;
}

.cdh-clean-testimonial .doctor-info > li > strong {
color: #ffffff !important;
font-weight: 600 !important;
display: inline-block;
margin-right: 5px;
}

.cdh-clean-testimonial .li-content-wrapper {
display: inline;
}

.cdh-clean-testimonial .doctor-info ul {
margin-top: 8px !important;
padding-left: 20px !important;
list-style-type: disc !important;
}

.cdh-clean-testimonial .doctor-info ul li {
margin-bottom: 6px !important;
color: #cbd5e1 !important;
}

/* About Us Core Elements */
.cdh-hero-title h1 {
color: white;
font-size: 54px;
font-weight: bold;
margin-bottom: 0;
}

.cdh-pill-label {
display: inline-block;
padding: 6px 20px;
border: 1px solid #e2e8f0;
border-radius: 99px;
font-size: 11px;
font-weight: bold;
color: #4a5568;
letter-spacing: 1px;
margin-bottom: 20px;
text-transform: uppercase;
}

.cdh-heading {
font-size: 42px;
font-weight: 800;
color: #1a202c;
line-height: 1.2;
margin-bottom: 24px;
}

.cdh-heading span {
color: #f37021;
}

.cdh-text-muted {
font-size: 16px;
color: #718096;
line-height: 1.8;
}

.cdh-text-muted a {
color: #1a202c;
font-weight: bold;
}

.cdh-overlap-col {
position: relative;
z-index: 1;
}

.cdh-play-btn.button {
position: absolute !important;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #f37021 !important;
box-shadow: 0 0 0 10px rgba(243,112,33,0.3) !important;
z-index: 10;
margin: 0 !important;
padding: 0 !important;
display: flex;
align-items: center;
justify-content: center;
}

.cdh-play-btn i,
.cdh-play-btn.button i {
font-size: 24px !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
display: flex !important;
align-items: center;
justify-content: center;
}

.cdh-play-btn.button span {
display: none !important;
}

.cdh-pill-card {
transition: transform 0.3s ease;
text-align: center;
}

.cdh-pill-card:hover {
transform: translateY(-5px);
}

.cdh-pill-card h4 {
margin-bottom: 2px;
font-size: 15px;
color: #1a202c;
font-weight: bold;
}

.cdh-pill-card p {
margin-bottom: 0;
font-size: 12px;
color: #718096;
line-height: 1.4;
}

.cdh-cta-heading {
font-size: 36px;
font-weight: 800;
color: #1a202c;
margin-bottom: 24px;
}

.cdh-cta-heading span {
color: #f37021;
}

.cdh-cta-text {
max-width: 800px;
margin: 0 auto 30px;
font-size: 16px;
color: #718096;
line-height: 1.8;
}

.cdh-cta-text-bold {
max-width: 800px;
margin: 0 auto 40px;
font-size: 18px;
font-weight: bold;
color: #1a202c;
}

.cdh-pill-icon-btn.button {
width: 60px;
height: 60px;
padding: 0 !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
margin: 0 auto 15px auto !important;
pointer-events: none;
}

.cdh-pill-icon-btn.button i {
font-size: 24px !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}

.cdh-pill-icon-btn.button span {
display: none !important;
}

.cdh-pill-title h4 {
margin-bottom: 5px;
font-size: 16px;
color: #1a202c;
font-weight: bold;
text-transform: none;
}

.cdh-pill-desc p {
margin-bottom: 0;
font-size: 13px;
color: #718096;
line-height: 1.4;
}

/* Worldwide / Premium Dental Features */
.ww-hero-section {
background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #312e81 100%);
position: relative;
overflow: hidden;
padding: 100px 0 80px;
}

.ww-hero-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(249,115,22,0.15);
border: 1px solid rgba(249,115,22,0.3);
border-radius: 99px;
padding: 8px 20px;
margin-bottom: 30px;
}

.ww-hero-badge p {
margin: 0 !important;
font-size: 12px;
font-weight: 700;
color: #f97316;
text-transform: uppercase;
letter-spacing: 2px;
font-family: 'Inter', sans-serif;
}

.ww-hero-title {
font-size: 62px;
font-weight: 900;
color: #ffffff;
line-height: 1.05;
margin-bottom: 0;
font-family: 'Inter', sans-serif;
letter-spacing: -2px;
}

.ww-hero-title p {
margin: 0 !important;
}

.ww-hero-title span {
color: #f97316;
}

.ww-hero-subtitle {
font-size: 18px;
color: rgba(255,255,255,0.7);
line-height: 1.7;
margin-bottom: 0;
font-family: 'Inter', sans-serif;
}

.ww-hero-subtitle p {
margin: 0 !important;
}

.ww-hero-stat-num {
font-size: 42px;
font-weight: 900;
color: #f97316;
font-family: 'Inter', sans-serif;
letter-spacing: -2px;
line-height: 1;
display: block;
margin-bottom: 4px;
}

.ww-hero-stat-num p {
margin: 0 !important;
}

.ww-hero-stat-label {
font-size: 13px;
color: rgba(255,255,255,0.6);
font-family: 'Inter', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
}

.ww-hero-stat-label p {
margin: 0 !important;
}

.ww-btn-primary .button {
background: linear-gradient(135deg, #f97316, #ea580c) !important;
border-radius: 50px !important;
padding: 14px 40px !important;
border: none !important;
box-shadow: 0 8px 25px rgba(249,115,22,0.35) !important;
transition: all 0.3s ease !important;
}

.ww-btn-primary .button:hover {
transform: translateY(-3px) !important;
box-shadow: 0 12px 35px rgba(249,115,22,0.5) !important;
}

.ww-btn-primary span {
color: #fff !important;
font-weight: 700 !important;
font-size: 15px !important;
}

.ww-btn-secondary .button {
background: transparent !important;
border-radius: 50px !important;
padding: 14px 40px !important;
border: 1px solid rgba(255,255,255,0.3) !important;
transition: all 0.3s ease !important;
}

.ww-btn-secondary .button:hover {
background: rgba(255,255,255,0.1) !important;
border-color: rgba(255,255,255,0.5) !important;
}

.ww-btn-secondary span {
color: #fff !important;
font-weight: 600 !important;
font-size: 15px !important;
}

.ww-hero-image-col {
position: relative;
z-index: 2;
}

.ww-hero-img {
border-radius: 24px;
overflow: hidden;
box-shadow: 0 40px 80px rgba(0,0,0,0.4);
border: 1px solid rgba(255,255,255,0.1);
}

.ww-hero-img img {
width: 100%;
height: 550px !important;
object-fit: cover;
display: block;
}

.ww-hero-badge-float {
position: absolute;
bottom: 40px;
left: -30px;
background: #fff;
padding: 20px 25px;
border-radius: 16px;
box-shadow: 0 20px 40px rgba(0,0,0,0.15);
border-left: 5px solid #f97316;
z-index: 3;
min-width: 200px;
}

.ww-float-num {
font-size: 32px;
font-weight: 900;
color: #f97316;
font-family: 'Inter', sans-serif;
letter-spacing: -1px;
line-height: 1;
display: block;
}

.ww-float-num p {
margin: 0 !important;
}

.ww-float-label {
font-size: 12px;
color: #64748b;
font-family: 'Inter', sans-serif;
font-weight: 500;
line-height: 1.4;
margin-top: 4px;
}

.ww-float-label p {
margin: 0 !important;
}

.ww-trust-section {
background: #fff;
border-bottom: 1px solid #f1f5f9;
}

.ww-trust-item > .col-inner {
display: flex !important;
align-items: center !important;
gap: 16px !important;
padding: 28px 20px !important;
border-right: 1px solid #f1f5f9;
}

.ww-trust-item:last-child > .col-inner {
border-right: none !important;
}

.ww-trust-icon {
width: 50px;
height: 50px;
background: linear-gradient(135deg, #fff7ed, #fed7aa);
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.ww-trust-text-title {
font-size: 15px;
font-weight: 700;
color: #0f172a;
font-family: 'Inter', sans-serif;
margin-bottom: 2px;
}

.ww-trust-text-title p {
margin: 0 !important;
}

.ww-trust-text-sub {
font-size: 13px;
color: #64748b;
font-family: 'Inter', sans-serif;
}

.ww-trust-text-sub p {
margin: 0 !important;
}

.ww-services-section {
background: #f8fafc;
}

.ww-section-eyebrow {
font-size: 12px;
font-weight: 800;
color: #9b3a98;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 12px;
font-family: 'Inter', sans-serif;
display: block;
}

.ww-section-eyebrow p {
margin: 0 !important;
}

.ww-section-title {
font-size: 46px;
font-weight: 900;
color: #0f172a;
letter-spacing: -1.5px;
line-height: 1.1;
font-family: 'Inter', sans-serif;
margin-bottom: 0;
}

.ww-section-title p {
margin: 0 !important;
}

.ww-section-desc {
font-size: 17px;
color: #64748b;
line-height: 1.7;
font-family: 'Inter', sans-serif;
margin-top: 16px;
}

.ww-section-desc p {
margin: 0 !important;
}

.ww-why-section {
background: #fff;
}

.ww-why-image {
border-radius: 24px;
overflow: hidden;
box-shadow: 0 30px 60px rgba(0,0,0,0.1);
}

.ww-why-image img {
width: 100%;
height: 600px !important;
object-fit: cover;
}

.ww-why-badge-float {
position: absolute;
top: 40px;
right: -20px;
background: #fff;
padding: 24px 28px;
border-radius: 16px;
box-shadow: 0 20px 40px rgba(0,0,0,0.12);
border-top: 5px solid #9b3a98;
z-index: 3;
text-align: center;
min-width: 170px;
}

.ww-why-badge-float .num {
font-size: 38px;
font-weight: 900;
color: #9b3a98;
font-family: 'Inter', sans-serif;
letter-spacing: -2px;
display: block;
line-height: 1;
}

.ww-why-badge-float .num p {
margin: 0 !important;
}

.ww-why-badge-float .label {
font-size: 12px;
color: #64748b;
font-family: 'Inter', sans-serif;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-top: 4px;
}

.ww-why-badge-float .label p {
margin: 0 !important;
}

.ww-why-content {
padding-left: 60px !important;
}

.ww-why-feature {
display: flex;
align-items: flex-start;
gap: 20px;
padding: 24px 0;
border-bottom: 1px solid #f1f5f9;
transition: all 0.3s ease;
}

.ww-why-feature:last-child {
border-bottom: none;
}

.ww-why-feature-icon {
width: 56px;
height: 56px;
background: #fff7ed;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: all 0.3s ease;
}

.ww-why-feature:hover .ww-why-feature-icon {
background: #f97316;
}

.ww-why-feature-title {
font-size: 17px;
font-weight: 700;
color: #0f172a;
font-family: 'Inter', sans-serif;
margin-bottom: 4px;
}

.ww-why-feature-title p {
margin: 0 !important;
}

.ww-why-feature-desc {
font-size: 14px;
color: #64748b;
line-height: 1.6;
font-family: 'Inter', sans-serif;
}

.ww-why-feature-desc p {
margin: 0 !important;
}

.ww-process-section {
background: #f8fafc;
}

.ww-process-step > .col-inner {
background: #fff;
border-radius: 20px;
padding: 40px 30px !important;
text-align: center;
box-shadow: 0 4px 20px rgba(0,0,0,0.05);
height: 100%;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
}

.ww-process-step:hover > .col-inner {
transform: translateY(-8px);
box-shadow: 0 20px 50px rgba(0,0,0,0.1);
}

.ww-process-step > .col-inner::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #f97316, #9b3a98);
}

.ww-process-num {
font-size: 64px;
font-weight: 900;
color: #f1f5f9;
font-family: 'Inter', sans-serif;
letter-spacing: -3px;
line-height: 1;
margin-bottom: 20px;
display: block;
}

.ww-process-num p {
margin: 0 !important;
}

.ww-process-icon {
width: 64px;
height: 64px;
background: linear-gradient(135deg, #fff7ed, #fed7aa);
border-radius: 18px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
}

.ww-process-title {
font-size: 18px;
font-weight: 700;
color: #0f172a;
font-family: 'Inter', sans-serif;
margin-bottom: 12px;
}

.ww-process-title p {
margin: 0 !important;
}

.ww-process-desc {
font-size: 14px;
color: #64748b;
line-height: 1.6;
font-family: 'Inter', sans-serif;
}

.ww-process-desc p {
margin: 0 !important;
}

/* Header Utilities */
.ww-header-text h1 {
font-family: 'Inter', sans-serif;
font-size: 56px;
font-weight: 800;
color: #ffffff;
margin-bottom: 25px;
letter-spacing: -1px;
}

.ww-header-text nav.rank-math-breadcrumb {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px 0;
}

.ww-header-text nav.rank-math-breadcrumb p {
font-family: 'Inter', sans-serif;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 0;
display: flex;
align-items: center;
}

.ww-header-text nav.rank-math-breadcrumb p a,
.ww-header-text nav.rank-math-breadcrumb p a span {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
transition: color 0.3s ease;
}

.ww-header-text nav.rank-math-breadcrumb p a:hover,
.ww-header-text nav.rank-math-breadcrumb p a:hover span {
color: #ffffff;
}

.ww-header-text nav.rank-math-breadcrumb .separator {
color: rgba(255, 255, 255, 0.2);
margin: 0 12px;
font-size: 12px;
}

.ww-header-text nav.rank-math-breadcrumb .last {
color: #f97316;
font-weight: 700;
}

/* Science & About Features */
.cdh-vision-text h3 {
font-size: 22px;
font-weight: 800;
color: #0f172a;
font-family: 'Inter', sans-serif;
margin-bottom: 15px;
text-transform: uppercase;
}

.cdh-vision-text p {
font-size: 15px;
color: #64748b;
line-height: 1.7;
margin-bottom: 0;
}

.cdh-core-text h3 {
font-size: 18px;
font-weight: 800;
color: #0f172a;
font-family: 'Inter', sans-serif;
margin-bottom: 8px;
}

.cdh-core-text p {
font-size: 14px;
color: #64748b;
line-height: 1.6;
margin-bottom: 0;
}

.cdh-science-section {
background-color: #f8fafc;
position: relative;
overflow: hidden;
}

.cdh-science-section::after {
content: 'SCIENCE';
position: absolute;
bottom: -40px;
left: 10%;
font-size: 200px;
font-weight: 900;
color: rgba(226, 232, 240, 0.4);
z-index: 0;
pointer-events: none;
font-family: 'Inter', sans-serif;
letter-spacing: -5px;
}

.cdh-science-subtitle {
position: relative;
z-index: 2;
}

.cdh-science-subtitle h5 {
color: #64748b !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
margin-bottom: 20px !important;
display: flex;
align-items: center;
}

.cdh-science-subtitle h5::after {
content: '';
display: inline-block;
width: 40px;
height: 1px;
background: #cbd5e1;
margin-left: 10px;
}

.cdh-science-title {
position: relative;
z-index: 2;
}

.cdh-science-title h2 {
font-size: 32px !important;
font-weight: 800 !important;
color: #0f172a !important;
font-family: 'Inter', sans-serif !important;
line-height: 1.2 !important;
margin-bottom: 40px !important;
}

.cdh-science-stat-num {
position: relative;
z-index: 2;
}

.cdh-science-stat-num h4 {
font-size: 48px !important;
font-weight: 800 !important;
color: #0f172a !important;
margin-bottom: 10px !important;
letter-spacing: -2px !important;
}

.cdh-science-stat-label {
position: relative;
z-index: 2;
}

.cdh-science-stat-label h6 {
color: #64748b !important;
font-size: 15px !important;
font-weight: 600 !important;
margin-bottom: 10px !important;
}

.cdh-science-stat-desc {
position: relative;
z-index: 2;
}

.cdh-science-stat-desc p {
color: #64748b !important;
font-size: 15px !important;
line-height: 1.6 !important;
}

.cdh-science-img-col > .col-inner {
position: relative;
z-index: 2;
padding: 0 30px;
}

.cdh-science-circle-img img {
border-radius: 50% !important;
box-shadow: -40px 40px 0px 0px #bae6fd !important;
max-width: 90% !important;
margin: 0 auto !important;
display: block !important;
}

.cdh-sbox > .col-inner {
padding: 20px !important; 
border-radius: 12px !important;
position: relative !important;
z-index: 2 !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
margin-bottom: 20px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
transition: transform 0.3s ease !important;
}

.cdh-sbox:hover > .col-inner {
transform: translateY(-5px);
}

.cdh-sbox-primary > .col-inner {
background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
}

.cdh-sbox-primary h3 {
color: #ffffff !important;
margin: 0 !important;
font-family: 'Inter', sans-serif !important;
font-size: 24px !important;
font-weight: 700 !important;
}

.cdh-sbox-primary .cdh-sbox-icon {
color: rgba(255,255,255,0.2);
font-size: 40px;
}

.cdh-sbox-secondary > .col-inner {
background: #ffffff !important;
}

.cdh-sbox-secondary h3 {
color: #1e293b !important;
margin: 0 !important;
font-family: 'Inter', sans-serif !important;
font-size: 20px !important;
font-weight: 600 !important;
}

.cdh-sbox-secondary .cdh-sbox-icon {
color: #cbd5e1;
font-size: 40px;
}

.cdh-sbox-tertiary > .col-inner {
background: #e0f2fe !important;
align-items: flex-start !important;
}

.cdh-sbox-tertiary ul {
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
}

.cdh-sbox-tertiary ul li {
font-size: 14px;
color: #334155;
margin-bottom: 8px;
position: relative;
padding-left: 20px;
}

.cdh-sbox-tertiary ul li::before {
content: '✓';
position: absolute;
left: 0;
color: #0284c7;
font-weight: bold;
}

.cdh-sbox-tertiary .cdh-sbox-icon-list {
color: #93c5fd;
font-size: 50px;
position: absolute;
right: 20px;
top: 20px;
}

.cdh-sbox-watermark {
position: absolute !important;
right: 20px !important;
top: 50% !important;
transform: translateY(-50%) !important;
font-size: 70px !important;
z-index: 0 !important;
}

.cdh-sbox-watermark-1 { color: rgba(255,255,255,0.15) !important; }
.cdh-sbox-watermark-2 { color: rgba(0,0,0,0.05) !important; }
.cdh-sbox-watermark-3 { color: rgba(2,132,199,0.1) !important; }

.cdh-sbox-list {
list-style-type: none !important;
margin: 0 !important;
padding: 0 !important;
position: relative;
z-index: 2;
}

.cdh-sbox-list li {
margin-bottom: 12px !important;
font-size: 15px !important;
font-weight: 600 !important;
display: flex;
align-items: center;
}

.cdh-sbox-list li i {
color: #0284c7 !important;
margin-right: 10px !important;
font-size: 18px !important;
}

.cdh-sbox-title {
margin: 0 !important;
font-size: 20px !important;
font-weight: 800 !important;
font-family: 'Inter', sans-serif !important;
position: relative;
z-index: 2;
}

.cdh-core-card-text {
padding: 0 30px;
text-align: left;
}

.cdh-core-card-text h3 {
margin: 0 0 15px 0 !important;
font-size: 20px !important;
font-weight: 800 !important;
font-family: 'Inter', sans-serif !important;
color: #0f172a !important;
}

.cdh-core-card-text p {
color: #64748b !important;
font-size: 15px !important;
line-height: 1.6 !important;
margin-bottom: 20px !important;
}

.cdh-core-card-text a {
color: #f97316 !important;
font-size: 13px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
text-decoration: none !important;
}

.cdh-fa-icon-card {
text-align: center;
font-size: 50px;
color: #320a51;
margin: 30px 0 20px 0;
}

.cdh-card-image {
width: 100%;
height: 220px;
object-fit: cover;
border-radius: 10px 10px 0 0;
display: block;
margin-bottom: 25px;
}
.cdh-feature-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cdh-feature-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
    gap:3px;
}

.cdh-feature-list li:last-child {
    margin-bottom: 0;
}

.cdh-check-icon {
    color: #320a51;
    font-size: 1.2em;
    margin-top: 3px;
    margin-right: 10px;
    flex-shrink: 0;
}

.cdh-feature-text {
    font-weight: 500;
}
/* ==========================================================================
2. RESPONSIVE (MOBILE & TABLETS)
========================================================================== */

/* STREAMING_CHUNK:Responsive Blocks... */
@media (min-width: 850px) {
.cdh-overlap-col {
margin: -180px 0px 0px auto !important;
}
}

@media (max-width: 1024px) {
.trt-hero {
min-height: 650px;
}

.trt-hero-title { 
    font-size: 60px; 
}

.trt-title, 
.trt-cta-title { 
    font-size: 44px; 
}

.trt-stat-num { 
    font-size: 40px; 
}

.cdh-title { 
    font-size: 48px; 
}

.cdh-cards { 
    position: relative !important; 
    bottom: -50px !important; 
    transform: none !important; 
    left: 0 !important; 
    width: 100% !important; 
    margin-top: 50px !important; 
}

.cdh-hero-wrapper { 
    padding-bottom: 50px; 
    margin-bottom: -50px !important; 
}

.cdh-about-content { 
    padding-left: 15px !important; 
    margin-top: 60px; 
}

.cdh-about-badge { 
    left: 15px; 
    bottom: -20px; 
    padding: 20px; 
}

.cdh-cta-text-col { 
    padding: 40px !important; 
}

.cdh-info-col > .col-inner { 
    padding: 20px 30px 20px 0; 
}

.cdh-info-col-2 > .col-inner { 
    padding: 20px 0 20px 30px; 
}

.cdh-info-col { 
    padding-right: 0 !important; 
    margin-bottom: 50px; 
}

.cdh-sync-cards .flickity-slider > .slide { 
    width: 280px !important; 
}

.my-hero-left { 
    padding: 40px 25px 40px 30px !important; 
}

.my-hero-headline h1 { 
    font-size: 40px !important; 
}


}

@media (max-width: 849px) {
.cdh-cards-swiper-container .swiper-slide {
width: 260px !important;
height: 320px !important;
}

.cdh-swiper-right .swiper { 
    clip-path: inset(-50px -50vw -50px -50vw); 
}

.cdh-swiper-nav { 
    justify-content: center; 
    margin-top: 20px; 
}

.my-hero-left { 
    max-width: 100%; 
    padding: 35px 20px 25px !important; 
}

.my-hero-right-img { 
    min-height: 300px; 
    height: 300px; 
}

.my-hero-headline h1 { 
    font-size: 34px !important; 
}

.my-fc { 
    border-bottom: 1px solid #e8e8e8; 
    border-right: none; 
}

.ww-hero-title { 
    font-size: 38px !important; 
}

.ww-hero-section { 
    padding: 60px 0 50px !important; 
}

.ww-hero-img img { 
    height: 320px !important; 
}

.ww-section-title { 
    font-size: 32px !important; 
}

.ww-why-content { 
    padding-left: 0 !important; 
}

.ww-why-image img { 
    height: 220px !important; 
}

.ww-cta-title { 
    font-size: 34px !important; 
}

.ww-stat-num { 
    font-size: 44px !important; 
}


}

.step-number {
    font-size: 150px;
    font-weight: 800;
    line-height: 0.85;
    color: #d5d5d5;
    letter-spacing: -4px;
    user-select: none;
}
.step-label {
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 22px;
    background: #f97316;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.abtrur {
position: absolute;
     top: 200px;
   left: -770px;
}
.tab-connect .nav.nav-vertical li {
    padding-top:25px;
}

.cc-home-title{
    color: #9b3a98;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 14px;
    text-transform: uppercase;
}
.cc-home-text{
    font-size: 15px;
    color: #5a6a80;
    line-height: 1.75;
    margin-bottom: 25px;
}

.ip-record-item-new {
border-radius: 12px;
  padding: 14px 20px !important;
  display: flex !important;
  align-items: center;
  flex-direction: row;
}
.ip-record-title-new {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin-bottom: 2px !important;
  line-height: 1.2 !important;
}
.ip-record-desc-new {
  font-size: 11px !important;
  color: rgba(255,255,255,0.4) !important;
  margin-bottom: -50px !important;
}
.ip-feature-icon { font-size: 22px; }
.ip-feature-title h5 { font-size: 13px !important; font-weight: 700; color: #363636; margin-bottom: -50px !important; }
.ip-feature-desc p { font-size: 12px !important; color: #474747; margin-top: 3px !important; margin-bottom: -50px !important; }
.ip-mockup-card {
  background: #9b3a98!important;
  border-radius: 24px;
  padding: 44px 40px !important;
  position: relative;
  overflow: hidden;
  box-shadow: 0 30px 80px rgb(0 0 0 / 25%);
}
.ip-mockup-card::before, .ip-mockup-card::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.ip-mockup-card::before {
  top: -40px; right: -40px; width: 200px; height: 200px; background: rgb(244 149 207 / 10%);
}
.ip-mockup-card::after {
 bottom: -30px; left: -30px; width: 150px; height: 150px; background: rgb(244 149 207 / 10%);
}
.ip-mockup-hospital p {
  font-size: 11px !important; font-weight: 700; letter-spacing: 3px; color: #ffffff; text-transform: uppercase; margin-bottom: 8px; text-align: center;
}
.ip-mockup-title h3 {
  font-size: 24px !important; font-weight: 900; color: #fff; letter-spacing: 1px; text-align: center; margin-bottom: 0;
}
.ip-mockup-title h3::after {
  content: ""; display: block; width: 60px; height: 2px; background: #ffffff; margin: 16px auto 30px;
}
.ip-mockup-row {
  margin-bottom: 5px !important; padding-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,0.05); display: flex; align-items: center;
}
.ip-mockup-row:last-child {
  margin-bottom: -50px !important; padding-bottom: 0; border-bottom: none;
}
.ip-mockup-label p { font-size: 15px !important; color: #fff !important; font-weight: 700 !important; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 4px !important; }
.ip-mockup-desc p { font-size: 13px !important; color: rgba(255,255,255,0.7) !important; margin-bottom: -50px !important; line-height: 1.5; }
.ip-mockup-value p { font-size: 15px !important; color: #fff !important; font-weight: 700 !important; font-family: monospace; text-align: right; margin-bottom: -50px !important; line-height: 1; }
.ip-mockup-btn {
  margin-top: 16px !important; border-radius: 8px !important; border-color: rgb(255 255 255 / 49%) !important; color: #ffffff !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1px !important; background: rgb(255 255 255 / 11%) !important; width: 100%;
}
.ip-mockup-btn:hover {
  background: rgba(201,168,76,0.1) !important;
}
/* Benefit Cards (Why It Matters) */
.ip-benefit-card {
  background: #fff; border-radius: 12px; padding: 10px 10px !important; border: 1px solid rgba(26,26,92,0.08); box-shadow: 0 2px 12px rgba(26,26,92,0.05); margin-bottom: 14px !important; display: flex; align-items: center;
}
.ip-benefit-icon {
  min-width: 32px; height: 32px; border-radius: 8px; background: #9b3a98; display: flex; align-items: center; justify-content: center;
}
.ip-benefit-icon i {
  color: #ffffff; font-size: 13px;
}
.ip-benefit-title h4 {
  font-size: 15px !important; font-weight: 700; color: #1a1a5c; margin-bottom: 3px !important;
}
.ip-benefit-desc p {
  font-size: 12px !important; color: #7a8aa0; margin: 0; line-height: 1.5;
}
.ip-benefit-text-col {
    padding: 0;
}
.ip-benefit-icon-col {
    padding-bottom: 0;
}
/* 3 Record Cards */
.ip-record-box {
  position: relative; background: #ffffff !important; border-radius: 16px; padding: 40px !important; box-shadow: 0 10px 40px rgba(26, 26, 92, 0.05); border: 1px solid rgba(26, 26, 92, 0.05); overflow: hidden; margin-bottom: 30px !important;
}
.ip-record-box.ip-card-featured {
  background: linear-gradient(145deg, #1a1a5c 0%, #0e122a 100%) !important;
}
.ip-card-heading h3 { font-size: 22px !important; font-weight: 800; color: #1a1a5c; margin-bottom: 12px; }
.ip-card-heading-white h3 { font-size: 22px !important; font-weight: 800; color: #fff; margin-bottom: 12px; }
.ip-card-desc p { font-size: 15px !important; color: #5a6a80; line-height: 1.7; margin-bottom: 0; }
.ip-card-desc-white p { font-size: 15px !important; color: rgba(255,255,255,0.6); line-height: 1.7; margin-bottom: 0; }
/* ConnectedCare Pills */
.ip-pill-btn {
  border-radius: 50px !important; border-color:#0a0a0a !important; background: rgba(255,255,255,0.08) !important; color: #0a0a0a !important; font-size: 13px !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important; margin: 4px 6px !important; padding: 2px 22px !important;
}
.ip-pill-btn:hover { background: rgba(255,255,255,0.15) !important; }
.ip-pill-btn-gold {
  border-radius: 50px !important; border-color: #f68121 !important; background:#f68121 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; margin: 4px 6px !important; padding: 2px 22px !important;
}
.ip-pill-btn-gold:hover { background: #f68121 !important; }
/* Record Cards Section */
.ip-record-card {
  background: #fff;
  border: 1px solid rgba(26,26,92,0.08);
  border-radius: 20px;
  padding: 36px 30px !important;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(26,26,92,0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
}
.ip-record-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(26,26,92,0.12);
}
.ip-card-title {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #1a1a5c !important;
  margin-bottom: 10px !important;
  position: relative;
  z-index: 1;
}
.ip-card-desc {
  font-size: 14px;
  color: #3e3e3e;
  line-height: 1.7;
  margin-bottom: 22px;
  position: relative;
  z-index: 1;
}
.ip-card-list {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 1;
}
.ip-card-list li {
  font-size: 13.5px;
  color: #333;
  padding: 7px 0;
  border-bottom: 1px solid rgba(26,26,92,0.05);
  padding-left: 18px;
  position: relative;
}
.ip-card-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #f68121;
}
.ip-card-list li:last-child {
  border-bottom: none;
}
.image-ips {
    padding: 0;
}
/* ConnectedCare Premium Card Styles (Homepage Right Column) */
.cc-premium-card {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  padding: 20px 20px;
  overflow: hidden;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  transition: transform 0.4s ease, border-color 0.4s ease;
  text-align: left;
}
.cc-premium-card:hover {
  transform: translateY(-8px);
  border-color: #ffffff42;
}
.cc-premium-glow {
  position: absolute;
  top: -50%;
  right: -50%;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  filter: blur(30px);
  pointer-events: none;
}
.cc-premium-content {
  position: relative;
  z-index: 2;
}

.cc-premium-title {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
.cc-premium-desc {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 16px;
}
.cc-stats-grid {
  display: flex;
  gap: 24px;
  border-top: 1px solid rgb(255 255 255 / 6%);
  padding-top: 14px;
}
.cc-stat-item {
  display: flex;
  flex-direction: column;
}
.cc-stat-num {
  font-size: 24px;
  font-weight: 800;
  background: #ffffff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 2px;
}
.cc-stat-label {
  font-size: 10px;
  font-weight: 600;
  color: #bdb7c8;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}               
.my-hero-section {
    height: 430px;
}

.image-ips { align-self: flex-end !important; }
.image-ips .img { margin-bottom: 40px !important; }
.image-ips .img-inner { margin-bottom: 15px !important; }
  .hospital-slogan {
    text-align: center;
}

.hospital-name {
    font-size: 23px;
    font-weight: 800;
    color: #662D91;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.hospital-tagline {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: #f97316;
}
@media only screen and (max-width: 48em) {
.boxinfodnbacsi {
padding-top: 35px;
}

.is-divider { 
    display: none; 
}
.cdh-services-section.cdh-services-section
.trt-tabs.trt-tabs
ul.nav.nav
> li.active
> a,
.cdh-services-section.cdh-services-section
.trt-tabs.trt-tabs
ul.nav.nav
> li:not(.active)
> a {
    font-size: 9px !important;
    padding: 3px 10px !important;
}

}

@media (max-width: 767px) {


	.cdh-stat-num {
		font-size: 28px;
	}
.my-hero-section {
        height: auto;
    }
.image-ips { 
		align-self: flex-end !important; 
	}
.image-ips .img { 
	margin-bottom: -20px !important; }
	.image-ips .img-inner { 
	margin-bottom: 15px !important;
	}
	.trt-hero {
min-height: 500px;
padding: 100px 0;
}

.trt-hero-title { 
    font-size: 38px; 
}

.trt-hero-subtitle { 
    font-size: 16px; 
}

.trt-title, 
.trt-cta-title { 
    font-size: 36px; 
}

.trt-img-wrapper { 
    margin-bottom: 40px; 
}

.trt-process-row::before { 
    left: 50%; 
    top: 0; 
    width: 2px; 
    height: 100%; 
    border-top: none; 
    border-left: 2px dashed rgba(74,11,163,0.3); 
    margin-left: -1px; 
}

.trt-process-step { 
    margin-bottom: 40px; 
}

.trt-time-icon { 
    margin: 0 auto 20px; 
}

.trt-cta-box { 
    padding: 50px 30px; 
    border-radius: 24px; 
    text-align: center; 
}

.trt-section { 
    padding: 70px 0; 
}

.fixed-contact-bar .boxcontact-btn { 
    font-size: 13px; 
    padding: 0px 0px; 
}

.boxcontact-btn a.contact-btn { 
    display: inline-grid; 
    justify-items: center !important; 
    padding-bottom: 2px; 
    width: 100%; 
    border-radius: 0px; 
    background-color: #9b3a98; 
}

.fixed-contact-bar .contact-btn img { 
    width: 20px; 
    height: 20px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
}

.boxcontact-btn > a > span { 
    display: none; 
}

.full-background { 
    height: 100%; 
    align-items: center; 
}

.cdh-image { 
    height: 400px; 
}

.cdh-left { 
    padding-right: 0 !important; 
    margin-bottom: 30px; 
}

.cdh-cta-container { 
    border-radius: 0; 
    margin: 0 15px; 
    width: auto !important; 
}

.cdh-cta-text-col { 
    padding: 40px 20px !important; 
    text-align: center; 
}

.cdh-cta-desc { 
    max-width: 100%; 
}

.cdh-cta-image-col { 
    padding: 0 20px 40px !important; 
}

.cdh-cta-img-1 .img-inner { 
    transform: translateY(0); 
    margin-bottom: 20px; 
    height: 250px; 
}

.cdh-cta-img-2 .img-inner { 
    transform: translateY(0); 
    height: 250px; 
}

.cdh-cta-images img { 
    height: 220px !important; 
}

.cdh-info-col > .col-inner { 
    padding: 0 !important; 
    margin-bottom: 40px; 
}

.cdh-info-col-2 > .col-inner { 
    border-left: none !important; 
    padding: 0 !important; 
}

.cdh-sync-cards .flickity-slider > .slide { 
    width: 240px !important; 
}

.cdh-sync-cards .slide .banner { 
    height: 360px !important; 
}

.cdh-dots-bg { 
    padding: 20px !important; 
}

.cdh-info-section { 
    padding: 20px !important; 
}

.hotlinetop { 
    font-size: 15px !important; 
}

.emailtop { 
    font-size: 13px !important; 
}

.header-button-2 .button, 
.header-button-1 .button { 
    padding: 0 15px !important; 
    font-size: 12px !important; 
}

.cdh-clean-testimonial .doctor-name { 
    font-size: 24px !important; 
}

.cdh-cf7-wrapper { 
    padding: 20px !important; 
}

.ww-hero-title { 
    font-size: 42px; 
    line-height: 1.1; 
}

.ww-hero-subtitle { 
    font-size: 16px; 
}

.ww-hero-stat-num { 
    font-size: 32px; 
}

.ww-hero-stat-label { 
    font-size: 12px; 
}

.ww-why-left { 
    padding-bottom: -50px !important; 
}

.ww-why-badge-float { 
    bottom: 20px; 
    left: 20px; 
    right: 20px; 
    text-align: center; 
}

.ww-why-content { 
    padding: 40px 20px !important; 
}

.ww-section-title { 
    font-size: 36px; 
}

.cdh-service-col { 
    margin-bottom: 30px; 
}

.ww-process-section { 
    padding: 60px 20px !important; 
}

.ww-process-step { 
    margin-bottom: 40px; 
}


}
/*-------------giaodienmoi------------*/

.wwh-col-stats .col-inner.dark::after {
    content: "" !important;
    position: absolute !important;
    top: -0.5px !important;
    right: -10px !important;
    bottom: -0.5px !important;
    left: -10px !important;
    border-radius: 19px !important;
    background: #000000 !important;
    clip-path: polygon(
        3% 0,
        97% 0,
        100% 3%,
        100% 97%,
        97% 100%,
        3% 100%,
        0 97%,
        0 3%
    ) !important;
    z-index: -1 !important;
	
}

.wwh-col-stats .col-inner.dark > * {
    position: relative !important;
    z-index: 2 !important;
}

.wwh-stats-row .col {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.wwh-col-about .col-inner.dark {
    position: relative !important;
    z-index: 5 !important;
    overflow: hidden !important;
}
.wwh-col-about .col-inner.dark::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background-image: url("https://worldwidehospital.com/wp-content/uploads/2026/08/Sanh-ww-scaled.webp") !important;
    background-size: cover !important;
    background-position: calc(50% - 20px) center !important;
    background-repeat: no-repeat !important;
    z-index: -1 !important;
    transition: transform 0.4s ease !important;
}
.wwh-col-about:hover .col-inner.dark::before {
    transform: scale(1.05) !important;
}

.wwh-col-about .col-inner.dark::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(
        180deg,
        #320a51d6 0%,
        rgb(100 50 145 / 40%) 50%,
        rgb(100 50 145 / 0%) 100%
    ) !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

.wwh-col-about .col-inner.dark > * {
    position: relative !important;
    z-index: 1 !important;
}

.wwh-col-why {
    z-index: 5 !important;
}

.wwh-stats-row {
    display: flex !important;
    flex-wrap: nowrap !important;
	 height:600px;
}

.wwh-stats-row > .wwh-col-about,
.wwh-stats-row .col.wwh-col-about {
    width: 37% !important;
    flex: 0 0 37% !important;
    max-width: 37% !important;
}
.wwh-col-stats .col-inner {
    height:640px;
}
/*----------------section-3------------------*/
.wwh-stats-row > .wwh-col-stat,
.wwh-stats-row .col.wwh-col-stat {
    width: 26% !important;
    flex: 0 0 26% !important;
    max-width: 26% !important;
}

.wwh-stats-row > .wwh-col-why,
.wwh-stats-row .col.wwh-col-why {
    width: 37% !important;
    flex: 0 0 37% !important;
    max-width: 37% !important;
}

.wwh-journey-card {
    position: relative;
    overflow: hidden;
}

.wwh-journey-card::after {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        90deg,
        #000000 0%,
        #07010ccf 10%,
        #00000045 40%,
        #0000003d 60%,
        #0000001c 80%,
        #0000003d 100%
    ) !important;

    z-index: 1;
    pointer-events: none;
}
.wwh-journey-card-1{
  background: linear-gradient(
    135deg,
    #0C0016 0%,
    #6100AC 100%
);  
}
.img-col-ww {
    padding: 0 !important;
}
.wwh-journey-card .col-inner,
.wwh-journey-card .text-box {
    position: relative;
    z-index: 2;
}
.wwh-journey-card {
    border-radius: 10px;
}
.wwh-journey-card-1{
	    border-radius: 10px;
}
.section-2-ww {
    padding: 0 !important;
}
.section-2-ww .row-small>.col, .row-small>.flickity-viewport>.flickity-slider>.col{
padding-bottom:10px;
}
/*---------------end-section-3------------------*/
/*--------------section-4----------------*/
/* =========================
   WWH FEATURE ITEM
========================= */
.wwh-feature-item {
    display: grid;
    grid-template-columns: 28px 1fr;
    column-gap: 0px;
    align-items: start;
    margin-bottom: 15px;
}
/* Icon check */
.wwh-feature-item > p:first-child {
    margin: 4px 0 0;
    line-height: 1;
}
.wwh-feature-item > p:first-child i {
    font-size: 15px;
    color: #e5d0f6 !important;
}
/* Title */
.wwh-feature-item h3 {
    grid-column: 2;
    margin: 0 0 5px;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 600;
    color: #ffffff;
}
/* Description */
.wwh-feature-item h3 + p {
    grid-column: 2;
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.72);
}
/* Hover */
.wwh-feature-item {
    transition: transform 0.3s ease;
}
.wwh-feature-item:hover {
    transform: translateX(5px);
}
.wwh-feature-item:hover i {
    text-shadow: 0 0 12px rgb(0 0 0 / 70%);
}
.col-button-ww {
    padding-bottom: 20px;
}
/*------------end-section-4-----------------*/
/*---------------section-5-----------------*/
.wwh-passport-img {
    position: absolute !important;
    overflow: visible !important;
    top:-180px;
}
.wwh-passport-img img {
    width: 110% !important;
    max-width: none !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-40%) !important;
}
/* =========================
   BEFORE & AFTER CARD
========================= */

/* =========================
   IMPLANT PASSPORT
========================= */

.wwh-before-after {
    padding: 28px 24px !important;
	padding-bottom: 0px !important;
    border-radius: 0 !important;
    color: #fff !important;
    position: relative !important;
    overflow: hidden !important;
}


/* =========================
   TITLE
========================= */

.wwh-before-after h2 {
    color: #fff !important;
    font-size: 45px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    margin: 0 0 8px !important;
    letter-spacing: -1px !important;
}

/* Implant Passport™ màu tím */
.wwh-before-after h2 span {
    color: #b99cff !important;
}
/* =========================
   SUBTITLE
========================= */
.wwh-before-after .subtitle {
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    font-style: normal !important;
    margin: 5px !important;
}
/* =========================
   THREE BENEFITS
========================= */
.wwh-before-after h3 {
    color: #f2b8c7 !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    margin: 0 0 12px !important;
}
/* =========================
   LIST
========================= */
.wwh-before-after ul {
    list-style: none !important;
    padding-left: 20px !important;
    margin: 0;
}
/* Xóa br trong list */
.wwh-before-after ul br {
    display: none !important;
}
/* =========================
   LIST ITEM
========================= */
.wwh-before-after li {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
}
/* =========================
   CHECK ICON
========================= */
.wwh-before-after li i {
    color: #D8B36A !important;
    font-size: 15px !important;
    margin-top: 0 !important;
    flex-shrink: 0 !important;
}
/* =========================
   MAIN TEXT
========================= */
.wwh-before-after li strong {
    display: block !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
    color: #bcaaf4 !important;
}
/* =========================
   SMALL DESCRIPTION
========================= */
.wwh-before-after li span {
    display: block !important;
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
}
/* =========================
   LEARN MORE
========================= */
.wwh-before-after .see-more {
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
}
.wwh-before-after .see-more:hover {
    color: #c6a8ff !important;
}
.section-implant-passport{
    background:rgb(48, 17, 75);
    border-radius:15px;
	height:350px;
}
.wwh-before-after::after {
    content: "" !important;
    position: absolute !important;
    width: 180px !important;
    height: 180px !important;
    background-image: url("https://worldwidehospital.com/wp-content/uploads/2026/08/implant-ww-passport.png") !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    right: 20px !important;
    bottom: 15px !important;
    z-index: 10 !important;
    pointer-events: none !important;
}
.wwh-section-2 .wwh-before-after::after {
    display:none;
}
 .icon-box-2 .icon-box-text.last-reset {
    font-weight: 500;
    text-align: center !important;
    font-size:15px;
}
.wwd-process-line {
    position: absolute;
    top: -105px;
    left: 8%;
    right: 8%;
    height: 3px;
    background: #c8baff;
    z-index: -1;
}

.wwd-process-dot {
    width: 14px;
    height: 14px;
    margin: 0 auto;
    background: #fff;
    border: 3px solid #c8baff;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #f1edff;
}
.google-review-card {

    background: #eeeeee;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding:16px !important;
    justify-content: center;
    box-sizing: border-box;
}
.google-review-score {
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    color: #111;
    margin-bottom: 5px;
}

.google-review-stars {
    gap: 5px;
    color: #ffad00;
    font-size: 20px;
    line-height: 1;
}
.wwh-tech-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgb(0 0 0 / 72%) 10%,
        rgb(0 0 0 / 48%) 35%,
        rgba(0, 0, 0, 0) 65%
    );
    pointer-events: none;
    z-index: 1;
	border-radius: 15px;
}
.wwh-tech-card .banner-bg.fill {
    border-radius: 15px;
}
.wwh-tech-card {
    border-radius: 25px;
}
.text-box-section-11{
    z-index:2;
}
/*---------end-section5-----------------*/
.met-our-team br{
    display:none
}
.wwh-doctors-title span {
    color: #aaa0ff;
}
.wwh-doctor-specialty {
    margin: 0 0 22px;
}
.wwh-doctor-specialty strong {
    display: block;
    font-size: 21px;
    line-height: 1.1;
    font-weight: 600;
    color: #1f1f1f;
}
.wwh-doctor-specialty span {
    display: block;
    font-size: 18px;
    line-height: 1.2;
    color: #aaa0ff;
}
.button-meet-our-team{
    display: inline-block;
    font-size: 25px;
    line-height: 1.1;
    font-weight: 700;
    color: #aaa0ff !important;
    text-decoration: none;
    text-transform: capitalize;
    padding: 0 !important;
    margin: 0 !important;
}
.wwh-btn-purple {
    display: inline-flex;
    align-items: center;
    
    height: 50px;
    padding: 4px 5px 4px 20px;
    
    background: #A99AF8 !important;
    border-radius: 50px;
    
    color: #fff !important;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    
    transition: all 0.3s ease;
}

.wwh-btn-purple::after {
    content: "\f105";
    font-family: "FontAwesome" !important;
    width: 40px;
    height: 40px;
    margin-left: 12px;
    line-height: 1;
    transition: transform 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
}

.wwh-btn-purple:hover {
    background: #9B8AED !important;
    transform: translateY(-2px);
}

.wwh-btn-purple:hover::after {
    transform: translateX(3px);
}
.faq-ww .nav-vertical.nav-tabs > li.active > a, .scroll-to-bullets a.active, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner, .accordion-title.active, .featured-table, .is-outline:hover, .tagcloud a:hover, blockquote, .has-border, .cart-icon strong:after, .cart-icon strong, .blockUI:before, .processing:before, .loading-spin, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover{
	  border-color: #A99AF8 !important;
}
.faq-ww .accordion-title{
	border-top: 1px solid #A99AF8 !important;
}
.faq-ww .accordion-title.active{
	background:transparent;
}
.faq-ww .accordion-title  span{
    position: relative !important;
    color: black;
        font-weight:600;
}
.faq-ww .accordion-title .toggle {
    position: absolute !important;
    right: 15px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    width: 30px !important;
    height: 30px !important;
    background: transparent !important;
    border: none !important;
}
.faq-ww .accordion-title .toggle i {
    display: none !important;
}
.faq-ww .accordion-title .toggle::before {
    content: "+" !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    color: #A99AF8 !important;
    background: transparent !important;
    border: 1px solid #C8BAFF !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
}
.faq-ww .accordion-title.active .toggle::before {
      content: "-" !important;
      color: #fff !important;
      background: #A99AF8 !important;
      border-color: #A99AF8 !important;
  }


 .ww-brand{
    padding-right: 40px;
    border-right: 1px solid rgba(255,255,255,0.16);
  }

  .ww-logo{
    margin-bottom: 36px;
  }
  .ww-logo-img{
    max-width: 260px;
    height: auto;
    display:block;
  }

  .ww-brand h4{
    font-size:14px;
    color:#b6a7dd;
    font-weight:500;
    margin:0 0 12px;
  }
  .ww-contact-row{
    font-size:15px;
    margin-bottom:6px;
    color: white;
    font-weight:400;
  }
  .ww-contact-row strong{
    color:#ffffff;
    font-weight:700;
    margin-left:6px;
    font-size:19px;
    letter-spacing:.3px;
  }

  .ww-follow{ margin-top:32px; }
  .ww-follow h4{
    font-size:14px;
    color:#b6a7dd;
    font-weight:500;
    margin:0 0 14px;
  }
  .ww-social{ display:flex; gap:12px; }
  .ww-social a{
    width:38px;height:38px;
    border-radius:50%;
    background: rgba(255,255,255,0.14);
    display:flex;align-items:center;justify-content:center;
    color:#ffffff;
    text-decoration:none;
    transition: background .2s ease;
  }
  .ww-social a:hover{ background: rgba(255,255,255,0.28); }
  .ww-social i{ font-size:16px; }

  .ww-cta{
    margin-top:36px;
    display:inline-flex;
    align-items:center;
    gap:16px;
    background: #A99AF8;
    color: #ffffff;
    font-weight:700;
    font-size:15px;
    padding:6px 6px 6px 26px;
    border-radius:40px;
    border:none;
    cursor:pointer;
    text-decoration:none;
  }
.ww-cta:hover{
  color:white;
}
.ww-directions:hover{
color:white;
}
  .ww-cta .arrow{
    width:38px;
    height:38px;
    border-radius:50%;
    background: rgb(149, 132, 242);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    flex-shrink:0;
  }

  /* ---------- Column 2 ---------- */
  .ww-links{
    padding-right:40px;
    border-right: 1px solid rgba(255,255,255,0.16);
  }
  .ww-links h4{
    font-size:15px;
    font-weight:600;
    color:#ffffff;
    margin:0 0 18px;
  }
  .ww-links ul{
    list-style:none;
    margin:0 0 34px;
    padding:0;
  }
  .ww-links ul:last-child{ margin-bottom:0; }
  .ww-links li{ margin-bottom:13px; }
  .ww-links a{
    color:#b6a7dd;
    text-decoration:none;
    font-size:14.5px;
  }
  .ww-links a:hover{ color:#ffffff; }

  /* ---------- Column 3 ---------- */
  .ww-visit .section-title{
    font-size:15px;
    font-weight:600;
    color:#ffffff;
    margin:0 0 22px;
  }
  .ww-visit-block{ margin-bottom:26px; }
  .ww-visit-block:last-child{ margin-bottom:0; }
  .ww-visit-block .country{
    font-weight:600;
    font-size:15px;
    color:#ffffff;
    margin-bottom:8px;
  }
  .ww-visit-block .row{
    font-size:14px;
    color:#b6a7dd;
    line-height:1.75;
  }
  .ww-visit-block .row b{ color:#ffffff; font-weight:600; }
  .ww-visit-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
  }
  .ww-directions{
    color:#ffffff;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    white-space:nowrap;
  }
  .ww-hours-label{
    font-size:12px;
    color:#8f7ec0;
    margin-top:12px;
    margin-bottom:3px;
  }
  .ww-hours{
    font-size:13.5px;
    color:#b6a7dd;
    line-height:1.65;
  }
.contact-hotline {
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 1.4;
}

.contact-hotline__title {
    color: #111;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 2px;
}

.contact-hotline__row {
    display: flex;
    align-items: center;
}

.contact-hotline__country {
    width: auto;
    margin-right: 5px;
    color: #888;
}

.contact-hotline__number {
    color: #777;
    text-decoration: none;
}

.contact-hotline__number:hover {
    color: #222;
}
/*--*//*=================================*/
/*--*//*=================================*/
/*--*//*=================================*/
/*--*//*=================================*/
/*--*//*=================================*/
/*=================================only-css-tablet==============================*/
@media (min-width: 768px) and (max-width: 834px) {
    .wwd-process-line {
        position: absolute;
        top: -127px;
        left: 8%;
        right: 8%;
        height: 3px;
        background: #c8baff;
        z-index: -1;
    }
}
/*--*//*=================================*/
/*--*//*=================================*/
/*--*//*=================================*/
/*=================================only-css-mobile==============================*/
@media (max-width: 549px) {
.cdh-cards-swiper-container .swiper-slide {
width: 220px !important;
height: 220px !important;
}
.wwd-process-line,
    .wwd-process-dot {
        display: none !important;
    }
.cdh-swiper-nav button { 
    width: 44px; 
    height: 44px; 
    font-size: 20px; 
}

.my-hero-headline h1 { 
    font-size: 26px !important; 
    letter-spacing: -0.5px !important; 
}

.my-hero-left { 
    padding: 25px 16px 20px !important; 
}

.my-cta-row .col-inner { 
    display: flex; 
    flex-direction: column; 
}

.my-cta-row .button { 
    width: 100%; 
    justify-content: center; 
}

.ww-hero-title { 
    font-size: 30px !important; 
    letter-spacing: -1px !important; 
}

.ww-hero-stat-num { 
    font-size: 30px !important; 
}

.ww-trust-item > .col-inner { 
    border-right: none !important; 
    border-bottom: 1px solid #f1f5f9 !important; 
}

.ww-stat-item > .col-inner { 
    border-right: none !important; 
    border-bottom: 1px solid rgba(255,255,255,0.08) !important; 
}

.ww-cta-title { 
    font-size: 26px !important; 
}

.ww-why-badge-float { 
    display: none; 
}


}
.tabbed-content.cdh-mm-tabs > .tab-panels {
  display: flex !important;
  flex-direction: column !important;
}
.tabbed-content.cdh-mm-tabs > .tab-panels > .panel.active {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}
.tabbed-content.cdh-mm-tabs > .tab-panels > .panel > .cdh-mm-panel-row {
  flex: 1 1 auto !important;
}

.tabbed-content.cdh-mm-tabs > .tab-panels {
  height: 100% !important;
}
.tabbed-content.cdh-mm-tabs > .tab-panels > .panel {
  height: 100% !important;
}
.tabbed-content.cdh-mm-tabs > .tab-panels > .panel > .cdh-mm-panel-row {
  height: 100% !important;
}


/* Elegant Mega Menu Equal Height Fix */
.tabbed-content.cdh-mm-tabs > .tab-panels {
  display: grid !important;
}
.tabbed-content.cdh-mm-tabs > .tab-panels > .panel {
  grid-area: 1 / 1 !important;
}
.tabbed-content.cdh-mm-tabs > .tab-panels > .panel.active > .cdh-mm-panel-row {
  height: 100% !important;
}

/* Elegant Mega Menu Equal Height Fix */
.tabbed-content.cdh-mm-tabs > .tab-panels {
  display: grid !important;
}
.tabbed-content.cdh-mm-tabs > .tab-panels > .panel {
  grid-area: 1 / 1 !important;
}
.tabbed-content.cdh-mm-tabs > .tab-panels > .panel.active > .cdh-mm-panel-row {
  height: 100% !important;
}    
  












/* WWH Review Slider Custom Styles */
.cdh-reviews-slider {
    padding-bottom: 70px !important;
}

/* Add gap between slides */
.cdh-reviews-slider .flickity-slider > .cdh-review-card {
    margin: 0 15px !important;
}

/* Quote */
.cdh-quote {
    color: #8a56e8 !important;
    font-family: serif;
    font-size: 50px;
    line-height: 0.8;
    margin-bottom: 10px;
}
.cdh-text {
    color: #444 !important;
    font-size: 15px;
    margin-bottom: 20px;
}

/* Stars Row */
.cdh-stars-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.cdh-stars {
    color: #fbbc05;
    font-size: 14px;
}
.cdh-google {
    font-weight: bold;
    color: #555;
    font-size: 14px;
}
.cdh-google i {
    color: #4285F4;
    margin-right: 5px;
}

/* Author Row */
.cdh-author-row {
    display: flex;
    align-items: center;
}
.cdh-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    object-fit: cover;
    margin-right: 15px;
    margin-bottom: 0 !important;
}
.cdh-author-info {
    line-height: 1.2;
}
.cdh-author-info strong {
    color: #000;
    font-size: 14px;
}
.cdh-author-info span {
    color: #888;
    font-size: 12px;
}
.cdh-review-card {
    border-radius: 10px !important;
    overflow: hidden;
}

/* Force arrows to always show and be positioned correctly */
.cdh-reviews-slider .flickity-prev-next-button {
    opacity: 1 !important;
    visibility: visible !important;
    top: auto !important;
    bottom: -50px !important;
    transform: none !important;
}
.cdh-reviews-slider .flickity-prev-next-button.previous {
    left: 15px !important;
}
.cdh-reviews-slider .flickity-prev-next-button.next {
    left: 65px !important;
    right: auto !important;
}

/* Force disabled arrows to always show */
.cdh-reviews-slider .flickity-prev-next-button:disabled,
.cdh-reviews-slider .flickity-prev-next-button[disabled] {
    display: block !important;
    opacity: 0.3 !important;
    visibility: visible !important;
    pointer-events: none;
}

/* Custom Arrow Styling: Gray Circle with White Arrow */
.cdh-reviews-slider .flickity-prev-next-button {
    background: #e6e6e6 !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    border: none !important;
    box-shadow: none !important;
}
.cdh-reviews-slider .flickity-prev-next-button svg,
.cdh-reviews-slider .flickity-prev-next-button .arrow {
    fill: #ffffff !important;
    color: #ffffff !important;
    
}
.cdh-reviews-slider .flickity-prev-next-button:hover {
    background: #d4d4d4 !important;
}

/* Center and scale the SVG arrow */
.cdh-reviews-slider .flickity-slider > .wwh-review-card {
    width: 65% !important; 
    opacity: 0.25 !important;
    transition: opacity 0.4s ease !important;
    padding-left: 15px !important; 
    padding-right: 15px !important; 
}
.cdh-reviews-slider .flickity-prev-next-button svg {
    width: 60% !important;
    height: 60% !important;
    left: 20% !important;
    top: 20% !important;
    transform: none !important;
    position: absolute !important;
}

/* Layout for the new BA list */
.wwh-before-after li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 15px !important;
    margin-bottom: 20px !important;
}
.wwh-before-after li i {
    font-size: 20px !important; /* Slightly bigger icon */
    margin-top: 2px !important;
}
.wwh-before-after h2 span {
    color: #bcaaf4 !important;
}
.wwh-before-after h2 {
    color: #ffffff !important;
}

index.php
/* NEW HEADER STYLES */
.header-main .hotlinetop {
    font-size: 14px !important;
    white-space: pre-wrap !important;
    display: inline-block !important;
    line-height: 1.4 !important;
    color: transparent !important;
    font-size: 0 !important;
}
.header-main .hotlinetop::before {
    content: "Hotline:\A Vietnam: (+84) 922 253 888" !important;
    color: #888 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
.header-main .hotlinetop::after {
    content: "\A USA: +1 714 867 7788" !important;
    color: #888 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}
.header-main .emailtop { 
    display: none !important; 
}

/* Button 2 */
.header-main .button-2 > a,
.header-main li.button-2 > a {
    background-color: #A793F2 !important;
    border-radius: 4px !important;
    padding: 10px 25px !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    min-width: 140px;
}
.header-main .button-2 > a span {
    display: none !important;
}
.header-main .button-2 > a::before {
    content: "Book Consultation" !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #fff !important;
    margin-bottom: 5px !important;
    text-transform: none !important;
}
.header-main .button-2 > a::after {
    content: "" !important;
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line><circle cx="16" cy="16" r="4.5" fill="%23A793F2" stroke="white"></circle><polyline points="16 14 16 16 17 17" stroke="white" stroke-width="1.5"></polyline></svg>') no-repeat center center !important;
    background-size: contain !important;
}

/* Circular Logo */
.header-main .logo a {
    position: relative !important;
    overflow: visible !important;
}
.header-main .logo a::after {
    content: "" !important;
    position: absolute !important;
    left: 200px !important;
    top: 50% !important;
    transform: translateY(-50%);
    width: 80px !important;
    height: 80px !important;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" width="80" height="80" xmlns="http://www.w3.org/2000/svg"><path id="circlePath" d="M 50, 50 m -32, 0 a 32,32 0 1,1 64,0 a 32,32 0 1,1 -64,0" fill="transparent" /><text font-family="Arial, sans-serif" font-size="11" fill="%23A793F2" font-weight="bold" letter-spacing="1"><textPath href="%23circlePath" startOffset="0%25">WORLDWIDE DENTAL HOSPITAL   WORLDWIDE DENTAL HOSPITAL   </textPath></text></svg>') no-repeat center center !important;
    background-size: contain !important;
    pointer-events: auto;
    z-index: 10;
    animation: rotateText 20s linear infinite;
}
@keyframes rotateText {
    0% { transform: translateY(-50%) rotate(0deg); }
    100% { transform: translateY(-50%) rotate(360deg); }
}


@media (max-width: 849px) {
  /* Header Fixes */
  .header-main .hotlinetop, .header-main .logo::after, .header-main .button-2 {
      display: none !important;
  }
  .custom-header-contact, #custom-circular-logo {
      display: none !important;
  }

  /* About Us / Stats / Why Choose Us section */
  .wwh-stats-row {
      flex-wrap: wrap !important;
      height: auto !important;
      gap: 0 !important;
  }
  .wwh-stats-row > .col.wwh-col-about,
  .wwh-stats-row > .col.wwh-col-stats,
  .wwh-stats-row > .col.wwh-col-why,
  .wwh-stats-row > .wwh-col-stat {
      width: 100% !important;
      max-width: 100% !important;
      flex: 0 0 100% !important;
      padding-bottom: 0 !important;
      margin-bottom: 0 !important;
  }
  .wwh-stats-row .col-inner {
      box-shadow: none !important;
      margin-bottom: 0 !important;
  }
  .wwh-col-about .col-inner.dark,
  .wwh-col-stats .col-inner {
      border-radius: 0 !important;
      height: auto !important;
      min-height: 300px !important;
      padding: 40px 25px !important;
  }
  .wwh-col-stats .col-inner.dark::after {
      display: none !important;
  }
  .wwh-col-stats {
      margin: 0 !important;
      border-radius: 0 !important;
  }
  .wwh-col-stats .col-inner {
      padding-bottom: 40px !important;
  }
  .wwh-col-why {
      padding: 20px 25px 40px 25px !important;
      margin-top: 0 !important;
      border-radius: 0 !important;
  }
  .wwh-col-why .col-inner {
      padding-top: 40px !important;
  }
  .wwh-col-why .icon-box-2 {
      margin-bottom: 20px !important;
  }
  body .wwh-stats-row > .col.wwh-col-stats {
      display: block !important;
      height: auto !important;
      min-height: 300px !important;
      opacity: 1 !important;
      visibility: visible !important;
      top: 0 !important;
      box-shadow: none !important;
      transform: none !important;
      margin: 0 !important;
      border-radius: 0 !important;
  }
  body .wwh-stats-row .wwh-col-stats .col-inner {
      height: auto !important;
      min-height: 220px !important;
      padding: 40px 25px !important;
      background-color: rgb(50, 10, 81) !important;
      clip-path: none !important;
      border-radius: 0 !important;
      position: relative !important;
      z-index: 10 !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
      opacity: 1 !important;
      margin-bottom: 0 !important;
  }

  /* Implant Passport */
  .section-implant-passport {
      height: auto !important;
      padding-bottom: 40px !important;
  }
  .wwh-passport-img {
      position: relative !important;
      top: 20px !important;
      left: 60% !important;
      transform: translateX(-50%) !important;
      width: 140% !important;
      max-width: 450px !important;
      margin-bottom: -50px !important;
      z-index: 10 !important;
      display: block !important;
  }
  .wwh-passport-img img {
      width: 100% !important;
      max-width: none !important;
      left: auto !important;
      transform: none !important;
      position: relative !important;
  }
  .section-implant-passport > .col:nth-child(2) .col-inner {
      padding-top: 20px !important; 
  }

  /* Google Review Card / Slider */
  .google-review-card {
      width: 100% !important;
      max-width: 100% !important;
      flex: 0 0 100% !important;
      margin-top: 20px !important;
      margin-bottom: 30px !important;
  }
  .google-review-card .row {
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      align-items: center !important;
  }
  .google-review-card .row > .col:nth-child(1) {
      flex: 0 0 60px !important;
      max-width: 60px !important;
  }
  .google-review-card .row > .col:nth-child(2) {
      flex: 1 !important;
      max-width: none !important;
  }
  #image_2043061620 {
      width: 100% !important;
  }
  .cdh-reviews-slider .cdh-review-card {
      width: 100% !important;
      min-width: 100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
  }
  .cdh-reviews-slider {
      padding-left: 0 !important;
  }

  /* Mega Menu tabs on mobile */
  .cdh-mm-panel-row {
      grid-template-columns: 1fr !important;
  }
}









/* AVATAR ROUND FIX */
.cdh-avatar-round .img-inner { padding-top: 0 !important; border-radius: 50% !important; } 
.cdh-avatar-round img { border-radius: 50% !important; object-fit: cover !important; aspect-ratio: 1/1 !important; width: 100% !important; height: auto !important; }



/* Fix Slider Row/Col Spacing */

.cdh-reviews-slider .cdh-review-card .col {
    padding-bottom: 0 !important;
}

.cdh-reviews-slider .cdh-text {
    margin-bottom: 5px !important;
}



.cdh-padded-row {
    padding: 0 30px !important;
}

/* === NEW MEGA MENU LAYOUT === */
.cdh-mm-new-layout {
    font-size: 14px;
}

/* Vertical Tabs override */
.cdh-mm-vertical-tabs {
    display: flex;
}
.cdh-mm-vertical-tabs .nav {
    width: 50% !important;
    max-width: 50% !important;
    flex-basis: 50% !important;
    border: none !important;
    padding: 0 15px 0 0 !important;
}
.cdh-mm-vertical-tabs .tab-panels {
    width: 50% !important;
    max-width: 50% !important;
    flex-basis: 50% !important;
    border: none !important;
    padding: 0 15px !important;
}
.cdh-mm-vertical-tabs .nav li {
    margin-bottom: 0 !important;
}
.cdh-mm-vertical-tabs .nav li a {
    font-weight: 700;
    text-transform: uppercase;
    color: #888;
    padding: 5px 0 !important;
    border: none !important;
    background: transparent !important;
    font-size: 13px;
}
.cdh-mm-vertical-tabs .nav li.active a,
.cdh-mm-vertical-tabs .nav li a:hover {
    color: #320a51; /* Assuming orange accent */
}

/* Sub menu links */
.cdh-mm-vertical-tabs .tab-panels .ux-menu-link a {
    color: #666;
    padding: 8px 0;
    font-size: 14px;
}
.cdh-mm-vertical-tabs .tab-panels .ux-menu-link a:hover {
    color: #320a51;
}

/* Static Links */
.cdh-mm-static-links .ux-menu-link {
    margin-bottom: 10px;
}
.cdh-mm-static-links .ux-menu-link a {
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    font-size: 13px;
    padding: 5px 0;
}
.cdh-mm-static-links .ux-menu-link a:hover {
    color: #320a51;
}

/* Contact Info */
.mm-contact-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.mm-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    color: #666;
    font-size: 12px;
    line-height: 1.5;
}
.mm-contact-item i {
    font-size: 18px;
    color: #999;
    width: 20px;
    text-align: center;
    margin-top: 2px;
}

/* Bottom Bar */
.cdh-mm-bottom-bar a {
    color: #333;
    font-weight: 700;
    font-size: 13px;
    margin-right: 25px;
}
.cdh-mm-bottom-bar a:last-child {
    margin-right: 0;
}
.mm-footer-links a {
    margin-left: 25px;
    margin-right: 0;
}
.mm-footer-links a:first-child {
    margin-left: 0;
}

/* Custom Top Tabs for Mega Menu */
.cdh-mm-top-tabs {
    display: flex;
    gap: 30px;
    padding: 10px 0 0;
    border-bottom: 1px solid #f0f0f0;
    align-items: flex-end;
}
.cdh-mm-top-tab {
    font-weight: 700;
    font-size: 13px;
    color: #666;
    padding-bottom: 10px;
    border-bottom: 2px solid transparent;
    text-transform: uppercase;
}
.cdh-mm-top-tab:hover {
    color: #320a51;
}
.cdh-mm-top-tab.active {
    color: #320a51;
    border-bottom: 2px solid #320a51;
}

/* Custom Panels */
.cdh-mm-panel {
    display: none;
}
.cdh-mm-panel.active {
    display: flex;
}


/* Social Icons */
.mm-social-links {
    display: flex;
    gap: 20px;
    align-items: center;
}
.mm-social-links a {
    font-size: 18px !important;
    margin-right: 0 !important;
}
.mm-social-links a:hover {
    color: #320a51 !important;
}

/* Book Button in Top Tabs */
.cdh-mm-book-btn {
    margin-left: auto;
    background-color: #f68b8f;
    color: #fff !important;
    border-radius: 5px;
    padding: 10px 45px;
    min-width: 160px;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    transition: background-color 0.3s ease;
}
.cdh-mm-book-btn:hover {
    background-color: #e3767a;
}

/* Hamburger Button */
.cdh-hamburger-btn {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: transparent;
    padding: 10px 15px;
    cursor: pointer;
    text-decoration: none;
    color: #333;
    border: none;
}
.cdh-hamburger-btn:hover {
    color: #333;
    opacity: 0.8;
}
.cdh-hamburger-btn .btn-text {
    font-weight: 700;
    font-size: 13px;
    color: #000;
    text-transform: capitalize;
}
.cdh-hamburger-btn .btn-lines {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.cdh-hamburger-btn .btn-lines span {
    display: block;
    width: 22px;
    height: 2px;
    background-color: #000;
    border-radius: 2px;
}

/* Master Padding for Mega Menu Lightbox */
.mfp-content #mega-menu-lightbox {
    padding: 15px 30px !important; /* Even more compact */
    border-radius: 12px !important; 
}

/* Remove clunky borders from Flatsome tabs */
.cdh-mm-vertical-tabs .nav > li,
.cdh-mm-vertical-tabs .nav > li > a {
    border: none !important;
}
/* Elegant dividers for Flatsome tabs (Horizontal cells) */
.cdh-mm-vertical-tabs .nav > li {
    border: none !important;
    border-bottom: 1px solid rgba(0,0,0,0.04) !important;
    margin-bottom: 0 !important;
}
.cdh-mm-vertical-tabs .nav > li:last-child {
    border-bottom: none !important;
}
.cdh-mm-vertical-tabs .nav > li > a {
    border: none !important;
    padding: 10px 0 !important; /* Compact padding */
}

/* Vertical Column Dividers */
.cdh-mm-vertical-tabs .nav {
    border-right: 1px solid rgba(0,0,0,0.06) !important;
    width: 55% !important; /* Prevent text wrap */
    max-width: 55% !important;
}
.cdh-mm-vertical-tabs .tab-panels {
    width: 45% !important; /* Prevent text wrap */
    max-width: 45% !important;
}
.cdh-mm-panel,
.cdh-mm-static-links {
    border-right: 1px solid rgba(0,0,0,0.06) !important;
}

/* Lighten dividers for modern feel */
.cdh-mm-top-tabs {
    border-bottom: 1px solid rgba(0,0,0,0.04) !important;
    padding: 0 0 10px 0 !important; /* Less top padding */
    align-items: center; /* Better alignment with button */
}
.cdh-mm-bottom-bar {
    border-top: 1px solid rgba(0,0,0,0.04) !important;
}


/* =========================================================
   LUXURIOUS ANIMATIONS & MICRO-INTERACTIONS
   ========================================================= */

/* 1. Lightbox Entrance & Backdrop Blur */
.mfp-bg {
    backdrop-filter: blur(10px) saturate(120%);
    -webkit-backdrop-filter: blur(10px) saturate(120%);
    transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mfp-ready #mega-menu-lightbox {
    animation: luxEntrance 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
    box-shadow: 0 40px 120px rgba(0,0,0,0.2), 0 10px 30px rgba(0,0,0,0.1) !important;
    border-radius: 12px; 
    overflow: hidden;
}

@keyframes luxEntrance {
    0% {
        opacity: 0.001; pointer-events: auto !important; -webkit-appearance: none;
        transform: scale(0.92) translateY(30px) perspective(1000px) rotateX(4deg);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0) perspective(1000px) rotateX(0deg);
    }
}

/* 2. Panel Switch Animation */
.cdh-mm-panel.active {
    display: flex;
    animation: fadeInSlideUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes fadeInSlideUp {
    0% {
        opacity: 0.001; pointer-events: auto !important; -webkit-appearance: none;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 3. Smooth Top Tabs Underline */
.cdh-mm-top-tabs {
    border-bottom: 1px solid rgba(0,0,0,0.06);
}
.cdh-mm-top-tab {
    position: relative;
    border-bottom: none !important;
    padding-bottom: 15px;
    transition: color 0.3s ease;
    letter-spacing: 0.5px;
    margin-bottom: -10px; /* Offset the padding adjustment */
}
.cdh-mm-top-tab::after {
    content: "";
    position: absolute;
    bottom: 9px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #320a51;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.cdh-mm-top-tab.active::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 4. Elegant Hover for Sub-menu Links */
.cdh-mm-vertical-tabs .tab-panels .ux-menu-link a {
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: inline-block;
    padding: 6px 0 !important; /* Compact sub-menu items */
}
.cdh-mm-vertical-tabs .tab-panels .ux-menu-link a:hover {
    color: #320a51 !important;
    transform: translateX(6px);
}

/* 5. Smooth Hover for Vertical Nav */
.cdh-mm-vertical-tabs .nav li a {
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative;
    display: inline-block;
}
.cdh-mm-vertical-tabs .nav li a:hover {
    transform: translateX(4px);
}

/* 6. Contact Info Sync */
.mm-contact-list {
    margin: 0;
}
.mm-contact-item {
    padding: 12px 0; /* Compact contact info */
    border-bottom: 1px solid rgba(0,0,0,0.04);
    transition: all 0.3s ease;
    display: flex;
    align-items: center; /* Center icons vertically better */
    gap: 15px;
}
.mm-contact-item:last-child {
    border-bottom: none;
}
.mm-contact-item:hover {
    opacity: 0.7;
    transform: translateX(4px);
}
.mm-contact-item i {
    color: #320a51; /* Brand Purple */
    font-size: 16px;
    width: 20px;
    text-align: center;
}

/* Luxurious Typography restored */
.cdh-mm-vertical-tabs .nav li a,
.cdh-mm-vertical-tabs .tab-panels .ux-menu-link a,
.cdh-mm-static-links .ux-menu-link a {
    letter-spacing: 0.03em;
}

/* =========================================================
   FIX COLUMN 3 (STATIC LINKS) FONT & SPACING
   ========================================================= */
.cdh-mm-static-links {
    margin: 0 !important;
}
.cdh-mm-static-links .ux-menu-link {
    border: none !important;
    border-bottom: 1px solid rgba(0,0,0,0.04) !important;
    margin-bottom: 0 !important;
}
.cdh-mm-static-links .ux-menu-link:last-child {
    border-bottom: none !important;
}
.cdh-mm-static-links .ux-menu-link a {
    font-family: inherit !important; /* Fix weird font */
    font-weight: 700 !important;
    font-size: 13px !important;
    color: #888 !important;
    text-transform: uppercase !important;
    border: none !important;
    padding: 12px 0 !important; /* Compact padding */
    display: block !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.cdh-mm-static-links .ux-menu-link a:hover {
    color: #320a51 !important;
    transform: translateX(4px);
}

/* =========================================================
   SUPER COMPACT MODE FOR LAPTOP SCREENS (FORCE FIT)
   ========================================================= */

/* 1. Reduce Lightbox Wrapper Padding */
.mfp-content #mega-menu-lightbox {
    padding: 20px 30px !important;
}

/* 2. Kill all Row Margins inside the Mega Menu */
#mega-menu-lightbox .row {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
#mega-menu-lightbox .cdh-mm-panel {
    padding-top: 10px !important; /* Tiny gap below top tabs */
}

/* 3. Ultra-compact Menu Items (Cols 1 & 3) */
.cdh-mm-vertical-tabs .nav > li {
    margin: 0 !important;
    padding: 0 !important;
}
.cdh-mm-vertical-tabs .nav > li > a,
.cdh-mm-static-links .ux-menu-link a {
    padding: 11.5px 0 !important; /* The golden sweet spot */
    font-size: 12.5px !important;
}

/* 4. Compact Contact Info & Sub-menus */
.mm-contact-item {
    padding: 11.5px 0 !important;
}
.cdh-mm-vertical-tabs .tab-panels .ux-menu-link a {
    padding: 6px 0 !important;
    font-size: 13px !important;
}

/* 5. Reduce gap between Top Tabs and Button */
.cdh-mm-top-tabs {
    padding-bottom: 5px !important;
}
.cdh-mm-book-btn {
    margin-bottom: 5px !important;
    padding: 8px 30px !important;
}

/* 6. Kill default column padding if necessary, but keep left/right */
#mega-menu-lightbox .col {
    padding-bottom: 0 !important;
}


/* Inactive Top Tabs Lighter Color */
.cdh-mm-top-tab {
    color: #888 !important;
}
.cdh-mm-top-tab.active,
.cdh-mm-top-tab:hover {
    color: #320a51 !important;
}




/* --- CUSTOMIZE HEADER BUTTON 2 TO LOOK LIKE IMAGE 2 --- */
@media (min-width: 850px) {
    /* Keep the li completely normal to avoid breaking Flatsome layout */
    .header-button-2 {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Style the button text and make background transparent */
    .header-button-2 .button {
        background-color: transparent !important; 
        border-radius: 0 !important; 
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 10px 20px !important; /* Normal padding for text layout */
        margin: 0 !important;
        height: auto !important; 
        color: #ffffff !important;
        box-shadow: none !important; 
        transition: all 0.3s ease !important;
        border: none !important;
        line-height: 1 !important;
        overflow: visible !important; 
        position: relative !important;
        z-index: 10 !important;
    }

    /* USE A PSEUDO-ELEMENT FOR THE PURPLE BACKGROUND (BULLETPROOF) */
    .header-button-2 .button::before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: -30px !important; /* Stretch UP to touch top edge of 108px header */
        bottom: -21px !important; /* Stretch DOWN to hang below header */
        background-color: #b2a6ff !important;
        z-index: -1 !important;
        transition: all 0.3s ease !important;
    }

   /* Sticky Mode Adjustments */
    .stuck .header-button-2 .button::before,
    .is-sticky .header-button-2 .button::before,
    .stuck-header .header-button-2 .button::before {
        top: -17px !important; /* Stretch UP to touch top edge of 82px sticky header */
        bottom: -10px !important; /* Stretch DOWN to hang below sticky header */
    }
#header .header-wrapper.stuck .header-main,
.header-clone.stuck .header-main,
.is-sticky .header-main {
    height: 87px !important; /* Đổi số 82 thành độ cao anh/chị muốn */
}

    .header-button-2 .button:hover::before {
        background-color: #b2a6ff !important; 
    }
    
    .header-button-2 .button span {
        font-size: 13px !important;
        font-weight: 700 !important;
        text-transform: capitalize !important; 
        margin-bottom: 5px !important;
        text-align: center !important;
    }
    
    /* Calendar Icon */
    .header-button-2 .button::after {
        content: "\f133" !important; 
        font-family: "Font Awesome 6 Free" !important;
        font-weight: 400 !important;
        font-size: 22px !important; 
        display: block !important;
        opacity: 0.9 !important;
        margin-left: 0 !important;
        position: relative !important; /* Keep above pseudo-element */
        z-index: 2 !important;
    }
    .header-button-2 .button i {
        display: none !important;
    }
}

/* Force card titles to be purple */
.cdh-card-new h3,
.cdh-card-new .icon-box-title {
    color: #30114b !important;
}

/* --- SPEED UP MOBILE MENU CLICK --- */
.nav-icon, .nav-icon *, .mobile-nav a {
    touch-action: manipulation !important; /* Fix 300ms mobile tap delay */
}
.icon-menu, .icon-menu:after, .icon-menu:before {
    transition-duration: 0.1s !important; /* Speed up hamburger icon animation */
}
.off-canvas, .mfp-content, .mfp-bg, .mfp-wrap {
    transition-duration: 0.2s !important; /* Speed up menu popup animation */
}




/* Custom flat card layout for cosmetic dentistry */
.wwh-treatment-grid .cdh-card-new > .col-inner {
    box-shadow: none !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
}
.wwh-treatment-grid .cdh-card-new:hover > .col-inner {
    background: #ffffff !important;
}
.wwh-treatment-grid .cdh-fa-icon {
    background: #f8fafc !important;
    align-items: center;
    justify-content: center;
}
.wwh-treatment-grid .cdh-card-new:hover .cdh-fa-icon {
    background: #320a51 !important;
    color: #ffffff !important;
}

/* Doctors Slider Cards - Fixed Height */

  .wwh-doctor-card .col-inner {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}
.wwh-doctor-card .img-inner {
    flex-shrink: 0 !important;
}
.wwh-doctor-info {
    flex-grow: 1 !important;
    
    padding-right: 10px !important; /* space for scrollbar */
}
/* Customize scrollbar for elegant look */





/* Ensure images maintain their natural aspect ratio but don't exceed container */
.wwh-doctor-card .img-inner {
    height: 220px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8fafc;
    border-radius: 10px;
    overflow: hidden;
}
.wwh-doctor-card .img-inner img {
    height: 100% !important;
    width: auto !important;
    object-fit: cover !important;
    object-position: top center !important; /* Keep focus on face */
}

/* Hide scrollbar for doctor info but allow scrolling */



/* Add padding specifically to the text area since card padding was removed */
.wwh-doctor-info {
    padding: 20px !important; 
}
/* Ensure the image container touches the edges */
.wwh-doctor-card .img-inner {
    border-radius: 0 !important; /* Let the parent col-inner handle radius via overflow:hidden */
}



/* Tighten typography to reduce card height without hiding content */
.wwh-doctor-info h3 {
    font-size: 1.1em !important;
    margin-bottom: 10px !important;
}
.wwh-doctor-info p {
    font-size: 12px !important;
    margin-bottom: 5px !important;
}
.wwh-doctor-info ul {
    font-size: 13px !important;
}
.wwh-doctor-info ul li {
    margin-bottom: 4px !important;
    line-height: 1.4 !important;
}


/* FIX: Show all custom mega menu panels in UX Builder so they can be edited */
body.ux-builder .cdh-mm-panel {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    margin-bottom: 20px !important;
    border: 2px dashed #9b8aed !important;
}
body.ux-builder .cdh-mm-panel::before {
    content: "EDITING PANEL";
    position: absolute;
    top: 0;
    left: 0;
    background: #9b8aed;
    color: white;
    padding: 2px 10px;
    font-size: 11px;
    z-index: 100;
    transform: translateY(-100%);
}



/* Worldwide Process Card */
.ww-process-card {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    margin-bottom: 40px !important;
}
.ww-process-num p {
    font-size: 40px !important;
    font-weight: bold;
    color: #A99AF8 !important;
    line-height: 1 !important;
    margin: 0 !important;
}
.ww-process-content h3 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #320a51;
}
.ww-process-content p, 
.ww-process-content ul {
    color: #334155;
    font-size: 15px;
}
.ww-process-content ul {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
}
.ww-process-content strong {
    color: #64748b;
    font-size: 16px;
    font-weight: bold;
}

/* Capitalize filter items instead of ALL CAPS */
.nav-uppercase > li > a {
    text-transform: capitalize !important;
}



/* Hotline hover color */
.contact-hotline__number:hover {
    color: #b2a6ff !important;
}

/* Contact Us button hover */
.header-button-2 .button:hover {
    transform: none !important;
    background-color: transparent !important;
}
.header-main .header-button-2 .button:hover::before {
    background-color: #9888ff !important;
}

/* Menu Icon hover color */
.cdh-hamburger-btn:hover .btn-text {
    color: #b2a6ff !important;
}
.cdh-hamburger-btn:hover .btn-lines span {
    background-color: #b2a6ff !important;
}

/* Banner small text */
.banner-small-text {
    color: #ffffff !important;
    transition: color 0.3s;
    text-decoration: none !important;
}
.banner-small-text:hover {
    color: #b2a6ff !important;
}

/* Slider arrows globally */
.flickity-prev-next-button {
    background-color: #b2a6ff !important;
}
.flickity-prev-next-button:hover {
    background-color: #9888ff !important;
}
.flickity-prev-next-button svg {
    fill: #ffffff !important;
}



/* Why Choose Us link hover */
.why-choose-link:hover span {
    color: #b2a6ff !important;
    transition: color 0.3s;
}
.why-choose-link:hover i {
    color: #b2a6ff !important;
    transition: color 0.3s;
}

/* Vertically center Why Choose Us content */
.wwh-col-why > .col-inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    height: 100% !important;
}

/* Session 4: Feature item text hover */
.wwh-feature-item {
    cursor: pointer;
}
.wwh-feature-item:hover h3 + p {
    color: #ffffff !important;
}

/* Session 3: Custom zoom for wwh-journey-card-1 since it lacks bg image */
.wwh-journey-card-1 .img-inner {
    transition: transform 0.4s ease !important;
}
.wwh-journey-card-1:hover .img-inner {
    transform: scale(1.05) !important;
}

/* Featured Treatments Grid */
.wwh-treatment-grid .icon-box-img img {
    border-radius: 50%;
    object-fit: cover;
    aspect-ratio: 1/1;
}
.wwh-treatment-grid h3 {
    margin-top: 15px !important;
}

/* Session 7: Implant Passport Button */
.wwh-passport-btn:hover span,
.wwh-passport-btn:hover i {
    color: #b2a6ff !important;
    transition: color 0.3s ease;
}

/* Session 9: Before After */
.ba-link:hover {
    color: #ffffff !important;
    transition: color 0.3s;
}
.wwh-ba-seemore:hover span,
.wwh-ba-seemore:hover i {
    color: #b2a6ff !important;
    transition: color 0.3s;
}

/* Before After Slider */
.ba-slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    line-height: 0;
}
.ba-slider-after, .ba-slider-before {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.ba-slider-after {
    position: relative;
    z-index: 1;
}
.ba-slider-before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%); filter: grayscale(100%); -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%); filter: grayscale(100%);
    
    
}
.ba-slider-range {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.001; pointer-events: auto !important; -webkit-appearance: none;
    z-index: 4;
    cursor: ew-resize;
    margin: 0;
}
.ba-slider-line {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    background: #ffffff;
    z-index: 3;
    pointer-events: none;
    transform: translateX(-50%);
}
.ba-slider-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.3);
    border: 2px solid white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    gap: 4px;
    font-size: 14px;
}



/* Text Overlays for Slider */
.ba-badge {
    position: absolute;
    top: 20px;
    padding: 2px 10px !important;
    border-radius: 20px;
    background: rgba(0,0,0,0.5);
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 600;
    z-index: 5;
    pointer-events: none;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
}
.ba-badge-before {
    left: 20px;
}
.ba-badge-after {
    right: 20px;
}
.ba-text-overlay {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 5;
    pointer-events: none;
}
.ba-text-tag {
    display: inline-block;
    padding: 2px 10px !important;
    background: rgba(0,0,0,0.5);
    color: #ffffff !important;
    border-radius: 20px;
    font-size: 10px !important;
    font-weight: 600;
    margin-bottom: 6px;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
}
.ba-text-desc {
    color: #ffffff !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
    max-width: 90%;
}

/* Technology Section See More Hover */
.wwh-tech-seemore:hover span, .wwh-tech-seemore:hover i {
    color: #b2a6ff !important;
    transition: color 0.3s ease;
}

/* Doctors hover */
.doc-specialty-link {
    transition: color 0.3s ease;
}
.doc-specialty-link:hover {
    color: #1e1a16 !important;
}
.button-meet-our-team:hover span, .button-meet-our-team:hover i {
    color: #9888ff !important;
    transition: color 0.3s ease;
}

/* Knowledge Center Accordion Hover */
.faq-ww .accordion-title:hover span {
    color: #b2a6ff !important;
}
.faq-ww .accordion-title:hover .toggle::before {
    color: #b2a6ff !important;
    border-color: #b2a6ff !important;
}

/* Button Book override */
.wwh-btn-purple {
    background: transparent !important;
    border: 2px solid #b2a6ff !important;
    color: #b2a6ff !important;
}
.wwh-btn-purple:hover {
    background: transparent !important;
    color: #b2a6ff !important;
}
.wwh-btn-purple::after {
    background: #b2a6ff !important;
    color: #fff !important;
}
.wwh-btn-purple:hover::after {
    background: #9888ff !important;
}

/* Contact Us Page Sync */
.page-id-652 a[href^="tel:"],
.page-id-652 a[href^="mailto:"] {
    color: #30114b;
    transition: color 0.3s ease;
    text-decoration: none;
    font-weight: 600;
}

.page-id-652 a[href^="tel:"]:hover,
.page-id-652 a[href^="mailto:"]:hover {
    color: #b2a6ff !important;
}







/* Lenis Recommended CSS */
html.lenis, html.lenis body {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-smooth iframe {
  pointer-events: none;
}

/* Smooth anchor scrolling fallback */
html {
    scroll-behavior: smooth !important;
}

/* Hover effect for Featured Treatments */
.wwh-treatment-grid .icon-box {
    transition: transform 0.3s ease;
    cursor: pointer;
}
.wwh-treatment-grid .icon-box:hover {
    transform: translateY(-5px);
}
.wwh-treatment-grid .icon-box .icon-box-img img {
    transition: transform 0.4s ease;
}
.wwh-treatment-grid .icon-box:hover .icon-box-img img {
    transform: scale(1.1);
}

/* Prevent jumping in Planning Your Trip tabs */
.planning-tabs .tab-panels {
    height: 200px !important;
    max-height: 200px !important;
}

@media (max-width: 767px) {
    .planning-tabs .tab-panels {
        height: 260px !important;
        max-height: 260px !important;
    }
}

/* Center tab contents */
.planning-tabs .tab-panels .col {
    max-width: 700px;
    margin: 0 auto;
}







/* Force equal heights approximately using min-height */
@media (min-width: 850px) {
    .wwh-doctor-info {
        height: 400px !important;
        overflow-y: auto !important;
    }
}


/* Make room for outside slider arrows on smaller screens */
.wwh-doctors-section .slider-wrapper {
    max-width: calc(100% - 60px);
    margin: 0 auto;
}

/* Move slider arrows closer to the cards */
.wwh-doctors-section .slider-nav-outside .flickity-prev-next-button.previous {
    left: -25px !important;
}
.wwh-doctors-section .slider-nav-outside .flickity-prev-next-button.next {
    right: -25px !important;
}

/* Fix the tall purple hover block on the doctor slider arrows */
.wwh-doctors-section .flickity-prev-next-button {
    background-color: transparent !important;
}
.wwh-doctors-section .flickity-prev-next-button:hover {
    background-color: transparent !important;
}

/* Make the arrows visible on the light background since we removed the purple block */
.wwh-doctors-section .flickity-prev-next-button svg {
    fill: #30114b !important;
}

/* Hide scrollbar completely to prevent any ugly blocks */
.wwh-doctor-info::-webkit-scrollbar {
    width: 0px !important;
    background: transparent !important;
}
.wwh-doctor-info {
    scrollbar-width: none !important;
}


/* Knowledge Center Grid Equal Heights */
.wwh-knowledge-grid.row {
    display: flex;
    flex-wrap: wrap;
}
.wwh-knowledge-grid .col.post-item {
    display: flex;
    flex-direction: column;
}
.wwh-knowledge-grid .col-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.wwh-knowledge-grid .col-inner > a {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.wwh-knowledge-grid .box {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.wwh-knowledge-grid .box-text {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.wwh-knowledge-grid .box-image {
    flex: 0 0 auto !important;
    width: 100% !important;
    display: block !important;
}


/* Sticky Contact Buttons */
.sticky-contact-buttons {
    position: fixed;
    left: 15px;
    bottom: 50%;
    transform: translateY(50%);
    z-index: 99999;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sticky-contact-buttons a {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important;
    font-size: 22px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-decoration: none;
}

.sticky-contact-buttons a:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 16px rgba(0,0,0,0.25);
}

.btn-calendar {
    background: #f97316; /* orange */
}

.btn-phone {
    background: #f59e0b; /* amber/yellow */
}

.btn-messenger {
    background: #0084ff; /* Messenger blue */
}

.btn-zalo {
    background: #ffffff;
    color: #0068ff !important;
    font-weight: 800;
    font-size: 13px !important;
    font-family: Arial, sans-serif;
    border: 1px solid #e5e7eb;
}

@media (max-width: 768px) {
    .sticky-contact-buttons {
        left: 10px;
    }
    .sticky-contact-buttons a {
        width: 42px;
        height: 42px;
        font-size: 18px;
    }
    .btn-zalo {
        font-size: 11px !important;
    }
}