:root {
  --list-icon: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.00521 8.58841C1.62552 8.58947 1.25389 8.69802 0.93331 8.90148C0.612734 9.10494 0.356314 9.39501 0.193715 9.73812C0.0311159 10.0812 -0.0310166 10.4634 0.0145056 10.8403C0.0600277 11.2173 0.211344 11.5736 0.450949 11.8682L5.55876 18.1252C5.74088 18.3514 5.97432 18.5308 6.23971 18.6486C6.50509 18.7664 6.79475 18.8192 7.08463 18.8025C7.7046 18.7692 8.26433 18.4376 8.6212 17.8923L19.2314 0.804556C19.2332 0.801722 19.235 0.798887 19.2368 0.796095C19.3364 0.643237 19.3041 0.340314 19.0986 0.150014C19.0422 0.0977552 18.9756 0.0576061 18.9031 0.0320389C18.8305 0.00647177 18.7535 -0.00397205 18.6768 0.00135091C18.6 0.00667386 18.5252 0.0276509 18.4568 0.0629899C18.3885 0.0983288 18.3281 0.147282 18.2795 0.206833C18.2756 0.211515 18.2717 0.216127 18.2677 0.220668L7.56714 12.3107C7.52643 12.3567 7.47698 12.3941 7.42166 12.4209C7.36634 12.4476 7.30627 12.4631 7.24492 12.4664C7.18357 12.4697 7.12218 12.4608 7.0643 12.4402C7.00643 12.4196 6.95322 12.3877 6.90778 12.3463L3.35647 9.11463C2.98764 8.77653 2.50556 8.58879 2.00521 8.58841Z' fill='%2359287E'/%3E%3C/svg%3E");
  --steps-line: url("data:image/svg+xml,%3Csvg%20width%3D%22199%22%20height%3D%221%22%20viewBox%3D%220%200%20199%201%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cline%20y1%3D%220.5%22%20x2%3D%22199%22%20y2%3D%220.5%22%20stroke%3D%22%23CCCCCC%22/%3E%3C/svg%3E") no-repeat;
}


footer {
  background: #59287e;
  padding: 50px 0 30px 0;
}

.footer-row {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 68px;
}

.footer-title {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  color: var(--white);
  line-height: 33px;
  margin-bottom: 12px;
}

.footer-menu li a {
  color: var(--white);
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
}

.footer-menu li {
  padding-bottom: 9px;
}

.footer-menu li:last-child {
  padding-bottom: 0;
}

.footer-col-1 {
  width: 35.65%;
}

.footer-col-2 {
  width: 22.1%;
}

.footer-col-3 {
  width: 24.15%;
}

.footer-col-4 {
  width: 18.1%;
}



.footer-sub-title {
  color: var(--white);
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  display: block;
  padding-bottom: 19px;
  margin-top: -4px;
}

.footer-copyright p {
  display: inline-block;
  color: var(--white);
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}

.footer-copyright {
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 24px;
}

.contact-details .detail p {
  font-size: 16px;
  line-height: 24px;
  color: var(--white);
}

.ftr-contact-detail {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
}

.contact-details {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

/* .contact-details .detail p a:hover,
.footer-menu li a:hover,
.footer-menu li.current-menu-item.current_page_item a {
  color: rgba(255, 255, 255, 0.2);
} */

/* End Footer */

/* Start Banner */
.banner-section {
  margin-bottom: 100px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-row {
  width: 57%;
  z-index: 2;
  position: relative;
}

.banner-section h1 {
  color: var(--white);
  padding-bottom: 25px;
}

.bnr-sub-title {
  font-size: 20px;
  line-height: 34px;
  color: var(--white);
  padding-bottom: 27px;
}

.sr-list-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.sr-list-row .list-col {
  border-radius: 40px;
  display: flex;
  padding: 4px 16px;
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.sr-list-row .list-col .list-name {
  font-size: 18px;
  line-height: 32px;
  color: var(--white);
  padding-left: 25px;
  position: relative;
}

.list-name:before {
  content: "";
  background: url(../../../../wp-content/uploads/2026/02/fi_711239.svg);
  width: 17px;
  height: 17px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.banner-section .df_btn {
  display: inline-block;
  background: var(--primary-color);
  color: var(--white);
  font-size: 20px;
  font-weight: 600;
  line-height: 29px;
  padding: 17px 33px;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-top: 50px;
  text-align: center;
}

body .banner-section .df_btn:hover {
  background: #fff;
  border-color: #fff;
  color: var(--primary-color);
}

.banner-section {
  padding-bottom: 135px;
  padding-top: 104px;
  position: relative;
}

.banner-section:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 71%;
  background: linear-gradient(270deg,
      rgba(116, 109, 98, 0) 0%,
      rgba(117, 109, 99, 0.52) 29.33%,
      #766e63 100%);
  top: 0;
  left: 0;
}

/* End Banner */

/* Service Start */
.card-section {
  margin-bottom: 90px;
}

.card-row {
  display: flex;
  justify-content: center;
  /* align-items: center; */
  flex-wrap: wrap;
  gap: 40px;
}

.services-item {
  background: #766e63;
  width: calc(25% - 30px);
  position: relative;
  border-radius: 10px;
  transition: all 0.3s ease;
}

.services-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(47, 20, 67, 0) 0%, #000 100%);
  height: 178px;
  width: 100%;
  transition: all 0.4s ease;
  border-radius: 0 0 10px 10px;
}

.services-item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(47, 20, 67, 0) 0%, #59287e 100%);
  height: 178px;
  width: 100%;
  transition: all 0.4s ease;
  border-radius: 0 0 10px 10px;
  opacity: 0;
}

.services-item:hover::before {
  opacity: 1;
}

.services-item:hover::after {
  opacity: 0;
}

.services-item:hover {
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.15);
}

.services-item:hover .learn-more::after {
  right: -4px;
}

.services-images img {
  height: 100%;
  object-fit: cover;
  ;
}

.services-items,
.services_item_inner_wrap,
.services-images {
  height: 100%;
}

.services-item {
  height: 309px;
  overflow: hidden;
}





.services-text {
  position: absolute;
  bottom: 33px;
  padding: 0 21px;
  z-index: 9;
  width: 100%;
}

.services-text h2 {
  color: #fff;
  font-family: var(--font-primary);
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 14px;
}

.services-text a {
  color: #fff;
  font-family: var(--font-primary);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}

.learn-more {
  position: relative;
  padding-right: 24px;
  color: #ffffff;
  transition: all 0.5s ease;
}

.learn-more::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8052 8.02994L13.3348 4.57619C13.0748 4.3175 12.6544 4.31846 12.3956 4.57844C12.1369 4.83839 12.1379 5.25884 12.3978 5.51756L14.7275 7.83594H0.664062C0.297301 7.83594 0 8.13324 0 8.5C0 8.86676 0.297301 9.16406 0.664062 9.16406H14.7275L12.3979 11.4824C12.1379 11.7412 12.1369 12.1616 12.3957 12.4216C12.6544 12.6816 13.0749 12.6825 13.3348 12.4238L16.8047 8.97069C17.0653 8.71047 17.0645 8.28866 16.8052 8.02994Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 17px;
  height: 17px;
  position: absolute;
  right: 0px;
  top: 54%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}

/* Service End */

/* who-we-work Start */
.who-we-work-section {
  margin-bottom: 100px;
}
.who-we-work-section .sec-heading h2{margin-bottom: 40px;}
.sec-heading h2 {
  position: relative;
  margin-bottom: 60px;
  text-align: center;
  padding-bottom: 16px;
}


.sec-heading h2::after {
  transform: translateX(-50%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 4px;
  width: 80px;
  background: #59287e;
}

.who-we-work-items {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
}

.who-we-work-cards {
  padding: 40px;
  border-radius: 10px;
  background: #f8fafc;
  width: calc(33.3% - 27px);
  border-left: 12px solid transparent;
  transition: all 0.3s ease;
}

.who-we-work-cards:hover {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.08);
  border-left: 12px solid #59287e;
}

.work-icon {
  margin-bottom: 27px;
}

.work-title h3 {
  color: #000;
  font-family: var(--font-primary);
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 14px;
  transition: all 0.3s ease;
}

.who-we-work-cards:hover .work-title h3 {
  color: #59287e;
}

/* who-we-work End */

/* Join our team section start */
.Join-our-team-section {
  background: #59287e;
}

.join-our-team-wrapper {
  display: flex;
  justify-content: center;
  padding: 58px 0 57px;
  flex-wrap: wrap;
}

.join-description a {
  display: none;
}

.join-text {
  width: 313px;
}

.join-description {
  width: calc(100% - 313px);
}

.join-description p {
  color: #fff;
  font-family: var(--font-primary);
  font-size: 23px;
  font-weight: 300;
  line-height: 36px;
}

.join-text h2 {
  color: #fff;
  font-family: var(--font-primary);
  font-size: 32px;
  /* font-style: normal; */
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
}

/* Join our team section end */

/* nurse care section start */
.nurse-care-section {
  margin-bottom: 100px;
}

.nurse-care-row {
  display: flex;
  /* gap: 40px; */
  justify-content: space-between;
}

.nurse-care-description {
  width: 61.14%;
  padding-right: 70px;
}

.nurse-care-image {
  width: 38.86%;
}

.nurse-care-image img {
  width: 100%;
  height: auto;
  position: sticky;
  top: 82px;
  border-radius: 10px;
}

.nurse-care-description h2 {
  margin-bottom: 20px;
}

.nurse-care-description p {
  font-weight: 300;
  margin-bottom: 30px;
}

.nurse-care-list-row {
  margin-bottom: 23px;
}

.description ul+p {
  margin-bottom: 30px;
}

.description ul {
  margin-bottom: 22px;
}

.description ul li::before {
  content: "";
  background-image: var(--list-icon);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}

.description ul li {
  font-family: Inter;
  font-weight: 600;
  font-size: 20px;
  line-height: 40px;
  padding-left: 35px;
  margin-bottom: 0;
  position: relative;
}

.discuss-care-btn {
  margin-top: 40px;
  display: inline-block;
  background-color: #59287E;
  border-radius: 4px;
  padding: 16px 30px 15px;
  font-family: Inter;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0%;
  color: white;
}

.discuss-care-btn:hover {
  background-color: #000;
}


/* nurse care section end */

/* About Us page start */
.about-us {
  padding-right: 80px;
}

.about-us .description ul {
  margin-bottom: 30px;
  margin-top: 20px;
}


.about-us .description p {
  margin-bottom: 30px;
}

.about-us .description p:last-of-type {
  margin-bottom: 0px;
}

.about-us .discuss-care-btn {
  margin-top: 30px;
}

/* About Us page end */

/* why choose us start */
.why-choose-us {
  background: #F8FAFC;
  padding: 100px 0px;
}

.why-choose-us-heading {
  text-align: center;
  margin-bottom: 43px;
}

.why-choose-us-heading h2 {
  margin-bottom: 10px;
}

.why-choose-us-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}

.card {
  width: calc(33.3% - 27px);
  background: #ffffff;
  border-radius: 10px;
  padding: 44px 40px 50px;
  border: 1px solid #E2E8F0;
  transition: all 0.3s ease;
}

.card:hover {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.08);
  border: 1px solid #59287e;
}

.card img {
  margin-bottom: 33.47px;
  height: 60px;
  width: 60px;
}

.card h3 {
  transition: all 0.3s ease;
  max-width: 340px;
}

.card:hover h3 {
  color: #59287e;
}

.ready-to-start {
  background: #000000;
  padding: 80px 40px;
}

.ready-to-start h3,
.ready-to-start p {
  color: #ffffff;

}

.ready-to-start:hover h3 {
  color: #ffffff;
}

a.assessment {
  padding: 12px 29px;
  margin-top: 41px;
}

/* why choose us end */

/* your care pathway Page start */
.process-steps {
  margin-bottom: 100px;
}

.steps-wrapper {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  position: relative;
  margin-bottom: 50px;
}

.step-item {
  text-align: center;
  width: calc(100% / 4 - 24px);
  position: relative;
  z-index: 1;
}

/* .step-item:not(:last-child) .step-circle::after { */
/* content: "";
  position: absolute;
  top: 60px;
  left: 75%;
  width: 100%;
  height: 1px;
  background: var(--steps-line);
  z-index: 0; */

/* } */

.step-circle {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #ffffff;
  color: #59287e;
  border: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  font-weight: 700;
  margin: 0 auto 20px;
  transition: all 0.3s ease;
}

.step-item:hover .step-circle {
  background-color: #59287e;
  color: #ffffff;
}

.book-assessment {
  display: flex;
  justify-content: center;
}

.line-bar {
  width: 199px;
  height: 1px;
  background: #CCCCCC;
  top: 60px;
  position: absolute;
  right: -118px;
}

.step-circle {
  position: relative;
  z-index: 16;
}

.step-circle:before {
  content: "";
  position: absolute;
  right: -19px;
  width: 18px;
  height: 18px;
  top: 51px;
  background: #fff;
  z-index: 1;
}

body .process-steps .step-item .step-circle::after {
  content: "";
  position: absolute;
  position: absolute;
  width: 19px;
  height: 18px;
  top: 51px;
  background: #fff;
  left: -20px;
}

.step-item:last-child .line-bar {
  display: none;
}



/* your care pathway Page end */


/* Tailored Support & Independence Page Start */
.tailored-support {
  width: 57.71%;
  padding-right: 65px;
}

.tailored-spt-img {
  width: 42.29%;
}

.tailored-support .description h2 {
  margin-bottom: 29px;
}

.tailored-support .description h3 {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px;
}

.dementia-care-section {
  background-color: #F8FAFC;
  padding: 100px 0;
}

.dementia-care-image {
  width: 42.29%;
}

.dementia-care {
  width: 57.71%;
}

.dementia-care {
  padding: 0 0 0 67px;
}

/* .about-us .description p+ul {
  margin-top: -16px;
} */

.dementia-care .description ul {
  margin: 0 0 20px;
}

.dementia-care .description .common-btn {
  margin-top: 40px;
}

.mental-health-support-section {
  margin-bottom: 100px;
}

.section-heading {
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 40px;
}

.section-heading h2 {
  margin-bottom: 10px;
}

.section-heading a.common-btn {
  margin-top: 40px;
}

.mental-health-support-items {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 33px;
}

.mental-health-support-cards {
  padding: 35px 58px 37px;
  border-radius: 10px;
  background: #f8fafc;
  width: calc(100% / 3 - 20px);
  text-align: center;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}
.mental-health-support-cards:hover{
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.08);
    border: 1px solid #59287e;
}
.mental-health-support-cards .work-icon {
  margin-bottom: 18px;
}

.mental-health-support-cards .work-icon img {
  height: 58px;
  width: 58px;
}

.mental-health-support-cards .work-title h3 {
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 0px;
}

/* Tailored Support & Independence Page End */


/* 404 css start */
.error404 header.main-header,
.page-id-105 header.main-header {
  box-shadow: 0 0 1px #000000c4;
}

section.error-page-main {
  padding: 100px 0;
}

.error-page-main .row {
  display: flex;
  flex-wrap: wrap;
}

.error-page-main.thankyou-page .error-page-left {
  max-width: 915px;
}

.error-page-main.thankyou-page .error-page-right {
  max-width: 788px;
}

.error-page-main .error-page-left {
  width: 100%;
  max-width: 676px;
  margin: 0 auto 50px;
}

.error-page-main .error-page-left img {
  width: 100%;
  height: 100%;
  display: block;
}

.error-page-main .error-page-right {
  width: 100%;
  max-width: 730px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.error-page-content {
  text-align: center;
}

.error-page-content h1 {
  padding-bottom: 20px;
  font-size: 42px;
  line-height: 55px;
}

.error-page-content p {
  font-size: 20px;
  line-height: 36px;
}

.error-page-main .cta_btn {
  margin-top: 35px;
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

.common-btn {
  display: inline-block;
  background: var(--primary-color);
  color: var(--white);
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  padding: 11px 29.8px;
  border-radius: 4px;
  text-align: center;
  border: 1px solid var(--primary-color);
}

.common-btn:hover,
.common-btn.outline-btn {
  background: var(--bg-white);
  color: var(--primary-color);
}

.common-btn.outline-btn:hover {
  color: var(--white);
  background: var(--primary-color);
  border: 1px solid;
}

li.remove-active.current-menu-item a:after {
    content: unset !important;
}
/* 404 css end */

/* Responsive */
@media screen and (max-width: 1439px) {
  .banner-section {
    background-position: 84% 100%;
  }

  section.inner-pg-main-banner.banner-position {
    background-position: 30% 100%;
  }
}

@media screen and (max-width: 1199px) {

  /* Home banner css */
  .banner-section {
    padding-bottom: 80px;
    padding-top: 80px;
    margin-bottom: 70px;
  }

  .bnr-sub-title {
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 24px;
  }

  .banner-section .df_btn {
    margin-top: 40px;
    font-size: 18px;
    line-height: 28px;
    padding: 13px 30px;
  }

  .banner-section {
    background-position: 79% 100%;
  }

  .banner-section h1 {
    padding-bottom: 20px;
  }

  .sr-list-row .list-col .list-name {
    font-size: 16px;
    line-height: 30px;
  }




  /* Home banner css */

  /* Service Start */

  .card-section {
    margin-bottom: 60px;
  }

  .card-row {
    gap: 25px;
  }

  .services-item {
    width: calc(33.3% - 17px);
  }

  .services-text {
    bottom: 25px;
  }

  .services-text h2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
  }

  /* Service End */

  /* who-we-work Start */
  .who-we-work-section {
    margin-bottom: 70px;
  }
  .who-we-work-section .sec-heading h2 {
    margin-bottom: 35px;
  }

  .who-we-work-items {
    gap: 25px;
  }
  .work-title h3{font-size: 24px;line-height: 34px;}

  .who-we-work-cards {
    padding: 40px 20px;
    width: calc(33.3% - 17px);
  }

  /* who-we-work End */

  /* Join our team start */
  .join-text {
    width: 253px;
  }

  .join-description {
    width: calc(100% - 253px);
  }

  .join-text h2 {
    font-size: 28px;
  }

  .join-description p {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 15px;
  }

  /* Join our team end */

  /* nurse care section start */
  .nurse-care-section {
    margin-bottom: 70px;
  }

  .nurse-care-description {
    width: 60%;
    padding-right: 50px;
  }

  .nurse-care-image {
    width: 40%;
  }

  .nurse-care-description h2,
  .nurse-care-description p {
    margin-bottom: 20px;
  }

  .about-us .description p {
    margin-bottom: 20px;
  }

  .description ul li::before {
    width: 18px;
    height: 18px;
    top: 4px;
    transform: unset;
  }

  .description ul li {
    font-size: 18px;
    line-height: 28px;
    padding-left: 25px;
    margin-bottom: 8px;
  }

  .description ul li:last-child {
    margin-bottom: 0px;
  }

  .description ul+p {
    margin-bottom: 20px;
  }
  
body .nurse-care-section .nurse-description .description p+ul {
  margin-top: 12px;
}
  .description ul {
    margin-bottom: 16px;
  }

  .discuss-care-btn {
    margin-top: 25px;
    text-align: center;
  }

  /* nurse care section end */

  /* why choose us section start */
  .why-choose-us {
    padding: 60px 0px 70px;
  }

  a.assessment {
    margin-top: 30px;
  }

  .why-choose-us-cards {
    gap: 20px;
  }

  .card {
    width: calc(33.3% - 14px);
    padding: 40px 30px;
  }

  .card img {
    margin-bottom: 25px;
    height: 50px;
    width: 50px;
  }

  .why-choose-us-heading {
    margin-bottom: 30px;
  }

  .card h3 {
    transition: all 0.3s ease;
    max-width: 100%;
  }

  /* why choose us section end */


  .process-steps {
    margin-bottom: 70px;
  }

  .tailored-support .description h2 {
    margin-bottom: 15px;
  }

  .tailored-support .description h3 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 18px;
  }

  .dementia-care-section {
    padding: 70px 0;
  }

  .section-heading {
    margin-bottom: 30px;
  }

  .mental-health-support-section {
    margin-bottom: 70px;
  }

  .tailored-btn {
    margin-bottom: 0px;
  }

  .about-us .description p+ul {
    margin-top: -4px;
  }

  .dementia-care .description .common-btn {
    margin-top: 30px;
  }

  .mental-health-support-cards .work-title h3 {
    font-size: 20px;
    line-height: 30px;
  }

  .section-heading a.common-btn {
    margin-top: 30px;
  }

  .mental-health-support-cards {
    padding: 30px 35px 35px;
  }

  .dementia-care {
    padding: 0 0 0 50px;
  }

  .footer-title {
    font-size: 20px;
    line-height: 30px;
  }

  .footer-menu li a {
    font-size: 15px;
    line-height: 25px;
  }

  .footer-menu li {
    padding-bottom: 10px;
  }

  .contact-details .detail p {
    font-size: 15px;
    line-height: 23px;
  }



  .footer-row {
    padding-bottom: 45px;
    row-gap: 25px;
  }

  .footer-sub-title {
    padding-bottom: 18px;
    font-size: 17px;
  }

  .footer-col-1 {
    width: 33%;
  }

  .footer-col-2 {
    width: 18%;
  }

  .footer-col-3 {
    width: 27%;
  }

  .footer-col-4 {
    width: 22%;
  }

  /* 404 start */
  section.error-page-main {
    padding: 70px 0;
  }

  .error-page-main .error-page-left {
    margin-bottom: 40px;
  }

  .error-page-content h1 {
    font-size: 36px;
    line-height: 46px;
    padding-bottom: 15px;
  }

  .error-page-content p {
    font-size: 18px;
    line-height: 30px;
  }

  .error-page-main .cta_btn {
    margin-top: 30px;
    gap: 15px;
  }

  .common-btn {
    padding: 10px 25px;
  }

  /* 404 end */
}

@media screen and (max-width: 991px) {
  section.inner-pg-main-banner.banner-position {
    background-position: 25% 100%;
  }

  .who-we-work-cards {
    padding: 40px 20px;
    width: calc(50% - 13px);
  }


  .footer-col-1,
  .footer-col-2,
  .footer-col-3,
  .footer-col-4 {
    width: 50%;
  }

  /* Home banner css start */
  .banner-row {
    width: 100%;
  }

  .banner-section:before {
    width: 100%;
    height: 410px;
    background: linear-gradient(359deg, rgba(116, 109, 98, 0) 0%, rgb(117 109 99 / 41%) 29.33%, #766e63 100%);
  }

  /* Home banner css end */
  /* nurse care section start */
  .nurse-care-row {
    flex-direction: column;
  }

  .nurse-care-description {
    margin-bottom: 30px;
    width: 100%;
    padding-right: 0px;
  }

  .nurse-care-image {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }

  .discuss-care-btn {
    font-size: 14px;
    line-height: 24px;
    padding: 16px 20px 15px;
  }

  .about-us .description ul {
    margin-bottom: 25px;
    margin-top: 15px;
  }

 
  .nurse-care-image.dementia-care-image{order: 2;}
  .nurse-care-description.about-us.dementia-care {
      order: 1;
  }

  /* nurse care section end */
  /* why choose us section start */

  .why-choose-us-cards {
    gap: 20px;
  }

  .card {
    width: calc(50% - 10px);
    padding: 30px 25px;
  }

  .card img {
    margin-bottom: 15px;
    height: 50px;
    width: 50px;
  }

  a.assessment {
    padding: 12px 20px;
    margin-top: 30px;
  }

  /* why choose us section end */

  .steps-wrapper {
    flex-direction: column;
    gap: 0;
    margin-bottom: 40px;
    align-items: flex-start;
  }

  .step-item {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 20px;
    text-align: left;
  }

  .step-item:last-child {
    margin-bottom: 0;
  }

  .step-circle {
    min-width: 60px;
    width: 60px;
    height: 60px;
    position: relative;
    margin: 0;
    font-size: 24px;
  }

  .step-item:not(:last-child) .step-circle::after {
    content: "";
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 100%;
    background: #d9d9d9;
  }

  /* Line bar css */
  .line-bar {
    right: auto;
    bottom: 0;
    width: 1px;
    height: calc(100% - 50px);
    left: 30px;
  }

  .step-circle:before {
    left: 20px;
    height: 10px;
    top: 59px;
  }
  .step-title{
    margin-top: 13px;
  }

  body .process-steps .step-item .step-circle::after {
    left: 30px;
    background: #fff;
    top: -11px;
    height: 10px;
  }

  /* Tailored support and independence start */
  .dementia-care {
    padding: 0;
  }

  .mental-health-support-items {
    gap: 20px;
    margin-bottom: 28px;
  }

  .mental-health-support-cards {
    padding: 30px;
    width: calc(100% / 2 - 10px);
  }

  .dementia-care .description .common-btn {
    margin-top: 25px;
  }

  .about-us .description p+ul {
    margin-top: 0px;
  }

  .dementia-care .description ul {
    margin-bottom: 15px;
  }

  .tailored-support .description h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 12px;
  }

  .services-item {
    height: 280px;
    width: calc(50% - 13px);
  }
  .services-images img{ object-position: top;}



  /* Tailored support and independence end */
}

@media screen and (max-width: 767px) {
  section.inner-pg-main-banner.banner-position {
    background-position: top;
  }

  /* Service Start */
    .who-we-work-section {
      margin-bottom: 60px;
  }
  .who-we-work-section .sec-heading h2 {
    margin-bottom: 30px;
  }
  /* Service End */

  /* Join our team section start */
  .join-our-team-wrapper {
    flex-direction: column;
    padding: 54px 0 60px;
  }

  .join-text {
    width: 100%;
  }

  .join-text a {
    display: none;
  }

  .join-description {
    width: 100%;
  }

  .join-description a {
    display: inline-block;
  }

  .join-description p {
    margin-bottom: 15px;
  }

  .join-text h2 {
    font-size: 26px;
  }

  .join-description p {
    font-size: 18px;
    line-height: 30px;
  }

  .join-description a.common-btn {
    margin-top: 22px;
  }

  .join-text h2 {
    margin-bottom: 12px;
  }


  /* Join our team section end */
  /* work description start */

  .work-icon img {
    max-width: 40px;
  }

  .work-icon {
    margin-bottom: 18px;
  }

  .work-title h3 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 10px;
  }

  .work-description p {
    line-height: 26px;
  }


  /* work description end */

  /* Nurse-care section start */
  .description ul li {
    font-size: 16px;
    line-height: 26px;
  }

  .description ul {
    margin-bottom: 12px;
  }

  .nurse-care-section {
    margin-bottom: 60px;
  }

  .nurse-care-description h2 {
    margin-bottom: 12px;
  }

  .about-us .description p {
    margin-bottom: 15px;
  }

  .description ul+p {
    margin-bottom: 15px;
  }

  .nurse-care-description p {
        margin-bottom: 15px;
    }
  /* Nurse-care section end */

  .why-choose-us {
    padding: 50px 0px 60px;
  }

  .why-choose-us-heading {
    margin-bottom: 25px;
  }

  .card-section {
    margin-bottom: 50px;
  }

  .process-steps {
    margin-bottom: 60px;
  }


  .dementia-care-section {
    padding: 60px 0;
  }

  .mental-health-support-section {
    margin-bottom: 60px;
  }

  .section-heading a.common-btn {
    margin-top: 20px;
  }

  .mental-health-support-items {
    margin-bottom: 25px;
  }

  .section-heading.tailored-btn {
    margin-bottom: 0px;
  }

  .section-heading {
    margin-bottom: 25px;
  }

  .mental-health-support-cards .work-title h3 {
    font-size: 18px;
    line-height: 26px;
  }

  .tailored-support .description h2 {
    margin-bottom: 15px;
  }

  .mental-health-support-cards .work-icon img {
    height: 40px;
    width: 40px;
  }

  .footer-sub-title {
    font-size: 16px;
  }

  .footer-title {
    font-size: 18px;
    line-height: 28px;
  }

  .footer-copyright p {
    font-size: 13px;
    line-height: 23px;
  }

  .footer-copyright {
    padding-top: 15px;
  }

  footer {
    padding: 45px 0 15px 0;
  }

  .footer-row {
    padding-bottom: 35px;
  }

  /* 404 start */
  section.error-page-main {
    padding: 60px 0;
  }

  .error-page-content h1 {
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 12px;
  }

  .error-page-content p {
    font-size: 16px;
    line-height: 28px;
  }

  .error-page-main .cta_btn {
    margin-top: 25px;
  }

  .common-btn {
    font-size: 15px;
    line-height: 25px;
    padding: 10px 18px;
  }

  /* 404 end */

  /* Home Banner css */
  .bnr-sub-title {
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 20px;
  }

  .banner-section h1 {
    padding-bottom: 14px;
  }

  .banner-section .df_btn {
    margin-top: 35px;
    font-size: 16px;
    line-height: 28px;
    padding: 10px 22px;
  }

  .banner-section {
    padding-bottom: 60px;
    padding-top: 60px;
    margin-bottom: 60px;
  }

  .sec-heading h2 {
    padding-bottom: 12px;
  }


  /* Home Banner css */
}

@media screen and (max-width: 576px) {

  /* Service Start */
  .services-item {
    width: 100%;
  }

  .services-text h2 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 8px;
  }

  .services-text a {
    font-size: 16px;
    line-height: 26px;
  }

  /* Service End */

  /* who-we-work Start */
  .who-we-work-cards {
    width: 100%;
    text-align: center;
    padding: 30px 20px;
  }

  .sec-heading h2 {
    margin-bottom: 50px;
  }

  /* who-we-work End */

  /* why choose us section start */
  .why-choose-us-cards {
    gap: 20px;
  }

  .card {
    width: 100%;
    text-align: center;
  }

  .card img {
    margin-bottom: 25px;
    height: 40px;
    width: 40px;
  }

  .about-us .common-btn {
    text-align: center;
  }

  /* why choose us section end */

  /* Tailored support and independence start */


  .mental-health-support-cards {
    width: 100%;
  }

  .mental-health-support-cards .work-icon {
    margin-bottom: 10px;
  }

  /* Tailored support and independence end */

  .accordianNav .footer-menu {
    display: none;
    margin-bottom: 20px;
  }

  .footer-title.active h3.dropArrow::after {
    transform: rotate(180deg);
  }

  .footer-col-4 {
    width: 100%;
  }

  .footer-col-1,
  .footer-col-2,
  .footer-col-3 {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  .footer-col-1 {
    padding-bottom: 20px;
  }

  .accordianNav .footer-title {
    position: relative;
  }

  .accordianNav .footer-title:before,
  .accordianNav .footer-title:after {
    content: "";
    background: var(--white);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .accordianNav .footer-title:before {
    height: 2px;
    width: 10px;
    right: 5px;
  }

  .accordianNav .footer-title:after {
    height: 10px;
    width: 2px;
    right: 9px;
  }

  .footer-row {
    padding-bottom: 20px;
    row-gap: 15px;
  }

  .accordianNav .footer-title.active:after {
    content: unset;
  }

  .services-item {
    height: 340px;
  }

  .services-images img {
    object-position: top;
  }
}