:root{
      --p:#35675f; --pl:#35675f; --pd:#35675f;
      --t1:#1A1A2E; --t2:#5A5A72; --t3:#9898AA;
      --bg:#FFFFFF; --s1:#F8F8FC; --s2:#F0F0F9;
      --bd:#E4E4EE; --bd2:#D0D0E4;
      --r:20px; --r2:14px; --r3:10px;
    }


.manage-app {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 30px;
}
.manage-app .phone img {
  position: relative;
  z-index: 9;
}
.manage-app .text {
  max-width: 520px;
}

.download-app-client h1 , .download-app-carer h1 {
  font-size: 42px;
  line-height: 1.3;
  color: #2b2d33;
  font-weight: 900;
  margin-bottom: 30px;
}


.manage-app .text h1 span {
  color: #494fc9;
}

.manage-app .text .buttons img {
  height: 45px;
  margin-right: 10px;
  cursor: pointer;
}

.phone {
  position: relative;
}

/* Floating dots animation */
.manage-app .dots {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.manage-app .dot {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #5a5cff;
  border-radius: 50%;
  opacity: 0.7;
  animation: float 6s infinite ease-in-out;
}

.dot:nth-child(2) {
  left: 20%;
  animation-delay: 1s;
}
.dot:nth-child(3) {
  left: 40%;
  animation-delay: 2s;
}
.dot:nth-child(4) {
  left: 60%;
  animation-delay: 3s;
}
.dot:nth-child(5) {
  left: 80%;
  animation-delay: 4s;
}

@keyframes float {
  0% {
    transform: translateY(0px);
    opacity: 0.2;
  }
  50% {
    transform: translateY(-40px);
    opacity: 1;
  }
  100% {
    transform: translateY(0px);
    opacity: 0.2;
  }
}

/* Decorative moving particles */
.particle {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  animation: move 10s linear infinite;
}

.blue {
  background: #5a5cff;
}
.red {
  background: #ff5a7a;
}
.yellow {
  background: #ffc107;
}

@keyframes move {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(40px, -60px);
  }
  100% {
    transform: translate(0, 0);
  }
}

/* Responsive */

/* how it works css */

.how-it-works {
  color: #fff;
  padding: 50px 20px;
  text-align: center;
}

.download-app-client h2 , .download-app-carer h2 {
  font-size: 36px;
  color: #2b2d33;
  margin-bottom: 10px;
  font-weight: 900;
}
.download-app-carer .hero-left h2
{
  font-size: 20px;
}

.download-app-client p {
  color: #4a4f63;
  font-size: 16px;
  margin-bottom: 25px;
  line-height: 1.5;
}
.download-app-carer p
{
    color: #4a4f63;
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 1.6;
}


/* Steps layout */
.how-it-works .steps {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-top: 50px;
}

/* Line */
.how-it-works .steps::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 15%;
  width: 70%;
  height: 1px;
  border-top: 1px dashed #c2c0c8;
  z-index: 0;
}

/* Step */
.how-it-works .step {
  width: 25%;
  position: relative;
  z-index: 1;
}

.how-it-works .circle {
  width: 45px;
  height: 45px;
  background: #cfd2ff;
  color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-weight: bold;
  font-size: 18px;
}

.how-it-works .step h3 {
  color: #2b2d33;
  margin-bottom: 10px;
  font-size: 20px;
}

.how-it-works .step p {
  color: #4a4f63;
  font-size: 15px;
  line-height: 1.6;

}
.care-manage-main {
  display: flex;
  align-items: center;
  justify-content: center;
}
.care-manage-left {
  width: 50%;
  text-align: center;
}
.care-manage img {
  max-width: 400px;
}
.care-manage-right {
  width: 50%;
  max-width: 450px;
}
.care-manage h2 {
  margin-bottom: 20px;
  font-weight: 900;
}
.secure-care .care-manage-left {
  max-width: 450px;
  text-align: left;
}
.secure-care .care-manage-right {
  text-align: center;
}
.secure-care .care-manage-main {
  gap: 50px;
}
.counter-box-main {
  display: flex;
  justify-content: center;
}
.powerful-feature-main {
  display: flex;
  justify-content: center;
  align-items: center;
}
.powerful-feature-left img {
  max-width: 400px;
}
.powerful-feature-left,
.powerful-feature-right {
  width: 50%;
}
.features-section {
  max-width: 1100px;
  margin: auto;
  padding: 60px 20px;
}

.download-app-client .features-title {
  margin-bottom: 50px;
}
.features-grid {
  max-width: 450px;
}

.feature-item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 10px;
}

.icon {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  flex-shrink: 0;
}

.feature-content h3 {
  margin: 0;
  font-size: 22px;
  color: #2b2d33;
  font-weight: 800;
  margin-bottom: 5px;
}

.download-app-client .feature-content p {
  margin-bottom: 10px;
  font-size: 14px;
}

.counter-section {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 60px 20px 100px 20px;
  flex-wrap: wrap;
  text-align: center;
}

.counter-section .counter-box {
  margin: 20px;
  min-width: 150px;
}

.counter-section .counter {
  font-size: 42px;
  font-weight: 900;
  color: #000;
}

.counter-section .label {
  font-size: 16px;
  color: #4a4f63;
  margin-top: 10px;
}
.counter-box .total
{
    font-size: 42px;
    font-weight: 700;
}
.powerful-feature-left {
  text-align: center;
  position: relative;
}
.care-manage-left {
  position: relative;
  padding-top: 50px;
}
.powerful svg,
.stay-connect svg,
.flip svg {
  max-width: 60px;
}

.secure-care .care-manage-right {
  position: relative;
}
.why-curam-download .care-manage-main
{
  gap: 50px;
  text-align: left;
  padding: 30px 0;
}
.why-curam-download .care-manage-main .care-manage-left
{
  text-align: left;
  padding-top: 0;
}
.why-curam-download .care-manage-main .care-manage-left ul
{
  display: flex;
  flex-wrap: wrap;
  padding-left: 20px;
}
.why-curam-download .care-manage-main .care-manage-left ul li
{
  width: 50%;
  color: #4a4f63;
  font-size: 16px;
  font-weight: 560;
}
.why-curam-download .care-manage-main .care-manage-left p:last-child
{
margin-bottom: 0;
}
.why-curam-download
{
  background: #f9f9f9;
}
.why-curam-download
{
  margin-top: 50px;
}
.why-curam-download .care-manage-main .care-manage-left p
{
  margin-bottom: 20px;
}
.why-curam-download .care-manage-main .care-manage-left h2
{
      margin-bottom: 25px;
}

.feat-section.track-work .feat-text ul li , .feat-r .message-feature ul li
{
    color: #4a4f63;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 560;
    padding-bottom: 5px;
}
.feat-section.track-work .feat-text ul , .feat-r .message-feature ul
{
      padding-left: 20px;
      margin-top: 10px;
}
.built-carer
{
background: #f9f9f9;
    padding: 50px 0;
    text-align: center;
}

/* faq */

/* ===== FAQ Section ===== */

.app-download-faq .faq-list{
  width: 100%;
  margin: clamp(24px, 4vw, 36px) 0 0;
  display:flex;
  flex-direction:column;
  gap: clamp(12px, 2vw, 18px);
}
.app-download-faq .faq-item {
  border:1px solid #d9def0;
  border-radius:16px;
  background:#f8f9ff;
  padding: clamp(18px, 3vw, 22px);
  box-shadow:0 6px 20px rgba(25, 32, 72, 0.06);
  width:100%;
  box-sizing:border-box;
  display:block;
}
.app-download-faq .faq-question{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
  font-weight:700;
  font-size: clamp(1rem, 1.35vw, 1.15rem);
  color:#2b2d33;
  cursor:pointer;
  list-style:none;
  transition: color 0.2s ease;
}
.app-download-faq .faq-question::after{
  content:"";
  flex-shrink:0;
  width:12px;
  height:12px;
  border-right:2px solid #494fc9;
  border-bottom:2px solid #494fc9;
  transform: rotate(45deg);
  transition: transform 0.2s ease, border-color 0.2s ease;
}
.app-download-faq .faq-question::-webkit-details-marker{
  display:none;
}

.app-download-faq .faq-item[open] .faq-question{
  color:#2b2f8f;
}
.app-download-faq .faq-item[open] .faq-question::after{
  transform: rotate(-135deg);
  border-color:#2b2f8f;
}
.app-download-faq .faq-answer{
  margin-top: clamp(12px, 2vw, 16px);
  color:#4a4f63;
  line-height:1.7;
  font-size: clamp(.98rem, 1.2vw, 1.05rem);
}
.app-download-faq .faq-item[open]{
  background:#fff;
  border-color:#494fc9;
}
.app-download-faq h2.content-info__title--center
{
  text-align: center;
}
.app-download-faq
{
  padding: 50px 0;
}
.download-app-client .download-app-wrapper .download-app-block .download-app-block-rt .download-app-info p
{
    color: #4a4f63;
}
.download-app-client .manage-app .buttons
{
  margin-top: 20px;
}



/* carer side start */
.download-app-carer .buttons .store-btn
{
  padding-right: 10px;
}
.download_app_carer .hero-grid  
{
      /* grid-template-columns: 480px 1fr;
      gap: 10px; */

          display: grid;
    grid-template-columns: 480px minmax(0, 700px);
    gap: 10px;
    justify-content: center;
}
.download-app-carer .hero::before
{
  content: none;
}
.download-app-carer .download-app-wrapper
{
margin-top: 10px;
}
.download-app-carer .hero
{
  padding: 30px 0 0;
}
.download-app-carer h1
{
margin-bottom: 20px;
}
.feat-section
{
  padding: 50px 0;
}
.feat-section.feat-r
{
  background: #f9f9f9;
}
.message-feature
{
    display: flex;
    gap: 100px;
    flex-direction: row-reverse;
    align-items: center;
}
.message-feature .feat-text
{
    width: 55%;
}
.message-feature .feat-visual
{
width: 40%;
}

.feat-r .message-feature
{
  flex-direction: row;

}

    /* ══ HERO ══ */
    .hero{padding:96px 0 80px;position:relative;overflow:hidden}
    /* subtle gradient bg */
    .hero::before{
      content:'';position:absolute;
      width:700px;height:700px;border-radius:50%;
      background:radial-gradient(circle,rgba(73,79,201,.07) 0%,transparent 70%);
      top:-200px;right:-100px;pointer-events:none
    }
    .hero-grid{display:grid;grid-template-columns:1fr 460px;gap:80px;align-items:center}
    .hero-left{display:flex;flex-direction:column;gap:10px}
    .hero-left p {margin-bottom: 20px;}
    @keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}

    /* rating row */
    .hero-meta{ display:flex;gap:20px; margin-bottom: 10px;}
    .meta-item{display:flex;align-items:center;gap:7px}
    .meta-stars{display:flex;gap:1px;font-size:14px}
    .meta-label{font-size:13px;font-weight:500;color:var(--t2)}
    .meta-val{font-size:13px;font-weight:700;color:var(--t1)}
    .meta-divider{width:1px;height:16px;background:var(--bd2); margin-top: 3px;}


    /* ══ HOW IT WORKS ══ */
    .start-steps { padding: 50px 0;border-bottom:1px solid var(--bd); background: #f9f9f9;}
    .hiw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--bd);border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;margin-top:30px}
    .hiw-step{background:var(--bg);padding:40px 32px;display:flex;flex-direction:column;gap:16px;position:relative;transition:background .2s}
    .hiw-step:hover{background:var(--s1)}
    .hiw-num{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--p);display:flex;align-items:center;gap:8px}
    .hiw-num::before{content:'';display:inline-block;width:24px;height:24px;border-radius:50%;background:var(--p);color:#fff;font-size:11px;font-weight:700;line-height:24px;text-align:center;flex-shrink:0}
    .hiw-num.n1::before{content:'1'}
    .hiw-num.n2::before{content:'2'}
    .hiw-num.n3::before{content:'3'}
    .hiw-icon{width:52px;height:52px;border-radius:16px;background:#EEEFFE;display:grid;place-items:center}
    .hiw-icon svg{width:24px;height:24px}
    .hiw-title{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--t1)}
    .hiw-desc{font-size:14px;line-height:1.7;color:var(--t2)}
    /* connector arrow between steps */
    .hiw-step:not(:last-child)::after{content:'→';position:absolute;right:-14px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--bd2);z-index:2}


body
{
  overflow-x: hidden;
}
.trust {
  padding: 28px 0;
  border-top: 1px solid var(--bd);
  border-bottom: 1px solid var(--bd);
  overflow: hidden;
}

.trust-label {
  font-size: 12px;
  font-weight: 500;
  color: var(--t3);
  text-align: center;
  margin-bottom: 20px;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.marquee {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.marquee-track {
  display: flex;
  width: max-content;
  animation: marquee 25s linear infinite;
}

.m-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 40px;
  white-space: nowrap;
  flex-shrink: 0;
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.m-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 36px;
  border-right: 1px solid var(--bd);
  font-size: 13px;
  font-weight: 600;
  color: var(--t2);
  white-space: nowrap;
}

.m-item strong {
  color: var(--t1);
}

.m-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--p);
  flex-shrink: 0;
}

/* @keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-30%);
  }
} */
.sec-tag , .feat-tag
{
  color: #34675f;
    font-weight: 600;
}
.download-app-carer .phone {max-height: 530px;} 

.feat-phone-wrap.find-jobs img
{
  border-radius: 6px;
}

/* carer side end */

/* ✅ Responsive */

@media (min-width: 992px) and (max-width: 1200px) 
{
    .trust {
        width: 100%;
    }
    .manage-app .text
{
      max-width: 400px;
}
}
@media (min-width: 768px) and (max-width: 991px) {

  .counter-section p > br
  {
    display: none;
  }
.features-grid {
    max-width: 380px;
}
  .why-curam-download .care-manage-main .care-manage-left ul li
  {
    width: 100%;
    padding-bottom: 5px;
  }
.manage-app .text
{
      max-width: 400px;
}
.care-manage img {
    max-width: 300px;
}
.powerful-feature-left img
{
     max-width: 300px;
}
.counter-section .counter-box {
    margin: 10px;
    min-width: 120px;
}
.counter-section .counter
{
  font-size: 36px;
}
.counter-section
{
  padding: 60px 20px 60px 20px;
}
.download-app-client
{
  padding-top: 50px;
}
  .trust
  {
    width: 100%;
  }
  .download-app-carer .hero
  {
    padding-bottom: 30px;
  }
  .download_app_carer .hero-grid
  {
        grid-template-columns: 440px 1fr;
  }
  .hero-meta
  {
    gap: 10px;
  }
  .message-feature
  {
    gap: 50px;
  }
  .hiw-step
  {
    padding: 25px;
  }
}
@media (max-width: 767px) {
  .secure-care .care-manage-left h2 > br
  {
    display: none;
  }
  .why-curam-download .care-manage-main .care-manage-left
  {
    padding-top: 50px;
  }
  .why-curam-download .care-manage-main .care-manage-left ul li
  {
    width: 100%;
    padding-bottom: 5px;
  }
  .how-it-works .steps {
    flex-direction: column;
    gap: 10px;
  }

  .how-it-works .steps::before {
    display: none;
  }

  .how-it-works .step {
    width: 100%;
  }

  .how-it-works .circle {
    margin-bottom: 10px;
  }
  .phone {
    margin-top: 40px;
  }
  .features-title {
    font-size: 34px;
  }

  .feature-item {
    gap: 12px;
  }
  .counter-section .counter {
    font-size: 32px;
  }
  .secure-care .care-manage-main {
    flex-direction: column;
  }
  .manage-app {
    flex-direction: column;
    padding-top: 30px;
  }
  .care-manage-left,
  .care-manage-right {
    width: 100%;
  }
  .care-manage-main {
    flex-direction: column-reverse;
  }
  .counter-box-main {
    flex-wrap: wrap;
  }
  .care-manage img,
  .powerful-feature-left img {
    max-width: 325px;
  }

  .download-app-client h1 ,  .download-app-carer h1 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .care-manage-right h2 > br,
  .download-app-client p > br {
    display: none;
  }
  .download-app-client h2 , 
  .download-app-carer h2 
  {
    font-size: 26px;
  }
  .how-it-works {
    padding: 25px 0;
  }
  .download-app-client p {
    font-size: 15px;
    line-height: 1.5;
  }
  .counter-section {
    padding: 50px 0px 50px 0px;
  }
  .powerful-feature-main {
    flex-direction: column;
  }
  .powerful-feature-left,
  .powerful-feature-right {
    width: 100%;
  }
  .download-app-client .features-title {
    margin-bottom: 30px;
  }
  .features-grid {
    margin-top: 50px;
  }
  .counter-section .counter-box {
    width: 45%;
    margin: 10px 0;
  }
  .feature-content h3 {
    font-size: 18px;
  }
  .secure-care .care-manage-left p {
    margin-bottom: 0;
  }
  .manage-app .text {
    text-align: left;
  }
  .care-manage-left,
  .care-manage-right {
    text-align: left;
  }
  .secure-care .care-manage-left {
    text-align: left;
  }
  .how-it-works .step h3
  {
font-size: 18px;
  }
  .why-curam-download .care-manage-main
  {
    gap: 0;
    padding-top: 0;
    padding-bottom: 40px;
  }
  .app-download-faq
  {
    padding-bottom: 0;
  }
  /* carer responsive */

  .trust
  {
    max-width: 100%;
  }
  .hiw-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
}
.message-feature
{
  flex-direction: column;
}
.message-feature .feat-text
{
  width: 100%;
}
.start-steps
{
  padding: 40px 0;
}
.feat-section {
    padding: 40px 0;
}
.message-feature
{
  gap: 30px;
}
.message-feature .feat-visual
{
  width: 100%;
}
.message-feature .feat-visual img
{
  max-width: 300px;
}
.feat-r .message-feature
{
  flex-direction: column;
}
.download-app-client .care-manage-right.simple-secure
{
  max-height: initial;
}
.download_app_carer .hero-grid
{
  width: auto;
  display: flex;
  flex-direction: column;
}
.hero-meta
{
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.download-app-carer .phone
{
  display: none;
}
.hero-left .buttons
{
  text-align: center;
}
.download-app-carer p.hero-sub
{
  margin-bottom: 15px;
}
.hero-left
{
margin-bottom: 20px;
}
.hiw-step
{
  padding: 20px;
}
.feat-phone-wrap
{
  text-align: center;
}
.hero-left .buttons img
{
  max-width: 120px;
}
.download-app-client .manage-app .buttons
{
  text-align: center;
}

}

@media (min-width: 568px) and (max-width: 767px) {
  .how-it-works .steps {
    flex-direction: row;
  }
  .care-manage-main {
    flex-direction: row;
  }
  .care-manage img,
  .powerful-feature-left img {
    max-width: 275px;
  }
  .care-manage-left,
  .care-manage-right {
    text-align: left !important;
  }
  .secure-care .care-manage-main {
    flex-direction: row;
  }
  .powerful-feature-main {
    flex-direction: row;
    gap: 20px;
  }
  .features-grid {
    margin-top: 20px;
  }
  .feature-item {
    margin-bottom: 10px;
  }
  .feature-content h3 {
    font-size: 15px;
  }
  .manage-app .text {
    max-width: 320px;
    text-align: left;
  }
  .manage-app {
    flex-direction: row;
  }
  .powerful svg, .stay-connect svg, .flip svg {
    max-width: 40px;
}
.why-curam-download
{
  padding: 30px 0;
}
.download-app-client .download-app-block-rt .download-app-info
{
  text-align: left !important;
}
.counter-section
{
  padding-bottom: 10px;
}
.download-app-client .download-app-block-rt
{
  padding-top: 0;
}
.message-feature , .feat-r .message-feature
{
  flex-direction: row;
}
.download-app-carer .download-app-info
{
  text-align: left !important;
}
.track-work .message-feature
{
  flex-direction: row-reverse;
}
}