:root{
 --mos:#415556;
 --mahonie:#4d342f;
 --eierschaal:#eee8dc;
 --houtskool:#303030;
 --wit:#fff;
 --soft:#f7f4ee;
 --muted:#696864;
 --line:rgba(48,48,48,.12);
 --shadow:0 1.5rem 4.375rem rgba(48,48,48,.10);
 --radius:1.75rem;
 --container:73.75rem;
}
\*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Elms Sans",Inter,Arial,sans-serif;color:var(--houtskool);background:#fff;line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit}
button,input,textarea{font:inherit}
.container{width:min(calc(100% - 2.5rem),var(--container));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;height:8.75rem;background:rgba(255,255,255,.93);backdrop-filter:blur(1rem);border-bottom:1px solid var(--line)}
.nav-wrap{height:8.75rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{display:flex;align-items:center;gap:1.25rem;text-decoration:none}
.brand-logo{display:block;height:6.5625rem;width:auto;object-fit:contain}
.brand-copy{display:grid;line-height:1.05;gap:0.375rem}
.brand-copy strong{font-size:1.125rem;letter-spacing:.12em;font-weight:750}
.brand-copy small{font-size:1rem}
.main-nav{display:flex;align-items:center;gap:1.875rem;font-size:1.0625rem;font-weight:500}
.main-nav a{text-decoration:none}
.main-nav a:not(.btn):hover{color:var(--mos)}
.menu-toggle{display:none;border:0;background:none;padding:0.5rem;cursor:pointer}
.menu-toggle span{display:block;width:1.875rem;height:3px;background:var(--houtskool);margin:0.375rem 0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:0 1.5rem;border-radius:62.4375rem;text-decoration:none;background:var(--mos);color:var(--eierschaal);font-weight:700;border:1px solid var(--mos);transition:.2s ease}
.btn:hover{transform:translateY(-2px);background:#344849}
.btn-light{background:var(--eierschaal);color:var(--houtskool);border-color:var(--eierschaal)}
.btn-outline{background:transparent;color:var(--mos)}
.btn-small{min-height:2.625rem;padding-inline:1.125rem}
.text-link{font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
.hero{background:var(--eierschaal);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:4.75rem;align-items:center;padding:5.75rem 0}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:0.75rem;font-weight:800;color:var(--mos);margin:0 0 1rem}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(3.1rem,6vw,6rem);line-height:.94;letter-spacing:-.055em;margin-bottom:1.75rem;font-weight:560}
h1 em{font-style:italic;color:var(--mos);font-weight:430}
h2{font-size:clamp(2.2rem,4.5vw,4.35rem);line-height:1;letter-spacing:-.045em;margin-bottom:1.5rem;font-weight:560}
.h2-smaller{font-size:clamp(2rem,4.3vw,4rem);line-height:1;letter-spacing:-.045em;margin-bottom:1.5rem;font-weight:560}
h3{font-size:1.25rem;line-height:1.15}
.quote{font-size:2rem;line-height:1.15;color:var(--mahonie);margin-bottom:1rem;font-weight:bold;}
.lead{max-width:43.75rem;font-size:1.16rem;color:#555451}
.hero-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:2.125rem}
.hero-facts{display:flex;gap:2.125rem;margin-top:3.375rem;padding-top:1.625rem;border-top:1px solid rgba(65,85,86,.24)}
.hero-facts div{display:grid}.hero-facts strong{font-size:1.3rem;color:var(--mos)}.hero-facts span{font-size:.84rem;color:var(--muted)}
.hero-panel{min-height:32.5rem;border-radius:13.75rem 13.75rem 2.125rem 2.125rem;background:var(--mos);display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:var(--shadow)}
.hero-panel img{width:min(78%,22.5rem);mix-blend-mode:normal}
.hero-panel:before,.hero-panel:after{content:"";position:absolute;border:1px solid rgba(238,232,220,.20);border-radius:50%}
.hero-panel:before{width:22.5rem;height:22.5rem;right:-6.875rem;top:-6.25rem}.hero-panel:after{width:13.75rem;height:13.75rem;left:-3.75rem;bottom:-4.375rem}
.hero-logo{
 width: 93.75rem;
 max-width:100%;
 height:auto;
}
.section{padding:6.875rem 0}.section-soft{background:var(--soft)}.section-dark{background:var(--houtskool);color:var(--eierschaal)}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:5.9375rem}.copy-block{max-width:43.75rem;color:#555451;font-size:1.05rem}.copy-block p+p{margin-top:1.25rem}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2.5rem;margin-bottom:3.25rem}.section-heading>p{max-width:33.125rem;color:var(--muted)}.section-heading h2{margin-bottom:0}.section-heading.light>p{color:rgba(238,232,220,.68)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.125rem}.service-card{background:#fff;border:1px solid var(--line);min-height:19.375rem;padding:1.875rem;border-radius:var(--radius);display:flex;flex-direction:column;transition:.25s ease}.service-card:hover{transform:translateY(-0.3125rem);box-shadow:var(--shadow)}.service-card.featured{background:var(--mos);color:var(--eierschaal)}.service-number{font-size:0.75rem;letter-spacing:.14em;color:var(--mos);margin-bottom:3.375rem}.featured .service-number{color:rgba(238,232,220,.65)}.service-card p{color:var(--muted);font-size:.95rem}.featured p{color:rgba(238,232,220,.78)}.service-card a{margin-top:auto;font-weight:750;text-decoration:none}
.pill-grid{display:flex;flex-wrap:wrap;gap:0.75rem}.pill-grid span{border:1px solid var(--line);border-radius:62.4375rem;padding:0.8125rem 1.125rem;background:var(--mahonie);font-size:.94rem; color:var(--eierschaal);font-weight:700};
.owner-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:4.375rem;align-items:center}.portrait{aspect-ratio:4/5;border-radius:var(--radius);background:linear-gradient(160deg,var(--mos),#2d3d3e);display:grid;place-items:center;color:var(--eierschaal);font-size:5rem;font-weight:750;box-shadow:var(--shadow)}.owner-copy p{color:rgba(238,232,220,.72)}.owner-copy .eyebrow{color:#b8c7c7}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.125rem}.review-card{padding:1.75rem;min-height:17.5rem;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;background:#fff}.stars{color:#a47431;letter-spacing:.08em}.review-card p{font-size:1.05rem;margin-top:1.375rem}.review-card footer{display:flex;gap:0.75rem;align-items:center;margin-top:auto}.avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--eierschaal);display:grid;place-items:center;font-weight:750}.review-note{padding:1.125rem 1.25rem;border-radius:1.125rem;background:var(--eierschaal);color:#575651;margin-top:1.625rem}
.quote-band{background:var(--mahonie);color:var(--eierschaal)}.quote-inner{padding:5.25rem 0;text-align:center;max-width:58.125rem}.quote-inner p{font-size:clamp(1.8rem,4vw,3.6rem);line-height:1.08;letter-spacing:-.035em}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:5rem}.contact-card{padding:1.5rem;border-radius:var(--radius);background:var(--eierschaal)}.contact-card a{font-weight:650;text-decoration:none}.contact-card p{color:var(--muted)}
.map-frame{border:0;width:100%;min-height:22.5rem;border-radius:var(--radius);background:var(--soft)}
.page-hero{padding:5.5rem 0 4.5rem;background:var(--eierschaal)}.page-hero h1{font-size:clamp(3rem,7vw,5.6rem);max-width:56.25rem}.page-hero .lead{max-width:48.75rem}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:4.375rem}.prose{font-size:1.04rem}.prose h2{font-size:2.4rem;margin-top:3.25rem}.prose h3{margin-top:2rem}.prose ul{padding-left:1.25rem}.sidebar{position:sticky;top:6.875rem;align-self:start;background:var(--soft);padding:1.5rem;border-radius:1.375rem}.sidebar a{display:block;padding:0.5625rem 0;text-decoration:none;border-bottom:1px solid var(--line)}
.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.125rem}.info-card{padding:1.75rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.sitemap-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.625rem}.sitemap-list section{padding:1.5rem;border-radius:1.375rem;background:var(--soft)}.sitemap-list a{display:block;margin:0.5rem 0;text-decoration:none}.sitemap-list a:hover{text-decoration:underline}
.site-footer{padding:2.625rem 0;background:var(--houtskool);color:var(--eierschaal)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:2.5rem}.footer-grid h4{margin:0 0 0.875rem}.footer-grid a{display:block;text-decoration:none;margin:0.375rem 0;color:rgba(238,232,220,.80)}.footer-grid p{color:rgba(238,232,220,.66)}.footer-bottom{margin-top:2rem;padding-top:1.375rem;border-top:1px solid rgba(238,232,220,.14);display:flex;justify-content:space-between;gap:1.25rem;font-size:.84rem;color:rgba(238,232,220,.58)}
@media(max-width:60rem){
    .menu-toggle{display:block}.main-nav{position:absolute;top:8.75rem;left:1.25rem;right:1.25rem;background:#fff;border:1px solid var(--line);border-radius:1.25rem;box-shadow:var(--shadow);padding:1.375rem;flex-direction:column;align-items:stretch;gap:0.5rem;opacity:0;transform:translateY(-0.5rem);pointer-events:none;transition:.2s}.main-nav.open{opacity:1;transform:none;pointer-events:auto}.main-nav a{padding:0.625rem}
  .hero-grid,.split,.owner-grid,.contact-grid,.content-grid{grid-template-columns:1fr;gap:3.125rem}.hero-panel{min-height:26.875rem;max-width:38.75rem;width:100%;margin-inline:auto}.service-grid,.review-grid{grid-template-columns:repeat(2,1fr)}.sidebar{position:static}.section-heading{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.sitemap-list{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:40rem){
  .container{width:min(calc(100% - 1.75rem),var(--container))}.brand-copy{display:none}.site-header{height:4.375rem}.nav-wrap{height:4.375rem;min-height:4.375rem}.main-nav{top:4.375rem;left:0.875rem;right:0.875rem}.hero-grid{padding:4rem 0 4.5rem}h1{font-size:clamp(3rem,15vw,4.8rem)}h2{font-size:2.55rem}.lead{font-size:1.03rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .text-link{align-self:flex-start}.hero-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1.125rem}.hero-panel{min-height:21.875rem;border-radius:10.3125rem 10.3125rem 1.75rem 1.75rem}.section{padding:4.75rem 0}.service-grid,.review-grid,.card-grid,.sitemap-list{grid-template-columns:1fr}.portrait{max-height:26.25rem}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.page-hero{padding:4rem 0 3.5rem}.page-hero h1{font-size:clamp(3rem,14vw,4.5rem)}
}
/* Google Reviews \*/
.review-summary{display:flex;align-items:center;gap:0.875rem;max-width:26.25rem;padding:1rem 1.125rem;border:1px solid var(--line);border-radius:1.125rem;background:#fff}
.review-summary strong{font-size:1.35rem;color:var(--mos)}
.review-summary span{font-size:.88rem;color:var(--muted);line-height:1.35}
.review-summary-large{margin-bottom:2.125rem}
.review-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.google-badge{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--soft);font-weight:800;color:var(--mos)}
.review-card footer div{display:grid;line-height:1.25}
.review-card footer small{color:var(--muted);margin-top:3px}
.review-empty{padding:1.75rem;border-radius:var(--radius);background:var(--soft);border:1px dashed rgba(65,85,86,.28)}
.review-empty strong{display:block;font-size:1.15rem;margin-bottom:0.375rem}
.review-empty p{max-width:45rem;color:var(--muted)}
/* Photo-ready media blocks. Drop the final images in /assets using these filenames. \*/
.photo-frame{position:relative;overflow:hidden;border-radius:var(--radius);background:linear-gradient(145deg,var(--mos),#263839);min-height:30rem;box-shadow:var(--shadow)}
.photo-frame img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.photo-fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--eierschaal);text-align:center;padding:2.125rem}
.photo-fallback strong{font-size:clamp(2rem,5vw,4.5rem);letter-spacing:-.05em}
.photo-frame img:not([src]),.photo-frame img[src=""]{display:none}
@media(max-width:40rem){.review-summary{width:100%;max-width:none}.photo-frame{min-height:22.5rem}}
.page-hero-grid {
 display: grid;
 grid-template-columns: 1.1fr 0.9fr;
 gap: 3rem;
 align-items: center;
}
.page-hero-image {
 width: 100%;
 height: 23.75rem;
 object-fit: cover;
 border-radius: 1.5rem;
 display: block;
}
/* =========================================================
   CONTACTFORMULIER
   ========================================================= \*/
.contact-form{
 width:100%;
 background:#fff;
 border:1px solid var(--line);
 border-radius:var(--radius);
 padding:42px;
 box-shadow:var(--shadow);
}
/* Twee kolommen \*/

/*.form-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px;
}*/


/* Velden */

.form-group{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-right:24px;
  margin-bottom:24px;
}


/* Labels */

.form-group label{
  font-size:.9rem;
  font-weight:750;
  color:var(--houtskool);
}


/* Inputs */

.form-group input,
.form-group select,
.form-group textarea{
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--soft);
  color:var(--houtskool);
  padding:14px 16px;
  font:inherit;
  outline:none;
  transition:.2s ease;
}


/* Hoogte input/select */

.form-group input,
.form-group select{
  min-height:54px;
}


/* Tekstveld */

.form-group textarea{
  min-height:170px;
  resize:vertical;
  line-height:1.6;
}
/* Focus \*/
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
 background:#fff;
 border-color:var(--mos);
 box-shadow:0 0 0 3px rgba(65,85,86,.10);
}
/* Placeholder \*/
.form-group input::placeholder,
.form-group textarea::placeholder{
 color:var(--muted);
 opacity:.7;
}
/* Kleine tekst onder bericht \*/
.form-group small{
 max-width:45rem;
 color:var(--muted);
 font-size:.82rem;
 line-height:1.5;
}
/* =========================================================
   PRIVACY CHECKBOX
   ========================================================= \*/
.form-check{
 display:flex;
 align-items:flex-start;
 gap:0.75rem;
 max-width:47.5rem;
 margin:0.25rem 0 1.75rem;
 color:var(--muted);
 font-size:.9rem;
 line-height:1.5;
}
.form-check input{
 width:1.125rem;
 height:1.125rem;
 margin-top:3px;
 flex:0 0 auto;
 accent-color:var(--mos);
}
/* =========================================================
   ONDERSTE TEKST
   ========================================================= \*/
.form-note{
 margin:1.125rem 0 0;
 color:var(--muted);
 font-size:.84rem;
}
/* =========================================================
   HONEYPOT / SPAMBEVEILIGING
   ========================================================= \*/
.website-field{
 position:absolute;
 left:-624.9375rem;
 width:1px;
 height:1px;
 overflow:hidden;
}
/* =========================================================
   MELDING NA VERZENDEN
   ========================================================= \*/
.form-message{
 padding:1.375rem 1.5rem;
 margin-bottom:1.875rem;
 border-radius:1.125rem;
 border:1px solid var(--line);
}
.form-message strong{
 display:block;
 margin-bottom:0.3125rem;
 font-size:1.05rem;
}
.form-message p{
 margin:0;
 font-size:.94rem;
}
/* Gelukt \*/
.form-success{
 background:var(--eierschaal);
 color:var(--houtskool);
 border-color:rgba(65,85,86,.24);
}
.form-success strong{
 color:var(--mos);
}
/* Fout \*/
.form-error{
 background:#f8eeee;
 color:var(--houtskool);
 border-color:rgba(77,52,47,.22);
}
.form-error strong{
 color:var(--mahonie);
}
/* =========================================================
   MOBIEL
   ========================================================= \*/
@media(max-width:40rem){
 .contact-form{
  padding:1.625rem 1.25rem;
  border-radius:1.375rem;
 }
 .form-grid{
  grid-template-columns:1fr;
  gap:0;
 }
 .form-group input,
 .form-group select{
  min-height:3.25rem;
 }
}
/* Specialisatiekaarten met foto's \*/
.service-card{
 min-height:30rem;
}
.service-image{
 width:100%;
 height:11.875rem;
 object-fit:cover;
 object-position:center;
 border-radius:1.125rem;
 display:block;
 margin-bottom:1.625rem;
}
@media(max-width:60rem){
 .service-image{
  height:13.125rem;
 }
}
@media(max-width:40rem){
 .service-card{
  min-height:0;
 }
 .service-image{
  height:13.75rem;
  border-radius:1rem;
  margin-bottom:1.375rem;
 }
}
@media (max-width: 48rem) {
 .page-hero-grid {
  grid-template-columns: 1fr;
  gap: 1.75rem;
 }
 .page-hero-image {
  height: 16.25rem;
 }
}
@media (max-width: 48rem) {
 .brand-logo {
  height: 2.875rem;
 }
}
/* =========================================================
   THERAPEUTEN
   ========================================================= \*/
.therapist-profile{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:4.5rem;
  align-items:start;
}
/* Wisselt foto en tekst om \*/
.therapist-profile-reverse .therapist-photo{
  order:2;
}
.therapist-profile-reverse .therapist-copy{
  order:1;
}
/* Foto \*/
.therapist-photo{
  width:100%;
  aspect-ratio:4 / 5;
  overflow:hidden;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  background:var(--eierschaal);
}
.therapist-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
/* Tekst \*/
.therapist-copy{
  max-width:45rem;
}
.therapist-copy h2{
  margin-bottom:1.875rem;
}
.therapist-copy p{
  color:var(--muted);
  font-size:1.02rem;
}
.therapist-copy p + p{
  margin-top:1.125rem;
}
.therapist-copy .btn{
  margin-top:1rem;
}
/* Donkere Pieter-sectie \*/
.section-dark .therapist-copy p{
  color:rgba(238,232,220,.74);
}
.section-dark .therapist-copy .eyebrow{
  color:#b8c7c7;
}
/* Specialisaties Yuri \*/
.therapist-specialties{
  margin:1.5rem 0 1.75rem;
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:0.625rem;
}
.therapist-specialties li{
  padding:0.625rem 1rem;
  border-radius:62.4375rem;
  background:var(--eierschaal);
  font-size:.9rem;
}
.therapist-specialties a{
  color:var(--mos);
  font-weight:700;
  text-decoration:none;
}
.therapist-specialties a:hover{
  text-decoration:underline;
}
/* =========================================================
   TABLET / MOBIEL
   ========================================================= \*/
@media(max-width:60rem){
  .therapist-profile{
    grid-template-columns:1fr;
    gap:2.625rem;
  }
  .therapist-profile-reverse .therapist-photo,
  .therapist-profile-reverse .therapist-copy{
    order:initial;
  }
  .therapist-photo{
    max-width:32.5rem;
  }
}
@media(max-width:40rem){
  .therapist-profile{
    gap:2rem;
  }
  .therapist-photo{
    max-width:none;
    aspect-ratio:4 / 5;
    border-radius:1.375rem;
  }
  .therapist-copy p{
    font-size:1rem;
  }
}
/* =========================================================
   RESPONSIVE HERO
   ========================================================= */

@media (max-width: 60rem) {

    .hero-grid {
        grid-template-columns: 1fr;
        gap: 3.125rem;
    }

    .hero-panel {
        min-height: 26.875rem;
        max-width: 38.75rem;
        width: 100%;
        margin-inline: auto;
    }
}

@media (max-width: 40rem) {

    .hero-grid {
        grid-template-columns: 1fr;
        gap: 2.5rem;
        padding: 4rem 0 4.5rem;
    }

    .hero-panel {
        width: 100%;
        min-height: 21.875rem;
        max-width: 100%;
        margin-inline: auto;
        border-radius: 10.3125rem 10.3125rem 1.75rem 1.75rem;
    }

    .hero-panel img {
        width: min(78%, 22.5rem);
        height: auto;
        margin-inline: auto;
    }
}
/* =========================================================
   AFSPRAAK POPUP
   ========================================================= */

.appointment-popup{
    position:fixed;
    inset:0;
    z-index:9999;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:1.5rem;

    background:rgba(48,48,48,.55);
    backdrop-filter:blur(4px);

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transition:
        opacity .25s ease,
        visibility .25s ease;
}

.appointment-popup.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.appointment-popup-box{
    position:relative;
    width:calc(80% - 3rem);
    max-width:34rem;
    padding:2.5rem 3rem;
    background:#fff;
    border:1px solid var(--line);
    border-radius:1.75rem;
    box-shadow:var(--shadow);
    transform:translateY(1rem) scale(.98);
    transition:transform .25s ease;
}

.appointment-popup.open .appointment-popup-box{
    transform:translateY(0) scale(1);
}

.appointment-popup-box .eyebrow{
    margin-bottom:.75rem;
}

.appointment-popup-box h3{
    margin-bottom:1.75rem;
    padding-right:2rem;
    font-size:1.6rem;
}

.appointment-popup-actions{
    display:flex;
    flex-direction:column;
    gap:.75rem;
    margin-top:1.75rem;
}
.appointment-popup-actions .btn{
    width:80%;
    min-height:3.5rem;
}

.appointment-popup-close{
    position:absolute;
    top:1rem;
    right:1rem;

    display:flex;
    align-items:center;
    justify-content:center;

    width:2.5rem;
    height:2.5rem;

    padding:0;
    border:0;
    border-radius:50%;

    background:var(--soft);
    color:var(--houtskool);

    font-size:1.5rem;
    line-height:1;

    cursor:pointer;
}

.appointment-popup-close:hover{
    background:var(--eierschaal);
}

@media(max-width:640px){

    .appointment-popup{
        padding:1rem;
    }

    .appointment-popup-box{
        width:80%;
        max-width:none;
        padding:2rem 1.5rem;
        border-radius:1.375rem;
    }

    .appointment-popup-box h3{
        font-size:1.4rem;
    }
}