/* @import url('https://fonts.cdnfonts.com/css/poppins'); */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{
 font-family: 'Poppins', sans-serif !important;
}
#primeagile__10953{background: #bdc6be;}
#primeagile__10952{background:#f3f3ee}
.banner-text{ padding:40px 0;}
.banner-text h1{		
		font-style: normal;
		font-weight: bold;
		font-size: 56px;
		color: rgba(81,90,94,1);
}
.banner-img{border-radius:  40px 80px;}
.inner-banner h1{color:#729BBA;font-style: normal; padding:40px 20px 10px;
		font-weight: bold;
		font-size: 64px;}
.banner-text h4{
    	font-size: 36px;
		color: rgba(81,90,94,1);
}
.banner-img{width:100%; height:auto; padding:30px;}
.Subscribe-news{    margin: 20px 0;}
.subscribe-email{ background:none; border:2px solid #f3f3f3; border-radius:10px; padding:10px 20px; width:295px}
.banner-text h4 span{
    color:rgba(114,155,186,1);font-style:italic;
    }
    .Subscribe{ color:#fff; padding:7px 70px; border:none; border-radius:10px; FONT-SIZE:20PX;
    background: rgba(114,155,186,1);
    }
    .Subscribe:hover{background:#417399;}
    .logo{ width:205px; height: auto;}
    .nav-item {margin:0 20px!important;}

    /* Create a custom checkbox */
.Subscribe-news {
 
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .Subscribe-news {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .Subscribe-news {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.Subscribe-news:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .Subscribe-news:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .Subscribe-news:after {
   width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.how-we h1, .testimoni h1, .stay h1, .serving-hero h1, .serving-cta-box h1{
    font-style: normal;
    font-weight: bold;
    font-size: 54px;
    color: rgba(114, 155, 186, 1);text-align:center;
}
.stay{padding:50px 0 20px;}
.testimoni {background:url(https://images.primeagile.com/withdementia_info/image/11013/testimoni-bg.webp) no-repeat; padding:100px;}
.testimoni .sub{color:#fff; font-weight: normal; font-size: 22px; text-align:center;}
.how-we .sub, .stay .sub {font-weight: normal;
    font-size: 22px;
    color: rgba(81, 90, 94, 1);}
 .box{ padding:20px;  box-shadow: 0 0 15px #646cff50; background: #F3F3EE; border-radius:10px; margin:20px;}   
 .box h4{font-weight: bold; font-size: 24px; color: rgba(81, 90, 94, 1);}
 .box img{padding:20px 0;  }
.how-we{background:rgba(243,243,238,1) url(https://images.primeagile.com/withdementia_info/image/11006/abn.webp) no-repeat right bottom; padding:40px; height:auto;}
.how a{ text-decoration:none; color:#515a5e}
.how a:hover{color:#729bba;}
.box:hover {border:2px solid #D8D8D8; border-radius:10px; padding:20px; background: linear-gradient(145deg, #F3F3EE, #f3f3ee);  transform: scale(1.05) rotate(2deg); }
.why{padding:50px;}
.why h4{ background: url(https://images.primeagile.com/withdementia_info/image/11012/adl.png) no-repeat; padding-left: 45px;}
.why-img{ height:auto; padding-top: 45px;}
.why-im{border-radius:30px;}
.why-text{padding:40px 0;}
.carouse-item{background:#fff; border-radius:10px; padding:20px; width:65%; margin-left: 130px;}
.testimoni .slick-track{margin:30px 0;}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center !important;}
    .stay-email{ text-align:right;}
    .stay-section{padding:40px;}
    .footer{ padding:80px 0px; background: #515a5e url(https://images.primeagile.com/withdementia_info/image/11006/abn.webp) no-repeat right -20px; ;
      height: 415px;color:#fff;}
    .stay-connect .subscribe-email{ background:#f3f3f3; border:2px solid #729bba;}
    .f-l li{list-style:none; line-height: 37px;
    margin-left: -30px;}
    a{ color:#729bba !important; text-decoration:none;}
.footer a, .copyright a{color:#fff !important; text-decoration:none;}
.footer a:hover{color:#729bba;}
.copyright a{color:#729bba !important; text-decoration:none;}
.iCTzgM{box-shadow:none !important;}

.eml{background: url(https://images.primeagile.com/withdementia_info/image/11055/acz.png) no-repeat 0;
    padding-left: 32px;}
.phon{background: url(https://images.primeagile.com/withdementia_info/image/11054/acx.png) no-repeat 0;
    padding-left: 32px;}
    .copyright{ padding:40px 0;} 
    .breadcrumb-item{text-transform: uppercase;}
 .breadcrumb-item.active{ font-size:15px; }
 
.grey-box{background: #F3F3EE; background: linear-gradient(90deg,rgba(243, 243, 238, 1) 0%, rgba(217, 237, 255, 1) 100%); border:1px solid #b6cdb6; border-radius:10px; padding:40px; }
.grey-box img{ margin:20px 0;}
h2{ font-style: normal;    font-weight: bold !important;    font-size: 44px;    color: #515a5e; margin:15px 0;}

.grey-box h3{    font-style: normal; margin:5px 0;
    font-weight: bold;
    font-size: 30px;
    color: rgba(114, 155, 186, 1);}
.tag-title{background:#fff; font-size:12px; color:#515a5e; padding:5px 10px;border:1px solid #d2d2d2; border-radius:5px;     width: 40%;}
.cta-blue{background:#729bba; padding:10px 40px; color:#fff; border-radius:5px; text-transform:uppercase; margin:20px 0; border:none;}
.cta-blue:hover{background:#316993;}
a.cta-blue {color:#fff !important; text-decoration:none;}

.cta-blue-g{background:#C5C5C5; padding:10px 40px; color:#fff; border-radius:5px; text-transform:uppercase; margin:20px 0; border:none;}
a.cta-blue-g {color:#515A5E !important; text-decoration:none;}

.res-card{display:inline; float:left; padding:15px; background:#f3f3ee; border:1px solid #b6cdb6; margin:10px; border-radius:10px; width:360px; min-height:340px;}
.res-card:hover{background:#fff;}
.para{ font-style: normal;    font-weight: normal;    font-size:18px;    color: rgba(81, 90, 94, 1);}
.h3{ font-style: normal;    font-weight: bold !important;    font-size: 30px;    color: rgba(114, 155, 186, 1);}
.contact{ padding:30px; background:#f3f3ee; border-radius:10px;}
.contact-title{ font-style: normal; font-weight: bold; font-size: 44px; color: rgba(81, 90, 94, 1);}
.contact-row{padding:40px 0px;}
.form-item, .form-message  { background:#fff; border-radius:10px; border:1px solid #d8d8d8; padding:10px 30px; margin:10px 0; width:100%; }
.form-message {min-height:100px;}
.mobile a, .email a{text-decoration:none;} .mobile img, .email img{padding:5px; margin-bottom:20px;}
.mobile, .email{ background: #B6CDB6; border-radius: 15px; text-decoration: none; margin: 30px; padding: 26px;}
.Consultation-row{margin-top:50px;}
.Consultation-left {padding-top:40px;}
.consultation-r{ background:#B6CDB6; border-radius:10px; padding: 40px!important; margin: 40px 0;}
.consultation-r h2{padding-bottom:20px;}
.check li{background: url(https://images.primeagile.com/withdementia_info/image/11012/adl.png) no-repeat;
    padding-left: 30px; list-style:none; line-height:34px;}
    #pagelist{margin:40px 0;}

.grey-box-p{background: #F3F3EE; border:1px solid #B6CDB6; border-radius:10px; padding:40px; }
.grey-box-p h3{ font-style: normal; margin:5px 0; font-weight: bold; font-size: 30px; color: rgba(114, 155, 186, 1);}

.nav-m{box-shadow:none !important;}
.breadcrumb a{padding:0px 2px; font-size:15px;}
.breadcrumb a:after {content: "/";}


/* consultation starts */

        .intro-text {
            font-size: 1.2rem;
            color: var(--text-muted);
            max-width: 600px;
            margin: 0 auto;
        }

        .section {
            margin-bottom: 40px;
        }

        h2 {
            border-bottom: 2px solid var(--bg-light);
            padding-bottom: 8px;
            color: var(--primary-color);
        }

        .grid-list {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            list-style: none;
            padding: 0;
        }

        @media (max-width: 600px) {
            .grid-list { grid-template-columns: 1fr; }
        }

        .list-item {
            background: #edf2f7;
            padding: 15px;
            border-left: 4px solid var(--primary-color);
            border-radius: 4px;
        }

        .cta-box {
            background: #b6cdb6;
            color: white;
            padding: 30px;
            border-radius: 8px;
            text-align: center;
            margin-top: 40px;
        }

        .btn {
            display: inline-block;
            background: white;
            color: #fff;
            padding: 15px 30px;
            text-decoration: none;
            font-weight: bold;
            border-radius: 50px;
            margin-top: 20px;
            transition: transform 0.2s ease;
        }

        .btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0,0,0,0.2);
        }

        .benefits-list {
            background: #fffaf0;
            padding: 20px;
            border-radius: 8px;
            border: 1px dashed #ed8936;
        }
/* consultation ends */

        /* Mission & Story Section */
        .story-section {
            background: #f3f3ee;
            padding: 40px;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.03);
            margin-bottom: 60px;
        }

        .founder-note {
            border-left: 3px solid var(--sage-green);
            padding-left: 25px;
            font-style: italic;
            color: var(--warm-gray);
            margin: 30px 0;
        }
        /* Card Layout for Services/Who We Serve */
        .grid-layout {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 25px;
            margin: 40px 0;
        }

        .card {
            background: #fff;
            padding: 30px;
            border-radius: 15px;
            border: 1px solid #eee;
            transition: transform 0.3s ease;
        }

        .card h3 {
            color: var(--sage-green);
            margin-top: 0;
        }

          /* Core Values Horizontal Scroller for Mobile */
        .values-flex {
            display: flex;
            gap: 20px;
            overflow-x: auto;
            padding-bottom: 20px;
            scrollbar-width: thin;
        }

        .value-pill {
            flex: 0 0 200px;
            background: #729BBA;
            color: white;
            padding: 20px;
            border-radius: 12px;
            text-align: center;
        }

        /* Consultation CTA */
        .cta-banner {
            background: #bdc6be;
            color: white;
            padding: 60px 40px;
            border-radius: 20px;
            text-align: center;
            margin: 60px 0;
        }

        .btn-primary {
            display: inline-block;
            background: #729bba;
            color: #fff !important;
            padding: 15px 50px;
            text-decoration: none;
            border-radius: 10px;      
            font-size: 1.1rem;
            margin-top: 25px;
            box-shadow: 0 4px 15px rgb(0 0 0 / 55%);
        }

        .check-list {
            list-style: none;
            padding: 0;
        }
  .check-list strong{ padding: 0px 20px; color:#729BBA;}
        .check-list li {
            margin-bottom: 12px; 
            display: flex;
            align-items: flex-start;
        }

        .check-list li::before {
            content: "✓";
            color: var(--sage-green);
            font-weight: bold;
            margin-right: 10px;
        }

        h2 { color: var(--sage-green); font-size: 2rem; }


        /* stay section */
              /* Hero Section */
        .serving-hero {
            background-color: #f5f3f5;
            padding: 60px 20px;
            text-align: center;
        }

 

        .serving-hero p {
            max-width: 800px;
            margin: 0 auto;
            font-size: 1.2rem;
            color: #555;
        }

        /* Stats & Map Section */
        .stats-section {
            padding: 50px 20px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 40px;
            max-width: 1100px;
            margin: 0 auto;
        }

        .stat-card {
            flex: 1;
            min-width: 300px;
            background: var(--white);
            padding: 30px;
            border-radius: 12px;
            border-left: 5px solid #729bba;
           box-shadow: 2px 4px 15px rgb(171 171 171 / 49%);
        }

        .stat-card h2 {
            font-size: 3rem;
            color: var(--primary-sage);
            margin: 0;
        }

        /* Boroughs List */
        .borough-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 15px;
            margin-top: 20px;
        }

        .borough-tag {
            background: #bdc6be;
            padding: 8px 15px;
            border-radius: 20px;
            text-align: center;
            font-weight: 600;
            font-size: 0.9rem;
        }

        /* Call to Action Section */
        .serving-cta-box {
            background-color: #bdc6be;
            color: var(--white);
            padding: 60px 20px;
            text-align: center;
            margin-top: 40px;
        }

        .serving-cta-box h2 {
            font-size: 2rem;
            margin-bottom: 15px;
        }

        .serving-cta-box p {
            font-size: 1.1rem;
            margin-bottom: 30px;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }
        /* stay section */




       
        /* Smooth global transitions */
* {
  transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease, transform 0.4s ease;
}

html {
  scroll-behavior: smooth;
}
/* Animation Keyframes */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Apply this class to sections you want to animate */
.reveal {
  animation: fadeInUp 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

/* Delay for a staggered "one-by-one" look on service cards */
.service-card:nth-child(1) { animation-delay: 0.1s; }
.service-card:nth-child(2) { animation-delay: 0.2s; }
.service-card:nth-child(3) { animation-delay: 0.3s; }



/* Subtle Card Hover */
.service-card:hover, .resource-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.05); /* Very soft shadow */
}

/* Button Pulse (Gentle) */
.cta-button {
  position: relative;
  overflow: hidden;
}

.cta-button:hover {
  filter: brightness(1.05);
  transform: scale(1.02);
}
.hero-title {
  animation: fadeIn 2.5s ease-in;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}



 /* css transactions */
.resources h1{font-weight:bold;}
 .l-b{margin-top: 40px;
    border-left: 5px solid #2c7a7b;
    padding-left: 15px;}
.tip-card {
    background: #f0f4f1;
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 20px;
}
.cta-section {
    background:#2c7a7b;
    color: white;
    padding: 40px;
    text-align: center;
    border-radius: 15px;
    margin: 40px 0;}
    .cta-section h2{color:#fff;}