/* =====================================================================
   SUMMIT DENTAL CARE · TELEDENTISTRY PAGE · styles.css
   Colours: primary #197ea8 · secondary #69727d · accent #c3e9ff · Font: Poppins
   HOW TO USE IN ELEMENTOR: paste the GLOBAL block ONCE (in the first HTML
   widget), then for each section widget paste that section's CSS block
   inside <style>...</style> next to its HTML. Responsive: mobile-first,
   breakpoints at 640px, 768px and 900px.
   ===================================================================== */

/* ===== [CSS] GLOBAL · paste once per page ===== */
.sdc{--p:#197ea8;--s:#69727d;--l:#c3e9ff;--d:#0e3f55;font-family:'Poppins',sans-serif;color:#2b3440;font-size:15px;line-height:1.65;padding:20px 20px;overflow:hidden;box-sizing:border-box}
.sdc *{box-sizing:border-box}
.sdc>*{margin-left:auto;margin-right:auto}
.sdc h1,.sdc h2,.sdc h3{font-family:'Poppins',sans-serif;color:var(--d);margin:0 0 .6em;line-height:1.25}
.sdc h1{font-size:1.65rem}.sdc h2{font-size:1.4rem}.sdc h3{font-size:1.05rem}
.sdc p{margin:0 0 1em}.sdc a{color:var(--p)}
.sdc .lead{font-size:1.02rem}.sdc .note{font-size:.88rem;color:var(--s)}
.sdc .btn{display: inline-flex;width: fit-content;max-width: max-content;align-self: flex-start;background:var(--p);color:#fff!important;border:2px solid var(--p);padding:10px 26px;border-radius:50px;font:600 .95rem 'Poppins',sans-serif;text-decoration:none;cursor:pointer;text-align:center;transition:.25s}
.sdc .btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(25,126,168,.35)}
.sdc .btn.ghost{background:transparent;color:var(--p)!important}
.sdc .card{background:#fff;border:1px solid #d7ebf5;border-radius:18px;padding:20px;transition:.25s}
.sdc .grid{display:grid;gap:18px;grid-template-columns:1fr}
.sdc .tabs{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;padding-bottom:6px}
.sdc .tabs button{flex:none;white-space:nowrap;border:1.5px solid var(--l);background:#fff;color:var(--s);border-radius:12px;padding:10px 14px;font:600 .88rem 'Poppins',sans-serif;cursor:pointer;transition:.2s}
.sdc .tabs button.on{background:var(--p);border-color:var(--p);color:#fff}
@media(min-width:640px){.sdc .two,.sdc .three,.sdc .four{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.sdc{font-size:16px;padding:50px 40px}.sdc h1{font-size:3rem}.sdc h2{font-size:2.1rem}.sdc .card{padding:24px}.sdc .three{grid-template-columns:repeat(3,1fr)}.sdc .four{grid-template-columns:repeat(4,1fr)}.sdc .tabs{flex-wrap:wrap;overflow:visible}}
/* ===== [END CSS] GLOBAL ===== */


/* ===== [CSS] SECTION 1: HERO ===== */
.sdc.sdc-hero{background:linear-gradient(135deg,#0b3347,#197ea8);color:#fff;padding:56px 20px 44px}
.sdc-hero h1{color:#fff;font-size:3rem;line-height:1.1;margin:0 0 14px}
.sdc-hero h2{color:#fff;font-size:2.1rem;line-height:1.25;margin:0 0 14px;font-weight:600;letter-spacing:.01em}
.sdc-hero .badge{display:inline-block;background:#c3e9ff;color:#0e3f55;padding:6px 16px;border-radius:50px;font-size:.78rem;font-weight:600;margin-bottom:18px}
.sdc-hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
.sdc-hero .cta .btn{width:100%;background:#fff;border-color:#fff;color:#0e3f55!important}
.sdc-hero .cta .btn.ghost{background:transparent;color:#fff!important}
.sdc-hero .trust{font-weight:500;color:#c3e9ff}.sdc-hero small{color:#fff;opacity:1}.sdc-hero small a{color:#fff;text-decoration:none;border-bottom:2px solid rgba(255,255,255,.7);padding-bottom:1px;transition:all .2s ease}.sdc-hero small a:hover,.sdc-hero small a:focus{color:#c3e9ff;border-bottom-color:#c3e9ff;background:rgba(255,255,255,.08);text-decoration:none}
.sdc-hero .hero-image-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:28px;max-width:100%;width:100%;align-items:stretch}
.sdc-hero .hero-image{display:block;width:100%;height:420px;object-fit:cover;border-radius:18px;border:2px solid rgba(255,255,255,.35);background:linear-gradient(135deg,#d7eef9,#bfe3f6);box-shadow:0 18px 36px rgba(2,24,38,.18);transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}
.sdc-hero .hero-image:hover{transform:translateY(-2px);box-shadow:0 22px 40px rgba(2,24,38,.22);border-color:rgba(255,255,255,.75)}
@media(min-width:640px){.sdc-hero .cta .btn{width:auto}.sdc-hero .hero-image{height:420px}}
@media(min-width:900px){.sdc.sdc-hero{padding:110px 40px 90px}.sdc-hero .hero-image-grid{grid-template-columns:repeat(2, minmax(0, 1fr));width:100%;max-width:100%;}.sdc-hero .hero-image{height:300px}}
/* ===== [END CSS] SECTION 1 ===== */


/* ===== [CSS] SECTION 2: ABOUT · AT A GLANCE ===== */
.sdc-about .glance{display:grid;gap:14px;grid-template-columns:1fr;margin:24px 0px}
.sdc-about .glance div{background:#fff;border-left:4px solid #197ea8;border-radius:12px;padding:16px 18px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.sdc-about .glance b{display:block;color:#0e3f55;font-size: 16px;}.sdc-about .glance span{font-size:.88rem;color:#2b2e32}
.sdc-about .glance a{color:#197ea8;text-decoration:none;border-bottom:2px solid rgba(25,126,168,.35);padding-bottom:1px;transition:all .2s ease}
.sdc-about .glance a:hover,.sdc-about .glance a:focus{color:#0e3f55;border-bottom-color:#197ea8;background:rgba(195,233,255,.35)}
.sdc-about .note{background:#c3e9ff;border-left:3px solid #197ea8;padding:10px;border-radius:0 12px 12px 0;color:#0e3f55;margin-top:18px}
.sdc-about .note a,.sdc-assess .note a{color:#197ea8;text-decoration:none;border-bottom:2px solid rgba(25,126,168,.35);padding-bottom:1px;transition:all .2s ease}
.sdc-about .note a:hover,.sdc-about .note a:focus,.sdc-assess .note a:hover,.sdc-assess .note a:focus{color:#0e3f55;border-bottom-color:#197ea8;background:rgba(195,233,255,.35)}
@media(min-width:640px){.sdc-about .glance{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.sdc-about .glance{grid-template-columns:repeat(3,1fr);gap:16px}}
/* ===== [END CSS] SECTION 2 ===== */


/* ===== [CSS] SECTION 3: CHOOSE A CONSULTATION ===== */
.sdc.sdc-choose{background:#f1f9fd}
.sdc-choose .pick:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(25,126,168,.15)}
.sdc-choose .pick.on{border-color:#197ea8;box-shadow:0 0 0 3px #c3e9ff}
.sdc-choose .best{color:#197ea8;font-weight:600;font-size:.9rem}
/* ===== [END CSS] SECTION 3 ===== */


/* ===== [CSS] SECTION 4: LEADERSHIP & CREDENTIALS ===== */
.sdc-leader .split{display:grid;gap:18px;grid-template-columns:1fr;margin-bottom:18px}
.sdc-leader .split > *{margin:0}
.sdc-leader .sdc-leader-pic{width:100%;margin:0;order:0}
.sdc-leader .sdc-leader-pic img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;border-radius:16px;border:1px solid rgba(25,126,168,.18);box-shadow:0 14px 28px rgba(14,63,85,.12)}
.sdc-leader .lead a,.sdc-leader p a{color:#197ea8;text-decoration:none;border-bottom:2px solid rgba(25,126,168,.35);padding-bottom:1px;transition:all .2s ease}
.sdc-leader .lead a:hover,.sdc-leader p a:hover,.sdc-leader .lead a:focus,.sdc-leader p a:focus{color:#0e3f55;border-bottom-color:#197ea8;background:rgba(195,233,255,.35)}
.sdc-leader .tl{list-style:none;margin:0;padding:0 0 0 28px;border-left:3px solid #c3e9ff;order:1;position:relative}
.sdc-leader .tl li{position:relative;margin:17px 0 16px;padding:0 0 0 18px}
.sdc-leader .tl li:last-child{margin-bottom:0;padding-bottom:0}
.sdc-leader .tl li:before{content:'';position:absolute;left:-40px;top:6px;width:16px;height:16px;border-radius:50%;background:#197ea8;border:3px solid #fff;box-shadow:0 0 0 4px rgba(25,126,168,.08)}
.sdc-leader .tl b{color:#197ea8}.sdc-leader .tl span{display:block;font-size:.85rem;color:#69727d;margin-top:2px}
.sdc-leader .sdc-leader-support{margin-top:25px}
.sdc-leader .sdc-team-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:24px}
.sdc-leader .sdc-team-card{display:block;background:#fff;border:1px solid #d7ebf5;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px rgba(14,63,85,.06);text-align:center;color:inherit;text-decoration:none;transition:all .25s ease}
.sdc-leader .sdc-team-card:hover,.sdc-leader .sdc-team-card:focus{transform:translateY(-3px);box-shadow:0 14px 28px rgba(14,63,85,.12);text-decoration:none}
.sdc-leader .sdc-team-card img{display:block;width:100%;object-fit:cover;background:#dfeef7}
.sdc-leader .sdc-team-meta{padding:24px 14px 24px;text-align:center}
.sdc-leader .sdc-team-meta strong{display:block;color:#0e3f55;font-size:1.05rem;margin-bottom:6px}
.sdc-leader .sdc-team-qual,.sdc-leader .sdc-team-role{display:block;text-align:center}
.sdc-leader .sdc-team-qual{color:#197ea8;font-size:.82rem;font-weight:600;letter-spacing:.03em;margin-bottom:4px}
.sdc-leader .sdc-team-role{color:#69727d;font-size:.95rem;line-height:1.45;margin-bottom:12px}
.sdc-leader .sdc-team-btn{display:block;width:fit-content;max-width:max-content;margin:0 auto;background:#197ea8;color:#fff!important;border:2px solid #197ea8;border-radius:50px;padding:10px 18px;text-decoration:none;font:600 .85rem 'Poppins',sans-serif;letter-spacing:.01em;transition:.25s;box-shadow:none}
.sdc-leader .sdc-team-btn:hover,.sdc-leader .sdc-team-btn:focus{background:#0e3f55;border-color:#0e3f55;transform:translateY(-2px);box-shadow:0 8px 20px rgba(25,126,168,.35)}
@media(min-width:640px){.sdc-leader .sdc-team-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}}
@media(min-width:900px){.sdc-leader .split{grid-template-columns:1fr 1.2fr;gap:40px;align-items:stretch}.sdc-leader .sdc-leader-pic{order:0;display:flex}.sdc-leader .sdc-leader-pic img{min-height:100%;height:100%;max-height:none}.sdc-leader .tl{order:1;padding-left:28px;margin-left:0}}
/* ===== [END CSS] SECTION 4 ===== */


/* ===== [CSS] SECTION 5: WHY CHOOSE SUMMIT ===== */
.sdc.sdc-why{background:#f1f9fd}
.sdc-why .card a{color:#197ea8;text-decoration:none;border-bottom:2px solid rgba(25,126,168,.35);padding-bottom:1px;transition:all .2s ease}
.sdc-why .card a:hover,.sdc-why .card a:focus{color:#0e3f55;border-bottom-color:#197ea8;background:rgba(195,233,255,.35)}
.sdc-why .card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(25,126,168,.15)}
/* ===== [END CSS] SECTION 5 ===== */


/* ===== [CSS] SECTION 6: INTERNATIONAL & EXECUTIVE AUDIENCES ===== */
.sdc-audience .chips{display:grid;gap:14px;grid-template-columns:1fr 1fr}
.sdc-audience .chips div{background:#c3e9ff;border-radius:16px;padding:18px;font-size:.92rem}
.sdc-audience .chips b{display:block;color:#0e3f55}
@media(min-width:900px){.sdc-audience .chips{grid-template-columns:repeat(4,1fr);gap:18px}}
/* ===== [END CSS] SECTION 6 ===== */


/* ===== [CSS] SECTION 7: HOW IT WORKS ===== */
.sdc.sdc-how{background:#f1f9fd}
.sdc-how .bar{height:6px;background:#d9edf9;border-radius:999px;margin-bottom:18px;overflow:hidden}
.sdc-how .bar i{display:block;height:100%;width:16%;background:linear-gradient(90deg,#197ea8,#0e3f55);border-radius:999px;transition:width .5s}
.sdc-how .steps{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.sdc-how .steps button{flex:1;min-width:90px;border:1.5px solid #c3e9ff;background:#fff;color:#69727d;border-radius:12px;padding:10px 8px;font:600 .82rem 'Poppins',sans-serif;cursor:pointer;transition:.2s;line-height:1.2}
.sdc-how .steps button span{display:none;font-size:.75rem;font-weight:500}
.sdc-how .steps button.on{background:#197ea8;border-color:#197ea8;color:#fff;box-shadow:0 8px 18px rgba(25,126,168,.18)}
.sdc-how .sdc-step-card{background:#fff;border:1px solid #d7ebf5;border-radius:18px;padding:20px;box-shadow:0 10px 24px rgba(14,63,85,.05);white-space:normal;overflow-wrap:break-word;word-break:normal}
.sdc-how .sdc-step-card b,.sdc-how .sdc-step-card strong{display:inline;color:#0e3f55}
.sdc-how .sdc-step-card a{color:#197ea8;text-decoration:none;border-bottom:2px solid rgba(25,126,168,.35);padding-bottom:1px;transition:all .2s ease}
.sdc-how .sdc-step-card a:hover,.sdc-how .sdc-step-card a:focus{color:#0e3f55;border-bottom-color:#197ea8;background:rgba(195,233,255,.35)}
@media(min-width:640px){.sdc-how .steps button{padding:10px 12px}.sdc-how .steps button span{display:block}}
/* ===== [END CSS] SECTION 7 ===== */


/* ===== [CSS] SECTION 8: WHAT CAN BE ASSESSED REMOTELY ===== */
.sdc-assess h3{font-size:1.5rem}
.sdc-assess .sdc-tab-card{background:#fff;border:1px solid #d7ebf5;border-radius:18px;padding:20px;box-shadow:0 10px 24px rgba(14,63,85,.05);word-break:normal;overflow-wrap:break-word}
.sdc-assess .sdc-tab-card b,.sdc-assess .sdc-tab-card strong{display:inline;color:#0e3f55}
.sdc-assess .sdc-tab-card a{color:#197ea8;text-decoration:none;border-bottom:2px solid rgba(25,126,168,.35);padding-bottom:1px;transition:all .2s ease}
.sdc-assess .sdc-tab-card a:hover,.sdc-assess .sdc-tab-card a:focus{color:#0e3f55;border-bottom-color:#197ea8;background:rgba(195,233,255,.35)}
.sdc-assess .sdc-tab-card a[target="_self"]{color:#197ea8}
.sdc-assess .gum{margin:18px auto;background:#c3e9ff;border:0}
.sdc-assess .gum a{color:#197ea8;text-decoration:none;border-bottom:2px solid rgba(25,126,168,.35);padding-bottom:1px;transition:all .2s ease}
.sdc-assess .gum a:hover,.sdc-assess .gum a:focus{color:#0e3f55;border-bottom-color:#197ea8;background:rgba(195,233,255,.35)}
/* (tabs + card styles come from GLOBAL) */
/* ===== [END CSS] SECTION 8 ===== */


/* ===== [CSS] SECTION 9: PLANNING YOUR JOURNEY TO KENYA ===== */
.sdc.sdc-journey{background:#197ea8;color:#e6f4fb}
.sdc-journey h2,.sdc-journey h3{color:#fff}.sdc-journey a{color:#fff;text-decoration:none;border-bottom:2px solid rgba(255,255,255,.7);padding-bottom:1px;transition:all .2s ease}
.sdc-journey a:hover,.sdc-journey a:focus{color:#c3e9ff;border-bottom-color:#c3e9ff;background:rgba(255,255,255,.08)}
.sdc-journey .grid.four{gap:16px}
.sdc-journey .glass{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.24);border-radius:20px;padding:22px;margin-bottom:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 22px rgba(9,37,53,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sdc-journey .glass:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent 35%,transparent 100%);pointer-events:none}
.sdc-journey .glass h3{font-size:1.04rem;margin-bottom:10px;position:relative;z-index:1}
.sdc-journey .glass p{color:#eaf8ff;position:relative;z-index:1;margin:0}
.sdc-journey .tabs{margin:18px 0 18px;padding-bottom:8px}
.sdc-journey .tabs button{background:rgba(255,255,255,.05);color:#cfeefb;border:1px solid rgba(195,233,255,.28);border-radius:12px;padding:10px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.sdc-journey .tabs button.on{background:linear-gradient(135deg,#dff6ff,#bfe7f8);color:#0e3f55;border-color:rgba(255,255,255,.7);box-shadow:0 10px 18px rgba(188,224,240,.18)}
.sdc-journey .note2{font-size:.88rem;color:#c3e9ff}
.sdc-journey .sdc-journey-photos{display:grid;grid-template-columns:1fr;gap:16px;margin-top:22px}
.sdc-journey .sdc-photo-wrap{overflow:hidden;border-radius:18px;border:2px solid rgba(255,255,255,.35);box-shadow:0 18px 36px rgba(2,24,38,.18)}
.sdc-journey .sdc-photo{display:block;width:100%;height:400px;object-fit:cover}
@media(min-width:900px){.sdc-journey .sdc-journey-photos{grid-template-columns:1fr 1fr;align-items:stretch}}
/* ===== [END CSS] SECTION 9 ===== */


/* ===== [CSS] SECTION 10: DATA PROTECTION & RELIABILITY ===== */
.sdc-reviews{margin:18px 0 26px}
.sdc-reviews .ti-widget{display:block;width:100%}
/* No extra CSS: uses GLOBAL only */
/* ===== [END CSS] SECTION 10 ===== */


/* ===== [CSS] SECTION 11: FAQ ACCORDION ===== */
.sdc.sdc-faq{background:#f1f9fd}
.sdc-faq .faq-grid{display:grid;grid-template-columns:1fr;gap:12px}
.sdc-faq details{background:#fff;border:1px solid #d7ebf5;border-radius:14px;margin:0;padding:0 20px}
.sdc-faq summary{cursor:pointer;font-weight:600;color:#0e3f55;padding:16px 0;list-style:none}
.sdc-faq summary::-webkit-details-marker{display:none}
.sdc-faq summary:after{content:'+';float:right;color:#197ea8;font-size:1.3rem;line-height:1}
.sdc-faq details[open] summary:after{content:'–'}
.sdc-faq details p{color:#4a5560}
@media(min-width:900px){.sdc-faq .faq-grid{grid-template-columns:1fr}}
/* ===== [END CSS] SECTION 11 ===== */


/* ===== [CSS] SECTION 12: BOOKING CTA ===== */
.sdc.sdc-book{background:linear-gradient(135deg,#197ea8,#0e5a7a);color:#fff}
.sdc-book h2{color:#fff}
.sdc-book .sdc-book-row{display:grid;grid-template-columns:1fr;gap:18px;align-items:stretch}
.sdc-book .sdc-book-col{padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:18px}
.sdc-book .sdc-book-main{background:rgba(255,255,255,.04)}
.sdc-book .lead{color:#eaf8ff;max-width:780px;margin:0 0 12px}
.sdc-book .sdc-book-note{margin:0 0 18px;color:#eaf8ff;font-size:.82rem;line-height:1.6}
.sdc-book .sdc-book-actions{display:flex;flex-wrap:wrap;gap:12px}
.sdc-book .sdc-book-actions .btn{background:#fff;border-color:#fff;color:#0e3f55!important}
.sdc-book .sdc-book-actions .btn.ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.7)}
.sdc-book .sdc-book-contact{background:#54595f}
.sdc-book .sdc-contact-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;color:#f3f7fb;line-height:1.6}
.sdc-book .sdc-contact-item:last-of-type{margin-bottom:0}
.sdc-book .sdc-contact-icon{display:block;flex:0 0 20px;width:20px;height:20px;margin-top:2px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sdc-book .sdc-contact-item a{color:#fff;text-decoration:none}
.sdc-book .sdc-contact-item a:hover,.sdc-book .sdc-contact-item a:focus{text-decoration:underline}
.sdc-book .sdc-book-contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.sdc-book .sdc-book-contact .btn.small{display:inline-flex;padding:10px 20px;font-size:.9rem;background:#fff;border-color:#fff;color:#0e3f55!important}
.sdc-book .sdc-book-contact .btn.small.ghost{background:transparent;border-color:rgba(255,255,255,.7);color:#fff!important}
@media(min-width:900px){.sdc-book .sdc-book-row{grid-template-columns:1.4fr .9fr}}
/* ===== [END CSS] SECTION 12 ===== */


/* ===== [CSS] SECTION 13: STICKY MOBILE BAR ===== */
.sdc.sdc-sticky{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;box-shadow:0 -4px 18px rgba(0,0,0,.12);z-index:999;overflow:visible}
.sdc-sticky .btn{flex:1;padding:11px 8px;font-size:.88rem;max-width:none}
@media(max-width:767px){body{padding-bottom:70px}}
@media(min-width:768px){.sdc.sdc-sticky{display:none}}
/* ===== [END CSS] SECTION 13 ===== */