.modal{
  display:none;
}
.timeline-container {
position: relative;
padding-left:7%;
margin: auto;
}

.timeline-item {
display: flex;
margin-bottom: 1em;
margin-top: 1em;

}
.timeline-content > img{
width: 35%;
display: block;
margin-left: auto;
margin-right: auto;
}

.timeline-dot {
width: 12px;
height: 10px;
background-color: aliceblue;
border-radius: 50%;
position: relative;
left: -5px; /* Adjust this value to align the dot on the line */
}

.timeline-content {
border-radius: 0.4em;
box-shadow: 0 3px 6px rgba(0,0,0,0.1);
width: 76%;
font-size:0.9em;
padding:2em;
padding-top:1em;
background-color:#19284b;
/* Adjust spacing between dot and content */
}
.timeline-content > h3{
color:white;
font-size:2em;
}

#particles-js {
position: relative;
top:0;
left:0;
right:0;
bottom:0;
width: 100%;
background:white;
background-position: 50% 50%;
padding-top:2em;
margin-top:0em;
display:grid;grid-template-columns:50% 50%;text-align:left;

}
.rsteps{
margin-left: auto;
margin-right: auto;
background-color:#1b3c9a;
position:relative;
border-radius:0.3em;
padding:10%;
}
.rsteps > div{
font-weight:bold;
}
@keyframes slideIn {
from {
transform: translateX(-100%); /* Starts off-screen to the left */
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
.toprow8 {
animation-duration: 1s; /* Duration of the slide-in effect */
animation-fill-mode: forwards; /* Keeps the element in the final state after the animation */
}

.toprow8.scrolled {
animation-name: slideIn; /* Apply the slide-in animation */
}
.featureholds{
font-size:1.4em;
}
#griditit.shrunk {
padding: 0;
border: none;
box-shadow: none;
display:none !important;
}
/* For Chrome, Safari, and Opera */
::-webkit-scrollbar {
width: 20px !important; /* Increase width of scrollbar */
z-index: 10000000 !important;
}

::-webkit-scrollbar-track {
background: #f1f1f1 !important; /* Change the track (background) color */
}

::-webkit-scrollbar-thumb {
background: #888; /* Change the scrollbar color */
}

::-webkit-scrollbar-thumb:hover {
background: #555; /* Change the scrollbar color on hover */
}

/* For Internet Explorer and Edge */
body {
scrollbar-width: thick; /* Increase width of scrollbar */
scrollbar-color: #888 #f1f1f1; /* Change the scrollbar and track color */
}
.intakeProcess{
      padding:1em;
      background-color:aliceblue;
      border-radius:1em;
  }

  .swal-button{
  background-color:#478eff !important;
}

.sourcerep{
  background-color:#95b0f9;
  padding:1em;
  font-size:0.8em;
  border-radius:1em;
  margin-top:1em;
  opacity:0;
  height:0;
  transition: opacity 2s;
}

.viewSources{
  font-weight:bold;
  color:#333;
  text-decoration: none;

}


.sourcerep > label{
  font-size:1.1em;
  width:100%;
font-weight:bold;
}
.fa-arrow-right{
  font-size:1em;
  color:#0d172e;
}

.sourcerep > i{
  color:#ffd1d1;
  font-size:0.6em;
}
h1 > i{
font-size:inherit;
color:inherit;
}
.sourcerep > a{
  color:white;
}

  .introBox{
      padding: 0.4em 2em !important;
      text-align:center !important;
      z-index:2;
  }

  .intromini{
      z-index:2;
  }
  .ddl{
      text-align:center;
      border-radius:1em;
      border:none;
      background-color:#4d557e;
      color:aliceblue;padding:0.4em 0.6em;
  }

  .ddl > option{
      background-color:#333;
          }

          .introBox > h1{
              margin-top:0em !important;
          }
input{
z-index:99;
position:relative;
}

.featureContHold >div >p{
text-align:left;padding:0 3vw;  font-family:'Montserrat', sans-serif;

}

.featureContNew{
width:80vw;
margin-left:auto;
margin-right:auto;
border-radius:1em;
padding:4vh;
color:#333 !important;
font-size:3vh;
display:none;
padding-top:8vh;
}

.featureContNew > p{
text-align:left;
padding:0em 4vw;
}
.featureContHold{
display:grid;
grid-template-columns: 40% 40%;
justify-content:center;
column-gap:1em;
row-gap:1em;
font-size:1.2em;
}

.monkea > a{
color:#333;
text-decoration:none;
font-family:'Dancing Script';
font-size:4vh;
}

.monkea > a:hover{
color:pink;
}

.featureContHold > div{
background-color:#fafcff;
border-radius:1em;
padding:1em;

}
body{
margin:0em;
font-size:1vw;
background:white !important;
min-height: 100%;
display: flex;
flex-direction: column; /* This ensures the body grows with its content */
}
h3 > i{
color:#9191ff !important;
}
.griditit{
display:grid;
grid-template-columns: repeat(8, 1fr);
gap: 2px;
height:100%;
transition: width 0.1s;
width:50vw;
}
.info-section {
  color: #333;
  font-weight:300;
  font-size:1.3em;
  font-family:Merriweather !important;
  border-radius: 0.4em;
  margin-bottom: 1em;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 82, .15);
  padding: 1em 2em;
  background:#b7caff;
  width: 48%;
  text-align:left;
  margin-left:2em;

}
li{
  margin-bottom:0.3em;
}
#widthagain{
transition: width 0.1s;

}
.figure:hover{
cursor: pointer;
}
ul{
  height:auto;
  list-style-type: circle;
  border:none !important;
}
.agrid{
  display: grid;
  grid-template-columns: auto auto;
}
li{
    font-family:'Montserrat', sans-serif;
}
.figure {
width: 30px;
height: 30px;
background-color: aliceblue; /* Default color */
border-radius: 50%; /* Makes the divs circular */
margin: 5px;
transition: transform 0.3s, font-size 0.3s;
position: relative;
display: flex;
align-items: center;
justify-content: center;
color: white; /* Text color */
font-size: 0; /* Initially hide the text */
overflow: hidden; /* Keep the text inside the circle */
z-index: 1;
}
.highlighted {
animation: pulse 2s infinite;
}

.highlighted:hover {
animation: none; /* Stop the pulsating */
}

@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
#progressBar {
background-color: #ddd;
border-radius: 10px; /* Rounded borders */
margin: 0 auto; /* Center the progress bar */
margin-bottom:2em;
margin-top:4%;
}

#progress {
height: 10px;
width: 0%;
background-color: #176ae5;
border-radius: 10px; /* Rounded borders */
transition: width 0.2s ease-in-out; /* Smooth transition for width change */
}

.no-transition {
transition: none;
}
#percentDisplay{
font-size:4em;
display:absolute;
bottom:15%;
right:5%;
}

.firstlist{
margin-top:2%;
background-color: #0000002e;
padding: 1em;
position:relative;
margin-left:auto;
margin-right:auto;
width:85%;
}
p{
color:white;
margin-left:5%;
width:100%;
font-size:1.2vw;
line-height:1.4em;
}
.firstlist > div{
margin-top:4%;
margin-bottom:6%;
}
a:link, a:visited {
color: #333; /* Or any color you prefer */
text-decoration: none; /* Optional: removes underline */
}
.briefs > a:link, .briefs > a:visited {
color: aliceblue; /* Or any color you prefer */
text-decoration: none; /* Optional: removes underline */
}
.deeb{
color:white;
font-family: 'Montserrat';
font-size:1.7em;
margin-bottom:0.3em;
}
.deeb>i{
color:cornflowerblue;
}

.deeb:hover{
opacity:1;
}
.deeb1:hover{
cursor:pointer;
color:#6b66da;
}
.deeb2:hover{
cursor:pointer;
color:#f84f39;
}
.deeb3:hover{
cursor:pointer;
color:#9191ff;
}
.deeb4:hover{
cursor:pointer;
color:cornflowerblue;
}
.deeb5:hover{
cursor:pointer;
color:steelblue;
}
.deeb6:hover{
cursor:pointer;
color:lightcoral;
}
.deeb7:hover{
cursor:pointer;
color:#f84f39;
}

.deeb8:hover{
cursor:pointer;
color:#6b66da;
}
.deeb1{
opacity:0.95;
}.deeb2{
opacity:0.9;
}.deeb3{
opacity:0.8;
}.deeb4{
opacity:0.75;
}.deeb5{
opacity:0.7;
}.deeb6{
opacity:0.6;
}.deeb7{
opacity:0.55;
}.deeb8{
opacity:0.5;
}
.deeb9{
opacity:0.4;
}
.deeb9:hover{
cursor:pointer;
color:cornflowerblue;
}
.deeb10{
opacity:0.35;
}
.deeb10:hover{
cursor:pointer;
color:#f84f39;
}
.deeb11{
opacity:0.3;
}
.deeb10:hover{
cursor:pointer;
color:#f84f39;
}
.deeb12{
opacity:0.25;
}
.imgcon > img{
width:100%;
border-radius:0.4em;
}
.imgcon{
display:grid;
grid-template-columns: auto auto auto auto auto;
gap:1em;
}
.deeb11:hover{
cursor:pointer;
color:#4ae5ef;
}
.deeb13{
opacity:0.2;
}
.deeb12:hover{
cursor:pointer;
color:cornflowerblue;
}

.deeb13:hover{
cursor:pointer;
color:#f84f39;
}

.deeb span {
font-size: 0.8em;
color: white;
display:block;
opacity: 0;
height:0;
  font-family:'Montserrat', sans-serif;
overflow:hidden;
visibility: hidden;
margin-top:0;
transition: margin 1s ease, height 1s ease, opacity 1s ease, visibility 1s ease;

}
.deeb:hover span {
display:block;
opacity: 1;
margin-top:1em;
height:6em;
visibility: visible;
}
.button2{
color:white !important;
background-color:#203058f7 !important;
border-radius:0.2em !important;
border:none !important;
width: auto !important;
}
.button2:hover{
background-color:#13224b !important;

}
.vertical-div {
transform: rotate(-90deg);
transform-origin: left top;
position: relative;
}
.fa-duotone{
color: #4c6ecd;
font-size: 1em;
}
.pepe{
  color:#333;text-align:left;font-size:1.2rem;margin-left:2em;width:66%;padding-left:1em;border-left:solid 1px #d7d7ff;
}
.timeline-content > p{
margin-left:0;
font-size:1.4em;
}
.homelefttop > label{
  font-size:1.7em;
  font-family:'Inter', sans-serif;
 font-weight:500;
 margin-bottom:1em;
  text-align: left;
  display: block;
  margin-left:1.6em;
  margin-top:1rem;
}
.labelbottom{
margin-top:4rem !important;
}
.fa-angles-right{
color:#264ec1;
font-size:inherit;
}
.fa-star{
color:#6eb5fe;
}
h3{font-size:1.6em;}
html{
scroll-behavior:smooth;overflow-x: hidden;height:100%;width:100%;background-color:#1b1a27;
}
.homelefttop{
display:block;width:80%;margin:Auto;
}
.hometitle{
color:#26253b;padding:0em 1em;font-size:2.7em;font-weight:600;text-align:left !important;margin-bottom:0.4em;font-family:"Inter", sans-serif !important;
}
@media (max-width: 480px) {
.hometitle {
font-size:6em       /* Further adjust padding for very small screens */
}
}

  :root {
    --color-primary: #3751FF;
    --color-text: #1A1F35;
    --color-subtext: #4A4E69;
    --color-card-bg: #f5f5f5;
    --color-border: #E5E7EB;
    --radius: 1rem;
    --shadow-light: rgba(0, 0, 0, 0.05);
    --shadow-strong: rgba(0, 0, 0, 0.1);
  }

  .features-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin: 0 auto;
    width:80vw;
    max-width: 1200px;
    padding: 0 1rem;
  }

  .feature-card {
    flex: 1 1 calc(33.333% - 1.5rem);
    background: #f5f5f596;
    border-radius: var(--radius);
    padding: 2rem;
    box-sizing: border-box;
    padding-bottom:0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-top:2em;
  }
  .feature-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 24px var(--shadow-strong);
  }

  .feature-icon {
    font-size: 2rem;
    color: var(--color-primary);
    margin-bottom: 1rem;
  }

  .feature-card h3 {
    margin: 0 0 0.75rem;
    font-size: 1.5rem;
    color: var(--color-text);
  }
  .feature-card h2, .feature-card h3{
    font-family:'Inter', sans-serif;
    font-weight:600;
    line-height:1em;
    letter-spacing:-0.025em;
    
  }

  .feature-card p {
    margin: 0 0 1.25rem;
    font-size: 1rem !important;
    line-height: 1.3;
    text-align: left;
    font-weight:500;
    color: var(--color-subtext);
  }

  .feature-command {
    display: inline-block;
    font-family: Menlo, Monaco, Consolas, monospace;
    font-size: 0.9rem;
    color: var(--color-text);
    background: var(--color-card-bg);
    border: 1px solid var(--color-border);
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
  }

  .feature-image {
    margin-top: 1.5rem;
    border-radius: 0.75rem;
    overflow: hidden;
  }
  .feature-image img {
    display: block;
    max-width: 88%;
    margin:auto;
    height: auto;
  }

  @media (max-width: 800px) {
    .feature-card {
      flex: 1 1 100%;
    }
  }/* ===== Feature Hero Panel (Re-tuned) ===== */
.feature-hero {
  position: relative;
  background: linear-gradient(45deg, #eef4fb, #e2efff94);
  border-radius: 1.5rem;
  margin: 2rem auto;              /* a bit tighter vertically */
  padding: 2.5rem 1rem;           /* reduce vertical padding */
  max-width: 60vw;                /* full width of parent */
  overflow: hidden;
}


.feature-hero__inner {
  position: relative;
  display: flex;
  align-items: right;
  justify-content: space-between;
  gap: 1.5rem;                    /* a little less gap */
  margin: 0 auto;
  max-width: 1000px;              /* cap the inner width */
}

/* text column */
.feature-hero__text {
  flex: 0 0 35%;                  /* narrower text column */
  max-width: 35%;
  margin-left:2em;
}
.feature-hero__text h3, .feature-hero__text h2 {
  font-size: 1.9rem;              /* slight tweak */
  margin-bottom: 0.5rem;
  font-family:'Inter', sans-serif;
}
.feature-hero__text p {
  margin-bottom: 1rem;            /* tighten spacing */
  font-size: 1.3rem;
  margin-left:0;
  color:#333;
}
.feature-hero__text a{
  font-weight:bold;
}
.lop > a{
font-weight:normal;
font-family:Montserrat;
display: block;
margin-bottom:0.4em;
}
.lop > a:hover{
    color:#3f54bb;
}
.lop{
    margin-top:1em;margin-bottom:3em;display: grid;grid-template-columns: auto;gap:1em;width:auto !important;
}
@media (max-width: 768px) {
  label{
    font-size:1.4rem !important;
    margin:auto !important;
    width:84% !important
  }
  .feature-image img{
    width: 100%;
  }
    .topowner {
        PADDING-BOTTOM: 1REM;
        BORDER-BOTTOM: SOLID 0.1PX LIGHTGREY;
    }
  .homelefttop{
    margin-left:0 !important;
    width:100vw;
  }
  .lop{
    grid-template-columns: auto !important;
  }
  .pepe{
    margin-left:0;
  }
  
}


/* ===== APPENDED FOR AGENTIC CARE ===== */

/* ===== Additions for Agentic Care provider page (namespaced; minimal overrides) ===== */
.provider-page { 
  color: #1A1F35; 
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
}
.provider-page p, 
.provider-page li, 
.provider-page .lede, 
.provider-page .muted { color: #1A1F35 !important; }

.provider-page .section { 
  max-width: 1100px; 
  margin: 0 auto; 
  margin-bottom:3rem;
}
.provider-page .kicker { 
  text-transform: uppercase; 
  letter-spacing: .08em; 
  font-weight: 600; 
  font-size: .85rem; 
  color: #3b4a9f; 
  margin-bottom: .5rem;
}
.provider-page .lede { 
  font-size: 1.15rem; 
  line-height: 1.5; 
  margin-top: .5rem;
}

.provider-page .hero {
  background: linear-gradient(180deg, #eef4ff 0%, #f8fbff 100%);
  border-radius: 1rem;
  padding: 2.25rem 1.25rem;
}
.provider-page .hero h1 { 
  font-size: clamp(1.8rem, 3.5vw, 2.6rem); 
  margin: 0 0 .5rem; 
  color: #0d172e;
}
.provider-page .subtle { color: #4A4E69; }

/* Impact grid */
.provider-page .grid-4 { 
  display: grid; 
  grid-template-columns: repeat(4, minmax(0,1fr)); 
  gap: 1rem; 
  margin-top: 1.25rem;
}
@media (max-width: 960px){ .provider-page .grid-4 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px){ .provider-page .grid-4 { grid-template-columns: 1fr; } }

.provider-page .card {
  background: #ffffff;
  border: 1px solid #E5E7EB;
  border-radius: .9rem;
  padding: 1rem;
  box-shadow: 0 4px 16px rgba(0,0,0,.06);
}
.provider-page .card h3 { 
  margin: 0 0 .35rem; 
  font-size: 1.05rem; 
}
.provider-page .card p { 
  margin: 0; 
  font-size: .95rem !important; 
  color: #4A4E69 !important; 
}

/* Pre-session Brief sample */
.provider-page .brief {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 1rem;
  align-items: stretch;
}
@media (max-width: 900px){ .provider-page .brief { grid-template-columns: 1fr; } }
.provider-page .brief__panel {
  background: #0f1e46;
  color: #fff;
  border-radius: .9rem;
  padding: 1rem;
}
.provider-page .brief__panel h3 { color: #fff; margin-top: 0; }
.provider-page .brief__list { list-style: none; padding: 0; margin: 0; }
.provider-page .brief__item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: .65rem;
  align-items: start;
  padding: .6rem .5rem;
  border-radius: .6rem;
  background: rgba(255,255,255,.06);
  margin-bottom: .5rem;
}
.provider-page .dot { width: .55rem; height: .55rem; border-radius: 999px; margin-top: .35rem; background: #7bb3ff; }
.provider-page .risk { background: rgba(255, 59, 48, .14); }
.provider-page .risk .dot { background: #ff3b30; }
.provider-page .muted { font-size: .9rem; color: #cfd8ff !important; }
.provider-page .badge {
  display: inline-flex; gap: .4rem; align-items: center;
  font-size: .8rem; font-weight: 600;
  background: #ecf2ff; color: #23306d; 
  border: 1px solid #dfe7ff; padding: .25rem .5rem; border-radius: 999px;
}

/* How it works list */
.provider-page .steps { 
  display: grid; 
  grid-template-columns: repeat(3, minmax(0,1fr)); 
  gap: 1rem; 
}
@media (max-width: 960px){ .provider-page .steps { grid-template-columns: 1fr; } }
.provider-page .step { background: #f7f9ff; border: 1px solid #e9edff; border-radius: .9rem; padding: 1rem; }
.provider-page .step strong { font-size: .9rem; display: block; margin-bottom: .35rem; }

/* Buttons */
.provider-page .actions { display: flex; gap: .75rem; flex-wrap: wrap; }
.provider-page .btn {
  display: inline-block;
  background: #203058;
  color: #fff;
  font-weight: 600;
  border-radius: .6rem;
  padding: .7rem .9rem;
  border: 1px solid #172544;
  text-decoration: none;
}
.provider-page .btn:hover { background: #162548; }
.provider-page .btn.secondary { background: #f3f6ff; color: #12204A; border-color: #dfe7ff; }
.provider-page .btn.secondary:hover { background: #e9efff; }

/* Utilities */
.provider-page .stack-xs > * + * { margin-top: .25rem; }
.provider-page .stack-sm > * + * { margin-top: .5rem; }
.provider-page .stack-md > * + * { margin-top: .9rem; }
.provider-page .stack-lg > * + * { margin-top: 1.25rem; }

/* Fix global p rule in legacy CSS within this page */
.provider-page p { color: #1A1F35 !important; }