﻿/* Conen Medical: legibility across photographs and interactive states. */
:root { --medical-ink: #253c46; --medical-teal: #087987; --medical-blue: #006da5; }
body { color: #525b61; }
.navbar-top-default { background: rgba(255,255,255,.98); box-shadow: 0 1px 12px #253c4610; }
.navbar-top-default .navbar-nav .nav-link { color: #253c46; }
.nav-radius .navbar-nav .nav-link.active, .nav-pills .nav-link.active,
.nav-pills .show > .nav-link { background: var(--medical-blue); color: #fff; }
.open_search, .light-blu, .family, .title-clr, .drk-blu,
.main-title h5, .main-title.style-two h5,
.prog-item .skills-progress span::after { color: var(--medical-teal); }
.main-title.style-two p, .prog-item p, .department-sub, .portfolio-subtitle { color: #525b61; }
.btn.btn-blue, .feature-content .feature-col.one { background: var(--medical-teal); border-color: var(--medical-teal); }
.btn.btn-drk-blue, .feature-content .feature-col.two { background: var(--medical-blue); border-color: var(--medical-blue); }
.btn.btn-blue:hover, .btn.btn-blue:focus, .btn.btn-drk-blue:hover, .btn.btn-drk-blue:focus { background: #075568; border-color: #075568; color: #fff !important; }
.feature-content .feature-col-1, .feature-content .feature-col-2 { color: var(--medical-teal); }
.side-menu, .search_block .overlayer, .search_box, .search_input { background: var(--medical-teal); }
/* The scrim follows the actual slider image and stays below animated layers. */
#home .small-bg-overlay { display: none; }
#home .tp-bgimg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.86) 34%,rgba(255,255,255,.65) 54%,rgba(255,255,255,0) 78%); pointer-events: none; }
#home .tp-caption { color: var(--medical-ink) !important; }
#home .tp-caption .drk-blu { color: #00608c; }
#home .tp-caption .light-blu { color: #006b74; }
#home .tp-caption[id$='layer-3'] { font-size: 16px !important; line-height: 1.65 !important; }
#appointment { position: relative; background-image: linear-gradient(90deg,rgba(15,43,45,0) 15%,rgba(15,43,45,.42) 46%,rgba(15,43,45,.82) 65%,rgba(15,43,45,.86)),url('../img/form-bg.jpg'); }
.form-para { font-size: 15px; font-weight: 400; }
#appointment .form-control, #appointment .select2-selection, #appointment .select2-selection__rendered { background: #fff !important; color: #253c46 !important; font-size: 15px; }
#appointment .form-control::placeholder { color: #4a5960 !important; opacity: 1; }
#appointment .m-label { color: #435c67; }
#appointment .select2-container--default .select2-selection--single .select2-selection__arrow b { border-top-color: #435c67 !important; }
.select2-results__option { color: #253c46; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: #006da5; color: #fff; }
.bg-counter { position: relative; background-attachment: scroll; }
.bg-counter::before { content: ''; position: absolute; inset: 0; background: rgba(248,251,249,.83); pointer-events: none; }
.bg-counter > .container { position: relative; }
.serial-box span, .serial-box p { color: #253c46; }
.count-line { background: var(--medical-teal); }
.bg-testimonial { background: #087987; }
.testimonial-item { color: #525b61; }
.testimonial-item:hover { background: #005d79; }
.testimonial-item:hover h5 { color: #fff; }
.testimonial-item .testimonial-icon { color: #087987; }
/* Letter avatars replace the empty grey theme portrait placeholders. */
.testimonial-image { width: 50px; height: 50px; background: #edf5f4; color: #075568; display: grid; place-items: center; font-weight: 600; }
.testimonial-image img { display: none; }
.testimonial-image::after { content: attr(data-initials); }
#contactus { background: #09647a; }
#contactus > .bg-overlay { background: transparent; }
#google-map { position: relative; overflow: hidden; background: #edf1e9; }
#google-map img { width: 100%; height: 100%; object-fit: cover; }
#google-map .map-caption { position: absolute; bottom: 12px; left: 12px; right: 12px; padding: 8px 12px; background: #fff; color: #253c46; font-size: 13px; text-align: center; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, .select2-selection:focus-visible { outline: 3px solid #006da5 !important; outline-offset: 4px; }
@media (max-width: 991px) {
 #home .tp-bgimg::after { background: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.88) 33%,rgba(255,255,255,.94) 68%,rgba(255,255,255,.2)); }
 #home .tp-caption[id$='layer-3'] { font-size: 15px !important; line-height: 1.6 !important; }
 #appointment { background-image: linear-gradient(90deg,rgba(15,43,45,.75),rgba(15,43,45,.78)),url('../img/form-bg.jpg'); }
 .bg-counter { background-size: auto 100%; }
}
/* Each slide has a different text alignment; keep its photo visible opposite the copy. */
#home li[data-index='rs-45'] .tp-bgimg::after { background: linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.9) 27%,rgba(255,255,255,.92) 73%,rgba(255,255,255,.16)); }
#home li[data-index='rs-46'] .tp-bgimg::after { background: linear-gradient(270deg,rgba(255,255,255,.94),rgba(255,255,255,.86) 34%,rgba(255,255,255,.7) 57%,rgba(255,255,255,0) 85%); }
@media (max-width: 991px) {
 #home li[data-index] .tp-bgimg::after { background: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.9) 30%,rgba(255,255,255,.94) 72%,rgba(255,255,255,.2)); }
}
.feature-item .icon, .feature-item:hover .icon-2 { background-color: #087987; }
.feature-item .icon-2, .feature-item:hover .icon { background-color: #006da5; }
/* Maintain white button text only on opaque, contrast-safe hover surfaces. */
.btn.btn-white-blue:hover, .btn.btn-white-blue:focus { background: #087987; border-color: #087987; color: #fff !important; }
