@import url("https://fonts.googleapis.com/css2?family=PT+Sans+Caption:wght@400;700&display=swap");
.wp-block-cover__image-background.has-parallax{
background-attachment: fixed !important;
}
@media (max-width: 767px) {
.colreverse {
flex-direction: column-reverse;
}
}
body #main,
#footer {
background: linear-gradient(
135deg,
#f4f8fa 0%,
#e6f0f5 35%,
rgba(251, 53, 116, 0.06) 70%,
#d8e7ee 100%
);
}
#footer .widget_custom_html {
width: 100%;
}
.ct-container-full{
background: #f8f8f8;
}
.page-title{
text-shadow: 0 0 10px #fff, 0 0 15px #fff, 0 0 25px #fff;
} .largedoccard {
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
padding: 30px;
margin: 30px 0;
align-items: stretch;
border: 1px solid #f0f0f0;
}
.doctorcard {
text-align: center;
border-right: 1px solid #e0e0e0;
padding-right: 20px;
}
.docimg img {
max-width: 340px;
min-width: 10px;
width: 100%;
object-fit: cover;
border-radius: 50%; 
margin: 0 auto;
border: 4px solid #f4f6f9;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.numedoc {
font-size: 1.3rem;
font-weight: 700;
color: #2c3e50;
margin: 15px 0 5px 0;
line-height: 1.2;
}
.specializare {
font-size: 0.9rem;
font-weight: 600;
text-transform: uppercase;
color: #1a73e8;
margin-bottom: 0;
letter-spacing: 1px;
} .doc-services {
padding: 0 15px;
}
.service-header {
font-size: 1.1rem;
font-weight: 700;
color: #333;
padding-bottom: 10px;
margin-bottom: 15px;
border-bottom: 2px solid var(--theme-palette-color-1);
}
.private-services .service-header {
border-bottom-color: var(--theme-palette-color-2);
}
.service-details {
font-size: 0.95rem;
line-height: 1.6;
color: #444;
}
.service-details strong {
color: #222;
}
.service-details em {
font-size: 0.85rem;
color: #777;
} .service-note {
font-size: 0.85rem;
line-height: 1.5;
color: #856404;
background-color: #fff3cd;
border-left: 4px solid #ffeeba;
padding: 12px;
margin-top: 20px;
border-radius: 4px;
}
@media (max-width: 781px) {
.largedoccard {
padding: 20px;
}
.doctorcard {
border-right: none;
border-bottom: 1px solid #e0e0e0;
padding-right: 0;
padding-bottom: 25px;
margin-bottom: 25px;
}
.doc-services {
padding: 0;
}
.cnas-services {
border-bottom: 1px solid #e0e0e0;
padding-bottom: 25px;
margin-bottom: 25px;
}
} .doc-mini-card {
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
padding: 25px 20px;
border: 1px solid #f0f0f0;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.doc-mini-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
} .doc-mini-card .docimg {
margin-bottom: 15px;
}
.doc-mini-card .docimg img {
width: 100%;
max-width: 360px;
min-width: 150px;
aspect-ratio: 1/1;
object-fit: cover;
border-radius: 50%;
margin: 0 auto;
border: 3px solid #f4f6f9;
box-shadow: 0 3px 8px rgba(0,0,0,0.08);
} .doc-mini-card .numedoc {
font-size: 1.25rem;
font-weight: 700;
color: #2c3e50;
margin: 0 0 5px 0;
line-height: 1.2;
}
.doc-mini-card .specializare {
font-size: 1.2rem;
font-weight: 700;
text-transform: uppercase;
color: #1a73e8; 
margin-bottom: 20px;
letter-spacing: 1px;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 15px;
} .doc-mini-card .contact-phone {
font-weight: 700;
color: #2f3b5e;
font-size: 1rem;
margin-bottom: 15px;
background: #c0fffb;
padding: 8px;
border-radius: 6px;
display: inline-block;
}
.doc-mini-card .mini-note {
font-size: 0.8rem;
line-height: 1.4;
color: #856404;
background-color: #fff3cd;
border-left: 3px solid #ffeeba;
padding: 8px 10px;
margin-bottom: 15px;
border-radius: 4px;
text-align: left;
}
.doc-mini-card .service-list {
list-style: none;
padding: 0;
margin: 0;
text-align: left; 
flex-grow: 1; 
}
.doc-mini-card .service-list li {
font-size: 1rem;
line-height: 1.5;
color: #1d1e2a;
margin-bottom: 10px;
border-bottom: 1px dashed #eee;
padding-bottom: 5px;
display: flex;
justify-content: space-between; align-items: center;
gap: 10px;
}
.doc-mini-card .service-list li:last-child {
border-bottom: none;
margin-bottom: 0;
}
.doc-mini-card .service-list strong {
color: #222;
flex: 1; } @media (max-width: 781px) {
.doctors-grid-row {
margin-bottom: 0 !important;
}
.doc-mini-card {
margin-bottom: 25px;
}
}
@media(max-width:992px) {
.doctors-grid-row.wp-block-columns .wp-block-column {
min-width: 50%;
flex-basis: 100%;
flex-grow: 1;
}
} .analize-h1 {
font-size: 2.2rem;
font-weight: 400;
color: #1e293b;
margin-bottom: 12px;
} .analize-row {
margin-bottom: 25px !important;
} .analize-card {
background-color: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 24px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
display: flex;
flex-direction: column;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.analize-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 22px rgba(2, 132, 199, 0.1);
border-color: #cbd5e1;
} .card-badge {
align-self: flex-start;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.6px;
color: #fff;
background-color: var(--theme-palette-color-2);
padding: 4px 10px;
border-radius: 20px;
margin-bottom: 12px;
}
.badge-info {
color: #059669;
background-color: #ecfdf5;
border-color: #a7f3d0;
} .card-title {
font-size: 1.15rem;
font-weight: 700;
color: #0f172a;
margin: 0 0 15px 0;
padding-bottom: 10px;
border-bottom: 2px solid #f1f5f9;
} .analize-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
flex-grow: 1;
}
.analize-list li {
font-size: 0.9rem;
line-height: 1.5;
color: #475569;
padding: 6px 0 6px 16px;
position: relative;
border-bottom: 1px dashed #f1f5f9;
}
.analize-list li:last-child {
border-bottom: none;
}
.analize-list li::before {
content: "";
position: absolute;
left: 0;
top: 13px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #0284c7;
}
.analize-list strong {
color: #1e293b;
} .analize-cta-col {
background-color: #f8fafc;
border-left: 4px solid #059669;
}
.cta-desc {
font-size: 0.95rem;
line-height: 1.6;
color: #334155;
margin: 0;
} @media (max-width: 781px) {
.analize-row {
margin-bottom: 0 !important;
}
.analize-card {
margin-bottom: 20px;
}
} .contact-h1 {
font-size: 2.2rem;
font-weight: 800;
color: #1e293b;
margin-bottom: 12px;
text-align: center;
}
.contact-lead {
font-size: 1.05rem;
line-height: 1.6;
margin-bottom: 35px;
text-align: center;
} .contact-main-grid {
gap: 30px !important;
align-items: stretch !important;
margin-bottom: 50px !important;
} .contact-info-card {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 14px;
padding: 30px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
display: flex;
flex-direction: column;
}
.info-title, .form-title {
font-size: 1.3rem;
font-weight: 700;
color: #0f172a;
margin: 0 0 20px 0;
padding-bottom: 12px;
border-bottom: 2px solid #f1f5f9;
}
.info-item {
font-size: 1rem;
line-height: 1.6;
color: #334155;
margin-bottom: 18px;
}
.info-item strong {
color: #0f172a;
} .contact-action-buttons {
margin: 15px 0 20px 0 !important;
gap: 12px !important;
}
.contact-action-buttons .wp-block-button {
width: 100%;
}
.contact-action-buttons .wp-block-button__link {
width: 100%;
text-align: center;
padding: 13px 20px !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
border-radius: 88px !important;
text-decoration: none !important;
display: block;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.btn-call .wp-block-button__link {
background-color: var(--theme-palette-color-3) !important;
color: #ffffff !important;
}
.btn-call .wp-block-button__link:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(2, 132, 199, 0.3);
}
.btn-whatsapp .wp-block-button__link {
background-color: #25d366 !important;
color: #ffffff !important;
}
.btn-whatsapp .wp-block-button__link:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);
}
.contact-schedule-note {
font-size: 0.85rem;
color: #64748b;
margin-top: auto;
padding-top: 15px;
border-top: 1px dashed #e2e8f0;
} .contact-form-card {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 14px;
padding: 30px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
} .contact-form-card .forminator-button-submit {
background-color: var(--theme-palette-color-2) !important;
border-radius: 50px !important;
font-weight: 700 !important;
padding: 12px 28px !important;
min-width: 250px !important;
color: #fff;
box-shadow: 0 10px 15px #99294d52 !important;
transition: 0.3s ease-in-out !important;
bottom: 0;
}
.contact-form-card .forminator-button-submit:hover {
color: #fff;
box-shadow: 0 0px 15px #99294d52 !important;
bottom: 5px;
} .map-heading {
font-size: 1.5rem;
font-weight: 700;
color: #0f172a;
margin: 40px 0 15px 0;
}
.contact-map-wrapper {
width: 100%;
border-radius: 14px;
overflow: hidden;
border: 1px solid #e2e8f0;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
line-height: 0;
margin-bottom: 40px;
}
.contact-map-wrapper iframe {
width: 100% !important;
min-height: 420px;
display: block;
} @media (max-width: 781px) {
.contact-main-grid {
display: flex !important;
flex-direction: column !important;
}
.contact-info-card, .contact-form-card {
padding: 20px;
}
.contact-map-wrapper iframe {
min-height: 320px;
}
} .about-main-title {
font-size: 2.3rem;
font-weight: 800;
color: #1e293b;
margin-bottom: 40px;
text-align: center;
} .about-row {
align-items: center !important;
gap: 45px !important;
margin-bottom: 60px !important;
} .about-row figure {
margin: 0 !important;
}
.about-row img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: 14px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
display: block;
border: 1px solid #f1f5f9;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.about-row img:hover {
transform: translateY(-3px);
box-shadow: 0 12px 28px rgba(2, 132, 199, 0.12);
} .about-row h2 {
font-size: 1.5rem;
font-weight: 700;
color: #0f172a;
margin-bottom: 16px;
position: relative;
padding-bottom: 10px;
}
.about-row h2::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 45px;
height: 3px;
background-color: var(--theme-palette-color-2);
border-radius: 2px;
}
.about-row p {
font-size: 1.05rem;
line-height: 1.75;
color: #475569;
margin: 0;
} .manifest-p {
font-size: 1.15rem !important;
font-weight: 600;
color: #0369a1 !important;
line-height: 1.65 !important;
padding-left: 15px;
border-left: 3px solid #c5c5c5;
} @media (max-width: 781px) {
.about-main-title {
font-size: 1.8rem;
margin-bottom: 30px;
}
.about-row {
gap: 20px !important;
margin-bottom: 40px !important;
}
.about-row h2 {
font-size: 1.3rem;
margin-top: 10px;
}
.about-row img {
aspect-ratio: 16 / 10;
}
} .cyber-page-title {
font-size: 2.5rem;
font-weight: 800;
color: #0f172a;
text-align: center;
margin-bottom: 12px;
letter-spacing: -0.5px;
}
.cyber-page-lead {
font-size: 1.05rem;
line-height: 1.6;
color: #475569;
max-width: 750px;
margin: 0 auto 45px auto;
text-align: center;
} .cyber-grid-row {
margin-bottom: 25px !important;
gap: 25px !important;
} .cyber-card {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 18px;
padding: 30px 24px;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.03);
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.cyber-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(90deg, transparent, var(--theme-palette-color-2, #0284c7), transparent);
opacity: 0;
transition: opacity 0.35s ease;
} .cyber-card:hover {
transform: translateY(-6px);
border-color: color-mix(in srgb, var(--theme-palette-color-2, #0284c7) 40%, #e2e8f0);
box-shadow: 0 16px 32px color-mix(in srgb, var(--theme-palette-color-2, #0284c7) 14%, transparent);
}
.cyber-card:hover::before {
opacity: 1;
} .cyber-icon-box {
width: 58px;
height: 58px;
border-radius: 14px;
background: color-mix(in srgb, var(--theme-palette-color-2, #0284c7) 8%, #ffffff);
color: var(--theme-palette-color-2, #0284c7);
border: 1px solid color-mix(in srgb, var(--theme-palette-color-2, #0284c7) 20%, transparent);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
transition: all 0.35s ease;
}
.cyber-icon-box svg {
width: 30px;
height: 30px;
transition: transform 0.35s ease;
}
.cyber-card:hover .cyber-icon-box {
background: var(--theme-palette-color-2, #0284c7);
color: #ffffff;
box-shadow: 0 6px 18px color-mix(in srgb, var(--theme-palette-color-2, #0284c7) 35%, transparent);
}
.cyber-card:hover .cyber-icon-box svg {
transform: scale(1.12);
} .cyber-title {
font-size: 1.35rem;
font-weight: 700;
color: #0f172a;
margin: 0 0 12px 0;
letter-spacing: -0.3px;
}
.cyber-desc {
font-size: 0.95rem;
line-height: 1.6;
color: #475569;
flex-grow: 1;
margin-bottom: 22px;
} .cyber-btn {
margin: 0 !important;
}
.cyber-btn .wp-block-button__link {
background-color: transparent !important;
color: var(--theme-palette-color-2, #0284c7) !important;
border: 1.5px solid color-mix(in srgb, var(--theme-palette-color-2, #0284c7) 25%, transparent) !important;
padding: 10px 18px !important;
font-size: 0.85rem !important;
font-weight: 700 !important;
border-radius: 10px !important;
text-align: center;
display: block;
width: 100%;
transition: all 0.3s ease !important;
}
.cyber-card:hover .cyber-btn .wp-block-button__link {
background-color: var(--theme-palette-color-2, #0284c7) !important;
color: #ffffff !important;
border-color: var(--theme-palette-color-2, #0284c7) !important;
box-shadow: 0 4px 14px color-mix(in srgb, var(--theme-palette-color-2, #0284c7) 30%, transparent);
} @media (max-width: 781px) {
.cyber-page-title {
font-size: 2rem;
}
.cyber-grid-row {
gap: 18px !important;
margin-bottom: 0 !important;
}
.cyber-card {
margin-bottom: 18px;
padding: 24px 20px;
}
} .home-hero-cover {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.home-hero-cover .wp-block-cover__inner-container {
max-width: 950px !important;
z-index: 2;
}
.hero-title {
color: #ffffff !important;
font-size: 3.1rem !important;
font-weight: 800 !important;
line-height: 1.2 !important;
margin-bottom: 20px !important;
letter-spacing: -0.5px;
perspective: 1200px;
margin-top: 50px !important;
}
.hero-title .animate-char {
display: inline-block;
opacity: 0;
transform: translateY(45px) rotateX(-70deg);
transition: opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1), transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
transition-delay: calc(var(--char-idx, 0) * 0.02s);
will-change: transform, opacity;
}
.hero-title.is-inview .animate-char {
opacity: 1;
transform: translateY(0) rotateX(0deg);
}
.hero-lead {
color: rgba(255, 255, 255, 0.92) !important;
font-size: 1.15rem !important;
line-height: 1.65 !important;
margin: 0 auto 30px auto !important;
max-width: 760px;
}
.hero-cta-buttons {
gap: 15px !important;
margin-bottom: 35px !important;
}
.hero-btn-primary .wp-block-button__link {
background-color: var(--theme-palette-color-2, #0284c7) !important;
color: #ffffff !important;
padding: 14px 28px !important;
font-weight: 700 !important;
border-radius: 10px !important;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25);
transition: transform 0.25s ease, background-color 0.25s ease;
}
.hero-btn-primary .wp-block-button__link:hover {
transform: translateY(-2px);
background-color: color-mix(in srgb, var(--theme-palette-color-2, #0284c7) 85%, #000000) !important;
}
.hero-btn-secondary .wp-block-button__link {
background-color: #25d366 !important;
color: #ffffff !important;
padding: 14px 28px !important;
font-weight: 700 !important;
border-radius: 10px !important;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25);
transition: transform 0.25s ease, background-color 0.25s ease;
}
.hero-btn-secondary .wp-block-button__link:hover {
transform: translateY(-2px);
background-color: #1eb956 !important;
}
.hero-organs-strip {
display: flex;
justify-content: center;
align-items: center;
gap: 14px;
flex-wrap: wrap;
margin-top: 25px;
}
.organ-chip {
background: rgba(255, 255, 255, .89);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.28);
border-radius: 30px;
padding: 8px 18px 8px 12px;
display: inline-flex;
align-items: center;
gap: 10px;
color: #242b50;
font-size: 0.88rem;
font-weight: 600;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
transition: transform 0.3s ease, background-color 0.3s ease;
animation: organFloat 4s ease-in-out infinite alternate;
}
.organ-chip img {
width: 32px;
height: 32px;
object-fit: contain;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}
.organ-chip:nth-child(1) { animation-delay: 0s; }
.organ-chip:nth-child(2) { animation-delay: 0.7s; }
.organ-chip:nth-child(3) { animation-delay: 1.4s; }
.organ-chip:nth-child(4) { animation-delay: 2.1s; }
.organ-chip:nth-child(5) { animation-delay: 2.8s; }
@keyframes organFloat {
0% { transform: translateY(0px); }
100% { transform: translateY(-8px); }
}
.home-pillars-container {
max-width: 1360px;
margin: -50px auto 65px auto !important;
position: relative;
z-index: 10;
padding: 0 20px;
}
.home-pillars-grid {
gap: 20px !important;
}
.pillar-card {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 28px 22px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
display: flex;
flex-direction: column;
align-items: flex-start;
transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.3s ease, border-color 0.3s ease;
}
.pillar-card:hover {
transform: translateY(-6px);
border-color: var(--theme-palette-color-2, #0284c7);
box-shadow: 0 15px 35px rgba(2, 132, 199, 0.12);
}
.pillar-icon-wrap {
width: 68px;
height: 68px;
border-radius: 14px;
background: color-mix(in srgb, var(--theme-palette-color-2, #0284c7) 8%, #ffffff);
border: 1px solid color-mix(in srgb, var(--theme-palette-color-2, #0284c7) 20%, transparent);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 18px;
transition: transform 0.3s ease;
}
.pillar-icon-wrap img {
width: 44px;
height: 44px;
object-fit: contain;
}
.pillar-card:hover .pillar-icon-wrap {
transform: scale(1.1) rotate(2deg);
}
.pillar-title {
font-size: 1.25rem;
font-weight: 800;
color: #0f172a;
margin: 0 0 10px 0;
line-height: 1.3;
}
.pillar-desc {
font-size: 0.93rem;
line-height: 1.6;
color: #475569;
flex-grow: 1;
margin-bottom: 16px;
}
.pillar-link a {
color: var(--theme-palette-color-2, #0284c7);
font-weight: 700;
text-decoration: none;
font-size: 0.9rem;
}
.pulse-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.pulse-list li {
font-size: 0.96rem;
line-height: 1.6;
color: #334155;
margin-bottom: 14px;
padding-left: 28px;
position: relative;
}
.pulse-list li::before {
content: "";
position: absolute;
left: 4px;
top: 9px;
width: 9px;
height: 9px;
border-radius: 50%;
background-color: var(--theme-palette-color-2, #0284c7);
box-shadow: 0 0 0 0 rgba(2, 132, 199, 0.7);
animation: bulletPulse 2s infinite cubic-bezier(0.45, 0, 0.2, 1);
}
@keyframes bulletPulse {
0% {
box-shadow: 0 0 0 0 rgba(2, 132, 199, 0.75);
}
70% {
box-shadow: 0 0 0 9px rgba(2, 132, 199, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(2, 132, 199, 0);
}
}
.pulse-list li strong {
color: #0f172a;
}
.home-section-container {
max-width: 1360px;
margin: 0 auto 75px auto !important;
padding: 0 20px;
}
.section-title {
font-size: 2.1rem;
font-weight: 800;
color: #0f172a;
margin-bottom: 18px;
line-height: 1.25;
}
.section-title-center {
font-size: 2.2rem;
font-weight: 800;
color: #0f172a;
text-align: center;
margin-bottom: 12px;
}
.section-subtitle-center {
text-align: center;
font-size: 1.05rem;
color: #64748b;
max-width: 750px;
margin: 0 auto 40px auto;
}
.section-paragraph {
font-size: 1.05rem;
line-height: 1.7;
color: #475569;
margin-bottom: 16px;
}
.home-quote-highlight {
font-size: 1.1rem;
font-style: italic;
font-weight: 600;
color: #0369a1;
background-color: #f0f9ff;
border-left: 4px solid var(--theme-palette-color-2, #0284c7);
padding: 16px 20px;
border-radius: 0 10px 10px 0;
margin: 25px 0 0 0;
}
.manifest-card-col {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 30px 25px;
}
.manifest-card-title {
font-size: 1.3rem;
font-weight: 800;
color: #0f172a;
margin: 0 0 20px 0;
padding-bottom: 12px;
border-bottom: 2px solid #e2e8f0;
} .home-spec-grid {
gap: 22px !important;
margin-bottom: 22px !important;
}
.home-spec-card {
background: #ffffff;
border: 1px solid #e2e8f0;
border-top: 4px solid var(--theme-palette-color-2, #0284c7);
border-radius: 14px;
padding: 24px 20px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
display: flex;
flex-direction: column;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.home-spec-card:hover {
transform: translateY(-4px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}
.home-spec-card h3 {
font-size: 1.25rem;
font-weight: 700;
color: #0f172a;
margin: 0 0 10px 0;
}
.home-spec-card p {
font-size: 0.95rem;
line-height: 1.6;
color: #475569;
flex-grow: 1;
margin-bottom: 15px;
}
.card-action-link a {
color: var(--theme-palette-color-2, #0284c7);
font-weight: 700;
text-decoration: none;
font-size: 0.9rem;
}
.btn-view-all .wp-block-button__link {
background-color: transparent !important;
color: var(--theme-palette-color-2, #0284c7) !important;
border: 2px solid var(--theme-palette-color-2, #0284c7) !important;
font-weight: 700 !important;
border-radius: 10px !important;
padding: 12px 28px !important;
}
.btn-view-all .wp-block-button__link:hover {
background-color: var(--theme-palette-color-2, #0284c7) !important;
color: #ffffff !important;
} .home-lab-row {
gap: 40px !important;
align-items: stretch !important;
}
.btn-lab-page .wp-block-button__link {
background-color: var(--theme-palette-color-2, #0284c7) !important;
color: #ffffff !important;
font-weight: 700 !important;
border-radius: 10px !important;
padding: 12px 26px !important;
}
.lab-info-card-col {
background: #f0f9ff;
border: 1px solid #bae6fd;
border-radius: 16px;
padding: 30px;
display: flex;
flex-direction: column;
}
.lab-box-heading {
font-size: 1.3rem;
font-weight: 800;
color: #0369a1;
margin-bottom: 20px;
}
.lab-box-p {
font-size: 0.95rem;
line-height: 1.6;
color: #334155;
margin-bottom: 15px;
}
.lab-box-footer {
font-size: 0.95rem;
line-height: 1.65;
color: #0f172a;
background: #ffffff;
border: 1px solid #bae6fd;
padding: 15px;
border-radius: 10px;
margin-top: auto;
} .home-faq-wrapper {
max-width: 1200px;
margin: 60px auto 70px auto !important;
padding: 0 20px;
}
.faq-main-heading {
text-align: center;
font-size: 2.2rem;
font-weight: 800;
color: #0f172a;
margin-bottom: 10px;
}
.faq-subheading {
text-align: center;
font-size: 1.05rem;
color: #64748b;
margin-bottom: 35px;
}
.home-accordion {
display: flex;
flex-direction: column;
gap: 12px;
}
.wp-block-accordion-item {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 12px;
overflow: hidden;
transition: border-color 0.25s ease;
}
.wp-block-accordion-item:hover {
border-color: color-mix(in srgb, var(--theme-palette-color-2, #0284c7) 40%, #e2e8f0);
}
.wp-block-accordion-heading__toggle {
width: 100%;
background: none;
border: none;
padding: 18px 22px;
display: flex;
justify-content: space-between;
align-items: center;
text-align: left;
cursor: pointer;
font-size: 1.05rem;
font-weight: 700;
color: #1e293b;
gap: 15px;
}
.wp-block-accordion-heading__toggle-icon {
font-size: 1.3rem;
font-weight: 300;
color: var(--theme-palette-color-2, #0284c7);
}
.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon {
transform: rotate(45deg);
}
.wp-block-accordion-panel {
padding: 0 22px 20px 22px;
font-size: 0.95rem;
line-height: 1.65;
color: #475569;
} .home-cta-banner-wrap {
background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
border-radius: 18px;
padding: 50px 25px;
text-align: center;
max-width: 1140px;
margin: 0 auto 60px auto !important;
}
.cta-banner-h2 {
color: #ffffff !important;
font-size: 2rem;
font-weight: 800;
margin-bottom: 12px;
}
.cta-banner-p {
color: rgba(255, 255, 255, 0.9);
font-size: 1.1rem;
max-width: 650px;
margin: 0 auto 30px auto;
}
.cta-banner-buttons {
gap: 15px !important;
}
.btn-cta-phone .wp-block-button__link {
background-color: #ffffff !important;
color: #0369a1 !important;
font-weight: 700 !important;
border-radius: 10px !important;
}
.btn-cta-wa .wp-block-button__link {
background-color: #25d366 !important;
color: #ffffff !important;
font-weight: 700 !important;
border-radius: 10px !important;
}
.btn-cta-map .wp-block-button__link {
background-color: transparent !important;
color: #ffffff !important;
border: 2px solid #ffffff !important;
font-weight: 700 !important;
border-radius: 10px !important;
}
.fm-reveal {
opacity: 0;
transform: translateY(28px);
transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
will-change: opacity, transform;
}
.fm-reveal.is-inview {
opacity: 1;
transform: translateY(0);
} .no-js .fm-reveal,
.no-js .hero-title .animate-char {
opacity: 1 !important;
transform: none !important;
} @media (max-width: 781px) {
.hero-title {
font-size: 2.1rem !important;
}
.home-pillars-container {
margin-top: 15px !important;
}
.home-pillars-grid {
display: grid !important;
grid-template-columns: 1fr;
}
.hero-organs-strip {
gap: 8px;
}
.organ-chip {
padding: 6px 12px;
font-size: 0.8rem;
}
.organ-chip img {
width: 45px;
height: 45px;
}
.home-manifest-row, .home-lab-row {
display: flex !important;
flex-direction: column !important;
gap: 25px !important;
}
.cta-banner-h2 {
font-size: 1.5rem;
}
}
@media (min-width:768px) and (max-width: 1202px) {
body #header  #header-menu-1 .menu li.menu-item .ct-menu-link{
padding: 0px 5px !important;
letter-spacing: 1px;
}
}