.tq-doctors-page { --tq-red: #ff3448; --tq-red-dark: #de263c; --tq-cyan: #06b4c8; --tq-cyan-dark: #029eb0; --tq-navy: #22262d; --tq-muted: #68737c; --tq-soft: #f5fbfc; --tq-border: rgba(34, 38, 45, .08); background: #f9fbfd; color: var(--tq-navy); overflow: hidden;}.tq-doctors-page *,.tq-doctors-page *::before,.tq-doctors-page *::after { box-sizing: border-box;}.tq-doctors-container { width: min(1320px, calc(100% - 48px)); margin: 0 auto;}.tq-doctors-hero { position: relative; left: 50%; width: 100vw; margin-left: -50vw; margin-bottom: 70px; padding: 8% 0 84px; overflow: hidden; border-radius: 0; background: radial-gradient(circle at 84% 18%, rgba(255, 52, 72, .10), transparent 28%), radial-gradient(circle at 8% 82%, rgba(6, 180, 200, .10), transparent 28%), linear-gradient(135deg, #effafe 0%, #e5f5f8 45%, #dceef3 100%);}.tq-doctors-hero::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, .30) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .30) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .62), transparent 82%); pointer-events: none;}.tq-doctors-hero::after { content: ''; position: absolute; width: 640px; height: 640px; right: -180px; top: -260px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, .82) 0%, rgba(255, 255, 255, .18) 46%, transparent 72%); pointer-events: none;}.tq-doctors-hero-inner { position: relative; z-index: 2; width: min(1320px, calc(100% - 48px)); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); gap: clamp(36px, 5vw, 76px); align-items: center;}.tq-doctors-hero-content { min-width: 0; max-width: 680px;}.tq-doctors-eyebrow { display: inline-flex; align-items: center; gap: 10px; padding: 8px 17px 8px 12px; background: rgba(255, 255, 255, .74); backdrop-filter: blur(12px); border: 1px solid rgba(6, 180, 200, .16); border-radius: 100px; color: var(--tq-cyan-dark); font-size: 11px; font-weight: 800; letter-spacing: 1.15px; text-transform: uppercase; box-shadow: 0 10px 30px rgba(6, 180, 200, .07);}.tq-doctors-eyebrow-dot { position: relative; width: 9px; height: 9px; flex: 0 0 9px; border-radius: 50%; background: var(--tq-cyan);}.tq-doctors-eyebrow-dot::after { content: ''; position: absolute; inset: -5px; border: 1px solid rgba(6, 180, 200, .35); border-radius: inherit; animation: tqPulse 2s infinite;}.tq-doctors-hero-title { margin: 24px 0 0; font-size: clamp(46px, 6vw, 76px); line-height: 1.02; letter-spacing: -2.8px; font-weight: 900; color: var(--tq-navy);}.tq-doctors-hero-title .highlight { display: inline-block; background: linear-gradient(135deg, var(--tq-red), var(--tq-red-dark)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}.tq-doctors-hero-desc { max-width: 590px; margin: 24px 0 34px; color: var(--tq-muted); font-size: 16px; line-height: 1.85;}.tq-doctors-search { display: flex; align-items: center; width: min(100%, 570px); min-width: 0; padding: 6px 6px 6px 24px; background: rgba(255, 255, 255, .94); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, .88); border-radius: 60px; box-shadow: 0 15px 45px rgba(34, 38, 45, .08), inset 0 1px 0 rgba(255, 255, 255, .9); transition: transform .3s ease, box-shadow .3s ease;}.tq-doctors-search:focus-within { transform: translateY(-2px); box-shadow: 0 20px 55px rgba(34, 38, 45, .12), 0 0 0 4px rgba(6, 180, 200, .06);}.tq-doctors-search input { flex: 1 1 auto; min-width: 0; width: 100%; border: 0; outline: 0; background: transparent; padding: 13px 0; color: var(--tq-navy); font-size: 14px;}.tq-doctors-search input::placeholder { color: #a9b3ba;}.tq-doctors-search button { flex: 0 0 auto; border: 0; border-radius: 50px; padding: 14px 30px; color: #fff; background: linear-gradient(135deg, var(--tq-red), var(--tq-red-dark)); font-size: 13px; font-weight: 800; cursor: pointer; box-shadow: 0 10px 25px rgba(255, 52, 72, .20); transition: transform .25s ease, box-shadow .25s ease;}.tq-doctors-search button:hover { transform: translateY(-2px) scale(1.015); box-shadow: 0 14px 30px rgba(255, 52, 72, .30);}.tq-doctors-stats { display: flex; align-items: center; gap: 42px; flex-wrap: wrap; margin-top: 34px;}.tq-doctors-stat { display: flex; align-items: center; gap: 13px; min-width: 0;}.tq-doctors-stat-icon { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; flex: 0 0 50px; border-radius: 17px; background: rgba(255, 52, 72, .08); color: var(--tq-red); transition: transform .3s ease, background .3s ease;}.tq-doctors-stat:hover .tq-doctors-stat-icon { transform: translateY(-4px) rotate(-4deg); background: rgba(255, 52, 72, .13);}.tq-doctors-stat-icon.cyan { background: rgba(6, 180, 200, .08); color: var(--tq-cyan-dark);}.tq-doctors-stat:hover .tq-doctors-stat-icon.cyan { background: rgba(6, 180, 200, .13);}.tq-doctors-stat strong { display: block; color: var(--tq-navy); font-size: 19px; line-height: 1.1; font-weight: 900;}.tq-doctors-stat span { display: block; margin-top: 3px; color: var(--tq-muted); font-size: 12px;}.tq-doctors-hero-visual { position: relative; min-width: 0; min-height: 480px; display: flex; align-items: center; justify-content: center;}.tq-hero-svg-wrap { position: relative; width: min(100%, 560px); aspect-ratio: 1 / .92; display: flex; align-items: center; justify-content: center;}.tq-hero-svg-wrap::before { content: ''; position: absolute; width: min(66%, 350px); aspect-ratio: 1; border-radius: 50%; background: rgba(255, 255, 255, .50); box-shadow: 0 30px 80px rgba(34, 38, 45, .08);}.tq-hero-svg-wrap svg { position: relative; z-index: 2; display: block; width: 100%; height: 100%; filter: drop-shadow(0 25px 40px rgba(34, 38, 45, .12)); animation: tqHeroFloat 6s ease-in-out infinite;}.tq-float-icon { position: absolute; z-index: 4; width: 58px; height: 58px; display: flex; align-items: center; justify-content: center; border-radius: 19px; background: rgba(255, 255, 255, .88); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, .9); box-shadow: 0 15px 35px rgba(34, 38, 45, .10); animation: tqFloat 4.5s ease-in-out infinite; transition: transform .3s ease, box-shadow .3s ease;}.tq-float-icon:hover { transform: translateY(-5px) scale(1.05); box-shadow: 0 20px 40px rgba(34, 38, 45, .14);}.tq-float-icon svg { width: 26px; height: 26px; color: var(--tq-red);}.tq-float-icon.cyan svg { color: var(--tq-cyan-dark);}.tq-float-icon--1 { top: 13%; left: 4%;}.tq-float-icon--2 { right: 2%; bottom: 15%; animation-delay: 1.5s;}.tq-doctors-list-section { padding: 10px 0 84px;}.tq-doctors-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 34px;}.tq-doctors-heading-left { max-width: 720px; min-width: 0;}.tq-doctors-heading-eyebrow { display: inline-block; margin-bottom: 9px; color: var(--tq-cyan-dark); font-size: 11px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase;}.tq-doctors-heading-title { margin: 0; color: var(--tq-navy); font-size: clamp(30px, 3.2vw, 44px); line-height: 1.1; letter-spacing: -1.5px; font-weight: 800;}.tq-doctors-heading-title span { color: var(--tq-red);}.tq-doctors-heading-text { max-width: 680px; margin: 10px 0 0; color: #7d8790; font-size: 14px; line-height: 1.75;}.tq-doctors-grid { display: grid; width: 100%; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; align-items: stretch;}.tq-doctors-grid>* { min-width: 0;}.tq-doctor-card { position: relative; min-width: 0; height: 100%; display: flex; flex-direction: column; overflow: hidden; background: #fff; border: 1px solid rgba(34, 38, 45, .07); border-radius: 26px; box-shadow: 0 12px 35px rgba(34, 38, 45, .055); transition: transform .4s cubic-bezier(.2, .7, .2, 1), box-shadow .4s ease, border-color .4s ease;}.tq-doctor-card::before { content: ''; position: absolute; z-index: 6; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--tq-red), var(--tq-cyan)); transform: scaleX(0); transform-origin: left; transition: transform .4s ease;}.tq-doctor-card:hover { transform: translateY(-9px); border-color: rgba(6, 180, 200, .17); box-shadow: 0 26px 60px rgba(34, 38, 45, .12), 0 8px 28px rgba(6, 180, 200, .07);}.tq-doctor-card:hover::before { transform: scaleX(1);}.tq-doctor-card-image { position: relative; display: block; width: 100%; overflow: hidden; aspect-ratio: 1 / 1.14; background: linear-gradient(145deg, #edf9fb, #f9fcfd); text-decoration: none;}.tq-doctor-card-image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 58%, rgba(18, 24, 28, .08)); pointer-events: none;}.tq-doctor-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2, .7, .2, 1), filter .5s ease;}.tq-doctor-card:hover .tq-doctor-card-image img { transform: scale(1.055); filter: saturate(1.04);}.tq-doctor-card-number { position: absolute; z-index: 3; top: 14px; left: 14px; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border-radius: 14px; color: var(--tq-navy); background: rgba(255, 255, 255, .92); backdrop-filter: blur(10px); font-size: 10px; font-weight: 900; box-shadow: 0 8px 25px rgba(34, 38, 45, .10); transition: transform .3s ease, background .3s ease;}.tq-doctor-card:hover .tq-doctor-card-number { transform: scale(1.06) rotate(-3deg); background: #fff;}.tq-doctor-card-overlay { position: absolute; z-index: 4; top: 14px; right: 14px; opacity: 0; transform: translateY(-8px); transition: opacity .3s ease, transform .3s ease;}.tq-doctor-card:hover .tq-doctor-card-overlay,.tq-doctor-card:focus-within .tq-doctor-card-overlay { opacity: 1; transform: translateY(0);}.tq-doctor-view { width: 43px; height: 43px; display: inline-flex; align-items: center; justify-content: center; border-radius: 14px; background: rgba(255, 255, 255, .96); color: var(--tq-red); box-shadow: 0 10px 25px rgba(34, 38, 45, .15); transition: transform .25s ease, background .25s ease, color .25s ease;}.tq-doctor-view:hover { transform: rotate(6deg) scale(1.08); background: var(--tq-red); color: #fff;}.tq-doctor-card-caption { display: none !important;}.tq-doctor-card-content { position: relative; flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; padding: 18px 19px 20px; background: #fff; transition: background .3s ease;}.tq-doctor-card:hover .tq-doctor-card-content { background: #fcffff;}.tq-doctor-card-name { margin: 0; color: var(--tq-navy); font-size: 18px; line-height: 1.3; font-weight: 800; letter-spacing: -.25px; overflow-wrap: anywhere; transition: color .3s ease;}.tq-doctor-card:hover .tq-doctor-card-name { color: var(--tq-red);}.tq-doctor-card-department { display: flex; align-items: flex-start; gap: 8px; min-width: 0; margin: 7px 0 0; color: var(--tq-muted); font-size: 12px; line-height: 1.5; font-weight: 500; overflow-wrap: anywhere;}.tq-doctor-card-department::before { content: ''; width: 7px; height: 7px; flex: 0 0 7px; margin-top: 5px; border-radius: 50%; background: var(--tq-cyan); box-shadow: 0 0 0 4px rgba(6, 180, 200, .08);}.tq-doctor-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; margin-top: auto; padding-top: 14px; border-top: 1px solid rgba(34, 38, 45, .07);}.tq-doctor-card-role { display: inline-flex; align-items: center; gap: 7px; min-width: 0; color: var(--tq-cyan-dark); font-size: 9px; font-weight: 900; letter-spacing: .7px; text-transform: uppercase;}.tq-doctor-card-role::before { content: ''; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: currentColor;}.tq-doctor-card-link { display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; flex: 0 0 auto; margin: 0; color: var(--tq-red); text-decoration: none; font-size: 11px; font-weight: 800; white-space: nowrap; transition: color .25s ease, transform .25s ease;}.tq-doctor-card-link i { font-size: 10px; transition: transform .25s ease;}.tq-doctor-card-link:hover { color: var(--tq-red-dark); transform: translateX(2px);}.tq-doctor-card-link:hover i { transform: translateX(5px);}.tq-doctors-pagination { display: flex; justify-content: center; margin-top: 55px;}.tq-doctors-pagination .pagination { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; list-style: none;}.tq-doctors-pagination .page-item { display: inline-block;}.tq-doctors-pagination .page-link { display: flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 14px; border-radius: 50px; background: #fff; border: 1px solid var(--tq-border); color: var(--tq-navy); font-size: 14px; font-weight: 600; text-decoration: none; transition: all .25s ease; box-shadow: 0 2px 8px rgba(34, 38, 45, .04);}.tq-doctors-pagination .page-link:hover { background: var(--tq-soft); border-color: var(--tq-cyan); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(6, 180, 200, .08);}.tq-doctors-pagination .page-item.active .page-link { background: linear-gradient(135deg, var(--tq-red), var(--tq-red-dark)); border-color: var(--tq-red); color: #fff; box-shadow: 0 8px 24px rgba(255, 52, 72, .25); transform: translateY(-2px);}.tq-doctors-pagination .page-item.disabled .page-link { opacity: .5; pointer-events: none; background: #f5f7f8;}.tq-doctors-pagination .page-link .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}@keyframes tqPulse { 0%, 100% { transform: scale(.8); opacity: .6; } 50% { transform: scale(1.2); opacity: 0; }}@keyframes tqFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); }}@keyframes tqHeroFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-9px); }}@media (max-width: 1199px) { .tq-doctors-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .tq-doctors-hero-inner { grid-template-columns: minmax(0, 1fr) minmax(340px, .9fr); gap: 42px; } .tq-doctors-hero-visual { min-height: 430px; }}@media (max-width: 991px) { .tq-doctors-hero { padding: 76px 0 64px; } .tq-doctors-hero-inner { grid-template-columns: 1fr; gap: 42px; text-align: center; } .tq-doctors-hero-content { max-width: 760px; margin: 0 auto; } .tq-doctors-hero-desc { margin-left: auto; margin-right: auto; } .tq-doctors-search { margin-left: auto; margin-right: auto; } .tq-doctors-stats { justify-content: center; } .tq-doctors-hero-visual { min-height: 390px; } .tq-hero-svg-wrap { max-width: 500px; } .tq-float-icon--1 { left: 12%; } .tq-float-icon--2 { right: 12%; }}@media (max-width: 767px) { .tq-doctors-container, .tq-doctors-hero-inner { width: min(100% - 30px, 1320px); } .tq-doctors-hero { padding: 58px 0 50px; margin-bottom: 46px; } .tq-doctors-hero-title { font-size: 40px; letter-spacing: -1.8px; } .tq-doctors-hero-desc { font-size: 14px; line-height: 1.75; } .tq-doctors-hero-visual { min-height: 330px; } .tq-hero-svg-wrap { max-width: 390px; } .tq-doctors-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .tq-doctor-card-image { aspect-ratio: 1 / 1.15; } .tq-doctor-card-content { padding: 16px; } .tq-doctor-card-name { font-size: 16px; } .tq-doctor-card-department { font-size: 11px; }}@media (max-width: 575px) { .tq-doctors-heading { margin-bottom: 26px; } .tq-doctors-hero { padding: 48px 0 42px; } .tq-doctors-hero-title { font-size: 34px; } .tq-doctors-search { flex-direction: column; align-items: stretch; padding: 7px; border-radius: 24px; } .tq-doctors-search input { padding: 13px 14px; } .tq-doctors-search button { width: 100%; } .tq-doctors-stats { align-items: flex-start; justify-content: flex-start; gap: 20px; text-align: left; } .tq-doctors-stat { flex: 1 1 100%; } .tq-doctors-hero-visual { min-height: 290px; } .tq-hero-svg-wrap { max-width: 330px; } .tq-float-icon { width: 48px; height: 48px; border-radius: 15px; } .tq-float-icon svg { width: 22px; height: 22px; } .tq-float-icon--1 { left: 0; top: 8%; } .tq-float-icon--2 { right: 0; bottom: 8%; } .tq-doctors-grid { grid-template-columns: 1fr; gap: 18px; } .tq-doctor-card-image { aspect-ratio: 1 / 1.04; }}@media (prefers-reduced-motion: reduce) { .tq-float-icon, .tq-doctors-eyebrow-dot::after, .tq-hero-svg-wrap svg { animation: none !important; } .tq-doctor-card, .tq-doctor-card-image img, .tq-doctor-card-overlay, .tq-doctor-card::before, .tq-doctor-card-number, .tq-doctor-card-name, .tq-doctor-card-link, .tq-doctor-card-link i { transition: none !important; }}