body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  box-shadow: none;
  outline: none;
}

/* banner section starts */
.features-page .features-static-content {
  max-width: 1920px;
  margin: auto;
}

.features-page .features-static-content .banner-section {
  background-image: url("../images/features-banner-bg.png");
  background-repeat: no-repeat;
  background-position: left;
  background-size: cover;
  height: 638px;
  width: 100%;
  padding-top: 140px;
}

.features-page .banner-section h1 {
  font-size: 48px;
  line-height: 1.5;
  font-weight: bold;
  color: #333333;
  margin-bottom: 36px;
}

.features-page .banner-section p {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 50px;
}

.features-page .banner-section img {
  width: 750px;
  height: 400px;
  object-fit: cover;
}

.features-page .features-static-content .banner-overview {
  margin: 157px auto 67px;
  max-width: 1322px;
  padding: 0 60px;
}

.features-page .banner-overview h3 {
  color: #1a1f13;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 16px;
  padding-top: 50px;
}

.features-page .banner-overview p {
  color: #1a1f13;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 0;
  /* width: 900px; */
}

/* banner section ends */

/* menu tabs section start */
.features-page .feature-toggle-content {
  max-width: 1322px;
  margin: auto;
}

.features-page .feature-toggle-content .feature-toggle-tabs .slick-track {
  display: flex;
  justify-content: center;
  /* margin-left: 10px; */
  padding-bottom: 10px;
}

.features-page .feature-toggle-tabs .tab {
  height: 55px;
  padding: 0 24px;
  background: #ebebeb;
  border-radius: 50px;
  font-size: 24px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  width: fit-content !important;
  line-height: 55px;
}

.features-page .feature-toggle-tabs .tab.active {
  background: #1da6d9;
  color: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
}

/* menu tabs section ends */

/* connect section starts */
.features-page .connect-section .connect-header {
  color: #333333;
  font-size: 54px;
  line-height: 64px;
  font-weight: bold;
  margin-top: 63px;
  margin-bottom: 80px;
  line-height: 1.3;
}

.features-page .connect-section .dashboard-container {
  max-width: 913px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, auto);
  gap: 20px;
}

.features-page .connect-section .dashboard-container .card {
  height: auto;
  border-radius: 32px;
  padding: 26px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  /* padding-right: 0px; */
}

.features-page .connect-section .dashboard-container .customization-card {
  height: 100% !important;
  width: 344px !important;
  background: #c3b2e7;
  color: white;
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.features-page .connect-section .dashboard-container .customization-card h2 {
  font-size: 24px;
  line-height: 28px;
  color: #121212;
  font-weight: bold;
  margin-bottom: 38px;
}

.features-page
  .connect-section
  .dashboard-container
  .customization-card
  .config-text {
  font-size: 16px;
  line-height: 19px;
  color: #121212;
  font-weight: normal;
  margin-bottom: 0px;
}

.features-page
  .connect-section
  .dashboard-container
  .customization-card
  .card-preview
  img {
  width: 100%;
  height: 300px;
  object-fit: contain;
}

.features-page .connect-section .dashboard-container .automation-card {
  background: #8de0ff;
  color: white;
  grid-column: 2 / 4;
  grid-row: 1 / 2;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
}

.features-page
  .connect-section
  .dashboard-container
  .automation-card
  .card-content {
  width: 400px;
}

.features-page
  .connect-section
  .dashboard-container
  .automation-card
  .card-content
  h2 {
  font-size: 24px;
  line-height: 28px;
  color: #121212;
  font-weight: bold;
  margin-bottom: 13px;
}

.features-page
  .connect-section
  .dashboard-container
  .automation-card
  .card-content
  p {
  font-size: 16px;
  line-height: 19px;
  color: #121212;
  font-weight: normal;
  margin-bottom: 0px;
}

.features-page
  .connect-section
  .dashboard-container
  .automation-card
  .image-content {
  height: 100%;
  width: 100%;
  float: inline-end;
}

.features-page
  .connect-section
  .dashboard-container
  .automation-card
  .image-content
  img {
  object-fit: contain;
  height: 100%;
  float: inline-end;
}

.features-page .connect-section .dashboard-container .schedule-card {
  background: #c9da8f;
  color: #334155;
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  position: relative;
  display: flex;
  justify-content: space-between;
}

.features-page
  .connect-section
  .dashboard-container
  .schedule-card
  .card-content
  h2 {
  font-size: 24px;
  line-height: 28px;
  color: #121212;
  font-weight: bold;
  margin-bottom: 13px;
}

.features-page .feature-user-count-section {
  margin-bottom: 100px;
}

.features-page
  .connect-section
  .dashboard-container
  .schedule-card
  .card-content
  p {
  font-size: 16px;
  line-height: 19px;
  color: #121212;
  font-weight: normal;
  margin-bottom: 0px;
}

.features-page
  .connect-section
  .dashboard-container
  .schedule-card
  .image-content {
  height: 120px;
  display: flex;
  justify-content: center;
}

.features-page
  .connect-section
  .dashboard-container
  .schedule-card
  .image-content
  img {
  height: 100%;
  object-fit: contain;
}

.features-page .connect-section .dashboard-container .inbox-card {
  background: #fedf6f;
  color: #1f2937;
  grid-column: 3 / 4;
  grid-row: 2 / 3;
  display: flex;
  justify-content: space-between;
  /* padding-right: 0px; */
  padding-bottom: 0px;
  overflow: hidden;
}
.features-page .connect-section .dashboard-container .inbox-card.custom-card {
  padding-right: 0px !important;
}
.features-page .connect-section .dashboard-container .wallet-card.custom-card {
  padding-right: 0px !important;
}


.features-page .connect-section .dashboard-container .inbox-card .card-content {
  margin-bottom: 20px;
}

.features-page
  .connect-section
  .dashboard-container
  .inbox-card
  .card-content
  h2 {
  font-size: 24px;
  line-height: 28px;
  color: #121212;
  font-weight: bold;
  margin-bottom: 13px;
}

.features-page
  .connect-section
  .dashboard-container
  .inbox-card
  .card-content
  p {
  font-size: 16px;
  line-height: 19px;
  color: #121212;
  font-weight: normal;
  margin-bottom: 0px;
}

.features-page
  .connect-section
  .dashboard-container
  .inbox-card
  .image-content {
  display: flex;
  justify-content: center;
}

.features-page
  .connect-section
  .dashboard-container
  .inbox-card
  .image-content.custom-image {
  display: flex;
  justify-content: flex-end;
}

.features-page .connect-section .dashboard-container .wallet-card {
  background: #b8cedc;
  color: #1f2937;
  grid-column: 3 / 4;
  grid-row: 3 / 4;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0;
  padding-right: 0;
  overflow: hidden;
}
.features-page
  .connect-section
  .dashboard-container
  .wallet-card
  .card-content {
  margin-bottom: 20px;
}

.features-page
  .connect-section
  .dashboard-container
  .wallet-card
  .card-content
  h2 {
  font-size: 24px;
  line-height: 28px;
  color: #121212;
  font-weight: bold;
  margin-bottom: 13px;
}

.features-page
  .connect-section
  .dashboard-container
  .wallet-card
  .card-content
  p {
  font-size: 16px;
  line-height: 19px;
  color: #121212;
  font-weight: normal;
  margin-bottom: 0px;
}

.features-page
  .connect-section
  .dashboard-container
  .wallet-card
  .image-content {
  display: flex;
  justify-content: center;
}

.features-page .connect-section .dashboard-container .reminders-card {
  background: #f9a474;
  color: white;
  grid-column: 1 / 3;
  grid-row: 3 / 4;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
}

.features-page
  .connect-section
  .dashboard-container
  .reminders-card
  .card-content {
  width: 400px;
}

.features-page
  .connect-section
  .dashboard-container
  .reminders-card
  .card-content
  h2 {
  font-size: 24px;
  line-height: 28px;
  color: #121212;
  font-weight: bold;
  margin-bottom: 13px;
}

.features-page
  .connect-section
  .dashboard-container
  .reminders-card
  .card-content
  p {
  font-size: 16px;
  line-height: 19px;
  color: #121212;
  font-weight: normal;
  margin-bottom: 0px;
}

.features-page
  .connect-section
  .dashboard-container
  .reminders-card
  .image-content {
  height: 100%;
  width: 100%;
  float: inline-end;
}

.features-page
  .connect-section
  .dashboard-container
  .reminders-card
  .image-content
  img {
  object-fit: contain;
  height: 100%;
  float: inline-end;
  width: 400px;
}

.features-page .connect-section .connect-sub-header {
  font-size: 42px;
  line-height: 48px;
  color: #0f172a;
  font-weight: bold;
  margin-top: 173px;
  margin-bottom: 80px;
}

.features-page .connect-section .user-count-cards {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1013px;
  gap: 40px;
}

.features-page .connect-section .user-count-cards .feature-block {
  width: 402px;
  display: flex;
  gap: 30px;
}

/* Responsive Design */
@media (max-width: 913px) {
  .features-page .connect-section .dashboard-container {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    max-width: 100%;
  }

  .features-page .connect-section .dashboard-container .card {
    grid-column: 1 / 2 !important;
    grid-row: auto !important;
  }

  .features-page .connect-section .dashboard-container .customization-card {
    width: 100% !important;
  }

  .features-page .connect-section .dashboard-container .customization-card,
  .automation-card,
  .schedule-card,
  .wallet-card,
  .inbox-card,
  .send-gifts-card,
  .reminders-card,
  .dashboard-card {
    grid-column: 1 / 2;
    grid-row: auto;
  }
}

@media (min-width: 768px) and (max-width: 912.98px) {
  .features-page .connect-section .dashboard-container {
    max-width: 70%;
  }
  .features-page .connect-section .connect-sub-header {
    padding: 0 60px;
  }
  .features-page .connect-section .user-count-cards {
    padding: 0 60px;
  }
  .features-page .grow-section .connect-sub-header {
    padding: 0 60px;
  }
  .features-page .grow-section .user-count-cards {
    padding: 0 60px;
  }
}

@media (max-width: 767.98px) {
  .features-page .connect-section .user-count-cards {
    padding: 0px;
  }
  .features-page .grow-section .user-count-cards {
    padding: 0px;
  }
  .features-page .connect-section .connect-header {
    font-size: 30px !important;
    margin-top: 35px !important;
    margin-bottom: 30px !important;
    line-height: 1.3 !important;
  }
  .features-page .connect-section .dashboard-container .card {
    height: auto;
    padding-right: 26px;
  }

  .features-page .connect-section .dashboard-container .automation-card {
    flex-direction: column-reverse;
  }

  .features-page
    .connect-section
    .dashboard-container
    .automation-card
    .card-content {
    width: 100%;
  }

  .features-page
    .connect-section
    .dashboard-container
    .automation-card
    .image-content {
    display: flex;
    justify-content: center;
  }

  .features-page .connect-section .dashboard-container .reminders-card {
    flex-direction: column-reverse;
  }

  .features-page
    .connect-section
    .dashboard-container
    .reminders-card
    .card-content {
    width: 100% !important;
  }

  .features-page
    .connect-section
    .dashboard-container
    .reminders-card
    .image-content {
    display: flex;
    justify-content: center;
  }
  .features-page .connect-section .user-count-cards .feature-block {
    width: 100% !important;
    gap: 16px;
  }
  .features-page
    .connect-section
    .dashboard-container
    .automation-card
    .image-content
    img {
    width: 100%;
  }
  .features-page
    .connect-section
    .dashboard-container
    .reminders-card
    .image-content
    img {
    width: 100%;
  }
  .features-page .connect-section .user-count-cards {
    gap: 20px !important;
  }
  .features-page .connect-section .connect-sub-header {
    font-size: 30px !important;
    margin-top: 45px !important;
    margin-bottom: 30px !important;
    line-height: 1.3;
  }
  .features-page .grow-section .connect-sub-header {
    font-size: 32px !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
  }
  .features-page .grow-section .user-count-cards {
    gap: 20px !important;
  }
  .features-page .grow-section .user-count-cards .feature-block {
    width: 100% !important;
  }
  .features-page
    .grow-section
    .dashboard-container
    .automation-card
    .image-content
    img {
    width: 100%;
  }
  .features-page .grow-section .connect-header {
    font-size: 30px !important;
    margin-top: 35px !important;
    margin-bottom: 30px !important;
    line-height: 1.3 !important;
  }
}

@media (max-width: 480px) {
  .dashboard-container {
    gap: 16px;
  }

  .card {
    padding: 20px;
  }

  .card h2 {
    font-size: 24px !important;
  }
}

/* connect section ends */

/* automate css starts */
.features-page .automate-section,
.features-page .secure-section {
  /* padding: 0 60px; */
  width: 100%;
}

.features-page .automate-section .automate-header {
  margin-bottom: 80px;
}

.features-page .automate-section .automate-header h2 {
  font-size: 54px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  margin-top: 63px;
  color: rgba(29, 30, 32, 1);
}

.features-page .automate-section .automate-header p {
  color: rgba(49, 55, 61, 1);
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 0;
  text-align: center;
}

.features-page .automate-section .workflow-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 48px;
}

.features-page .automate-section .workflow-section .step {
  width: 250px;
}

.features-page .automate-section .step .icon-text {
  display: flex;
  gap: 8px;
  align-items: center;
}

.features-page .automate-section .step .icon-text h4 {
  margin: 0;
  font-size: 18px;
  line-height: 25px;
  font-weight: bold;
  color: rgba(36, 41, 47, 1);
}

.features-page .automate-section .step .icon-text img {
  height: 20px;
  width: 20px;
}

.features-page .automate-section .card-section {
  width: 100%;
  margin-bottom: 63px;
}

.features-page .automate-section .first-card-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  min-height: 343px;
  margin-bottom: 28px;
}

.features-page .automate-section .first-card-row .block {
  height: auto;
  border: 1px solid rgba(120, 120, 120, 0.3);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  /* justify-content: flex-end; */
}

.features-page .automate-section .first-card-row .block.one {
  background: rgba(195, 178, 231, 1);
}

.features-page .automate-section .first-card-row .block.two {
  background: rgba(200, 217, 143, 1);
}

.features-page .automate-section .first-card-row .img-content {
  height: 214px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.features-page .automate-section .first-card-row .img-content img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.features-page .automate-section .first-card-row .text-content {
  flex-grow: 1;
  /* text area grows if content increases */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* top align text */
  width: 100%;
  border: 1px solid rgba(120, 120, 120, 0.3);
  background: rgba(255, 255, 255, 1);
  border-radius: 8px;
  padding: 25px;
}

.features-page .automate-section .first-card-row .text-content h4 {
  margin-bottom: 7px;
  font-size: 18px;
  line-height: 24px;
  color: rgba(0, 0, 0, 1);
}

.features-page .automate-section .first-card-row .text-content p {
  margin-bottom: 0px;
  font-size: 16px;
  line-height: 26px;
  color: rgba(82, 82, 91, 1);
}

.features-page .automate-section .second-card-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  min-height: 356px;
}

.features-page .automate-section .second-card-row .block {
  height: auto;
  border: 1px solid rgba(120, 120, 120, 0.3);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  /* justify-content: flex-end; */
}

.features-page .automate-section .second-card-row .block.one {
  background: rgba(141, 224, 255, 1);
}

.features-page .automate-section .second-card-row .block.two {
  background: rgba(184, 206, 220, 1);
}

.features-page .automate-section .second-card-row .block.three {
  background: rgba(249, 164, 116, 1);
}

.features-page .automate-section .second-card-row .img-content {
  height: 226px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.features-page .automate-section .second-card-row .img-content img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.features-page .automate-section .second-card-row .text-content {
  flex-grow: 1;
  /* text area grows if content increases */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* top align text */
  width: 100%;
  border: 1px solid rgba(120, 120, 120, 0.3);
  background: rgba(255, 255, 255, 1);
  border-radius: 8px;
  padding: 25px;
}

.features-page .automate-section .second-card-row .text-content h4 {
  margin-bottom: 7px;
  font-size: 18px;
  line-height: 24px;
  color: rgba(0, 0, 0, 1);
}

.features-page .automate-section .second-card-row .text-content p {
  margin-bottom: 0px;
  font-size: 16px;
  line-height: 26px;
  color: rgba(82, 82, 91, 1);
}

.features-page .automate-section .automate-sub-header {
  margin-bottom: 43px;
}

.features-page .automate-section .automate-sub-header h2 {
  color: rgba(25, 0, 65, 1);
  font-size: 54px;
  line-height: 1.3;
  font-weight: bold;
}

.features-page .automate-section .automate-slider {
  display: flex;
  justify-content: center;
  margin-bottom: 77px;
  /* gap: 32px !important; */
}

.features-page .automate-section .automate-slider .slick-track {
  display: flex;
  justify-content: center;
}

.features-page .automate-section .automate-slider .card-slide.one {
  margin-right: 32px;
  margin-left: 16px;
}

.features-page .automate-section .automate-slider .card-slide.two {
  margin-right: 32px;
}

.features-page .automate-section .automate-slider .card-slide {
  width: 352px;
  height: 530px;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  /* margin-right: 32px; */
}

.features-page .automate-section .automate-slider .img-content {
  width: 100%;
  height: 352px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.features-page .automate-section .automate-slider .img-content img {
  height: 100%;
  width: 100%;
}

.features-page .automate-section .automate-slider .text-content {
  padding: 24px 24px 24px 0;
}

.features-page .automate-section .automate-slider .text-content h4 {
  color: #190041;
  font-size: 20px;
  line-height: 32px;
  font-weight: bold;
}

.features-page .automate-section .automate-slider .text-content p {
  color: #190041;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
}

/* .features-page .secure-section .automate-sub-header {
    margin-bottom: 43px;
} */

/* .features-page .secure-section .automate-sub-header h2 {
    color: #190041;
    font-weight: bold;
    font-size: 54px;
    line-height: 1.5;
} */

/* automate css ends */

/* secure section css start */
.features-page .secure-section .automate-sub-header {
  margin-bottom: 43px;
}

.features-page .secure-section .automate-sub-header h2 {
  color: #190041;
  font-weight: bold;
  font-size: 54px;
  line-height: 1.3;
  margin-top: 63px;
  margin-bottom: 80px;
}

.features-page .secure-section .secure-slider {
  display: flex;
  justify-content: center;
  margin-bottom: 77px;
  /* gap: 32px !important; */
}

.features-page .secure-section .secure-slider .slick-track {
  display: flex;
  justify-content: center;
}

.features-page .secure-section .secure-slider .card-slide.one {
  margin-right: 32px;
  margin-left: 16px;
}

.features-page .secure-section .secure-slider .card-slide.two {
  margin-right: 32px;
}

.features-page .secure-section .secure-slider .card-slide {
  width: 352px;
  height: 530px;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  /* margin-right: 32px; */
}

.features-page .secure-section .secure-slider .img-content {
  width: 100%;
  height: 352px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.features-page .secure-section .secure-slider .img-content img {
  height: 100%;
  width: 100%;
}

.features-page .secure-section .secure-slider .text-content {
  padding: 24px 24px 24px 0;
}

.features-page .secure-section .secure-slider .text-content h4 {
  color: #190041;
  font-size: 20px;
  line-height: 32px;
  font-weight: bold;
}

.features-page .secure-section .secure-slider .text-content p {
  color: #190041;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
}

/* secure section css end */

/* grow section css starts */

.features-page .grow-section .connect-header {
  color: #333333;
  font-size: 54px;
  line-height: 1.3;
  font-weight: bold;
  margin-top: 63px;
  margin-bottom: 80px;
}

.features-page .grow-section .dashboard-container {
  max-width: 913px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, auto);
  gap: 20px;
}

.features-page .grow-section .dashboard-container .card {
  height: auto;
  border-radius: 32px;
  padding: 26px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.features-page .grow-section .dashboard-container .customization-card {
  height: 100% !important;
  width: 344px !important;
  background: #c3b2e7;
  color: white;
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.features-page .grow-section .dashboard-container .customization-card h2 {
  font-size: 24px;
  line-height: 28px;
  color: #121212;
  font-weight: bold;
  margin-bottom: 38px;
}

.features-page
  .grow-section
  .dashboard-container
  .customization-card
  .config-text {
  font-size: 16px;
  line-height: 19px;
  color: #121212;
  font-weight: normal;
  margin-bottom: 0px;
}

.features-page
  .grow-section
  .dashboard-container
  .customization-card
  .card-preview
  img {
  width: 100%;
  height: 300px;
  object-fit: contain;
}

.features-page .grow-section .dashboard-container .automation-card {
  background: #8de0ff;
  color: white;
  grid-column: 2 / 4;
  grid-row: 1 / 2;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
}

.features-page
  .grow-section
  .dashboard-container
  .automation-card
  .card-content {
  width: 400px;
}

.features-page
  .grow-section
  .dashboard-container
  .automation-card
  .card-content
  h2 {
  font-size: 24px;
  line-height: 28px;
  color: #121212;
  font-weight: bold;
  margin-bottom: 13px;
}

.features-page
  .grow-section
  .dashboard-container
  .automation-card
  .card-content
  p {
  font-size: 16px;
  line-height: 19px;
  color: #121212;
  font-weight: normal;
  margin-bottom: 0px;
}

.features-page
  .grow-section
  .dashboard-container
  .automation-card
  .image-content {
  height: 100%;
  width: 100%;
  float: inline-end;
}

.features-page
  .grow-section
  .dashboard-container
  .automation-card
  .image-content
  img {
  object-fit: contain;
  height: 100%;
  float: inline-end;
}

.features-page .grow-section .dashboard-container .schedule-card {
  background: #c9da8f;
  color: #334155;
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  position: relative;
  display: flex;
  justify-content: space-between;
}

.features-page
  .grow-section
  .dashboard-container
  .schedule-card
  .card-content
  h2 {
  font-size: 24px;
  line-height: 28px;
  color: #121212;
  font-weight: bold;
  margin-bottom: 13px;
}

.features-page
  .grow-section
  .dashboard-container
  .schedule-card
  .card-content
  p {
  font-size: 16px;
  line-height: 19px;
  color: #121212;
  font-weight: normal;
  margin-bottom: 0px;
}

.features-page
  .grow-section
  .dashboard-container
  .schedule-card
  .image-content {
  height: 120px;
  display: flex;
  justify-content: center;
}

.features-page
  .grow-section
  .dashboard-container
  .schedule-card
  .image-content
  img {
  height: 100%;
  object-fit: contain;
}

.features-page .grow-section .dashboard-container .inbox-card {
  background: #fedf6f;
  color: #1f2937;
  grid-column: 3 / 4;
  grid-row: 2 / 3;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0px;
}

.features-page .grow-section .dashboard-container .inbox-card .card-content h2 {
  font-size: 24px;
  line-height: 28px;
  color: #121212;
  font-weight: bold;
  margin-bottom: 13px;
}

.features-page .grow-section .dashboard-container .inbox-card .card-content p {
  font-size: 16px;
  line-height: 19px;
  color: #121212;
  font-weight: normal;
  margin-bottom: 0px;
}

.features-page .grow-section .dashboard-container .inbox-card .card-content {
  /* display: flex; */
  /* justify-content: center; */
  margin-bottom: 20px;
}

.features-page .grow-section .dashboard-container .inbox-card .image-content {
  display: flex;
  justify-content: center;
}

.features-page .grow-section .dashboard-container .wallet-card {
  background: #b8cedc;
  color: #1f2937;
  grid-column: 3 / 4;
  grid-row: 3 / 4;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0px;
  overflow: hidden;
}
.features-page .grow-section .dashboard-container .wallet-card .card-content {
  margin-bottom: 20px;
}

.features-page
  .grow-section
  .dashboard-container
  .wallet-card
  .card-content
  h2 {
  font-size: 24px;
  line-height: 28px;
  color: #121212;
  font-weight: bold;
  margin-bottom: 13px;
}

.features-page .grow-section .dashboard-container .wallet-card .card-content p {
  font-size: 16px;
  line-height: 19px;
  color: #121212;
  font-weight: normal;
  margin-bottom: 0px;
}

.features-page .grow-section .dashboard-container .wallet-card .image-content {
  display: flex;
  justify-content: center;
}

.features-page
  .grow-section
  .dashboard-container
  .wallet-card
  .image-content
  img {
  position: relative;
}
.features-page .grow-section .dashboard-container .reminders-card {
  background: #8de0ff;
  color: white;
  grid-column: 1 / 3;
  grid-row: 3 / 4;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
}

.features-page
  .grow-section
  .dashboard-container
  .reminders-card
  .card-content {
  width: 400px;
}

.features-page
  .grow-section
  .dashboard-container
  .reminders-card
  .card-content
  h2 {
  font-size: 24px;
  line-height: 28px;
  color: #121212;
  font-weight: bold;
  margin-bottom: 13px;
}

.features-page
  .grow-section
  .dashboard-container
  .reminders-card
  .card-content
  p {
  font-size: 16px;
  line-height: 19px;
  color: #121212;
  font-weight: normal;
  margin-bottom: 0px;
}

.features-page
  .grow-section
  .dashboard-container
  .reminders-card
  .image-content {
  height: 100%;
  width: 100%;
  float: inline-end;
}

.features-page
  .grow-section
  .dashboard-container
  .reminders-card
  .image-content
  img {
  object-fit: contain;
  height: 100%;
  float: inline-end;
  width: 100%;
}

.features-page .grow-section .connect-sub-header {
  font-size: 42px;
  line-height: 48px;
  color: #0f172a;
  font-weight: bold;
  margin-top: 173px;
  margin-bottom: 80px;
}

.features-page .grow-section .user-count-cards {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1013px;
  gap: 40px;
}

.features-page .grow-section .user-count-cards .feature-block {
  width: 402px;
  display: flex;
  gap: 30px;
}
.privacy_blk h5 {
  font-size: 60px;
  margin-bottom: 10px;
}
.privacy_blk p {
  font-size: 22px;
  line-height: 32px;
  margin: 0;
}

/* Responsive Design */
@media (max-width: 913px) {
  .features-page .grow-section .dashboard-container {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    max-width: 100%;
  }
  .features-page .connect-section .dashboard-container .wallet-card .card-content.custom-content {
    padding-right: 26px;
  }
  .features-page .connect-section .dashboard-container .wallet-card .image-content.custom-image {
    justify-content: flex-end;
  }

  .features-page .grow-section .dashboard-container .card {
    grid-column: 1 / 2 !important;
    grid-row: auto !important;
  }

  .features-page .grow-section .dashboard-container .customization-card {
    width: 100% !important;
  }

  .features-page .grow-section .dashboard-container .customization-card,
  .automation-card,
  .schedule-card,
  .wallet-card,
  .inbox-card,
  .send-gifts-card,
  .reminders-card,
  .dashboard-card {
    grid-column: 1 / 2;
    grid-row: auto;
  }
}

@media (min-width: 768px) and (max-width: 912.98px) {
  .features-page .grow-section .dashboard-container {
    max-width: 70%;
  }
}

@media (max-width: 767.98px) {
  .features-page .grow-section .dashboard-container .card {
    height: auto;
  }

  .features-page .grow-section .dashboard-container .automation-card {
    flex-direction: column-reverse;
  }

  .features-page
    .grow-section
    .dashboard-container
    .automation-card
    .card-content {
    width: 100%;
  }

  .features-page
    .grow-section
    .dashboard-container
    .automation-card
    .image-content {
    display: flex;
    justify-content: center;
  }

  .features-page .grow-section .dashboard-container .reminders-card {
    flex-direction: column-reverse;
  }

  .features-page
    .grow-section
    .dashboard-container
    .reminders-card
    .card-content {
    width: 100%;
  }

  .features-page
    .grow-section
    .dashboard-container
    .reminders-card
    .image-content {
    display: flex;
    justify-content: center;
  }
  .privacy_blk h5 {
    font-size: 30px;
  }
  .privacy_blk p {
    font-size: 18px;
    line-height: 28px;
  }
  .features-page .secure-section .secure-slider {
    font-size: 24px;
  }
}

@media (max-width: 480px) {
  .dashboard-container {
    gap: 16px;
  }

  .card {
    padding: 20px;
  }

  .card h2 {
    font-size: 24px !important;
  }
}

/* grow section css ends */

@media (min-width: 768px) and (max-width: 1328px) {
  .features-page .features-static-content .banner-overview {
    padding: 0 60px;
  }

  .features-page .automate-section,
  .features-page .secure-section {
    padding: 0 60px;
  }
}

@media (max-width: 1240px) {
  .features-page .automate-section .automate-slider .card-slide {
    margin-right: 32px;
  }

  .features-page .secure-section .secure-slider .card-slide {
    margin-right: 32px;
  }

  .features-page .automate-section .automate-slider .card-slide.one {
    margin-left: 0;
  }

  .features-page .secure-section .secure-slider .card-slide.one {
    margin-left: 0;
  }
}

@media (max-width: 1100px) {
  .features-page .automate-section .second-card-row {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 1040px) {
  .features-page .banner-overview p {
    /* width: 100%; */
  }
}

@media (max-width: 767.98px) {
  .features-page .features-static-content .banner-section {
    padding: 121px 16px 90px 16px;
  }

  .features-page .banner-section h1 {
    font-size: 32px;
  }

  .features-page .banner-section p {
    font-size: 16px;
    padding: 0 24px;
  }

  .features-page .banner-section img {
    width: 100%;
    height: 174px;
    object-fit: contain;
  }

  .features-page .banner-overview h3 {
    font-size: 16px;
  }

  .features-page .banner-overview p {
    font-size: 16px;
  }

  .features-page .features-static-content .banner-overview {
    margin-top: 54px;
    padding: 0 16px;
    margin-bottom: 36px;
  }

  .features-page .feature-toggle-content .padding-wrapper {
    padding: 0 16px;
  }

  .features-page .feature-toggle-content .feature-toggle-tabs .slick-track {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 10px;
  }

  .features-page .feature-toggle-tabs .tab {
    font-size: 16px;
    height: 45px;
    cursor: pointer;
  }

  .features-page .automate-section,
  .features-page .secure-section {
    padding: 0px !important;
  }

  .features-page .automate-section .automate-header {
    margin-top: 35px;
    margin-bottom: 30px;
  }

  .features-page .automate-section .automate-header h2 {
    font-size: 30px;
    line-height: 1.3;
    margin-top: 0px;
    margin-bottom: 14px;
  }

  .features-page .automate-section .automate-header p {
    font-size: 16px;
    line-height: 30px;
  }

  .features-page .automate-section .first-card-row {
    display: flex;
    flex-direction: column;
  }

  .features-page .automate-section .automate-sub-header {
    margin-bottom: 30px;
    margin-top: 45px;
  }

  .features-page .automate-section .automate-sub-header h2 {
    font-size: 30px;
    line-height: 1.3;
  }
  .features-page .automate-section .card-section {
    margin-bottom: 0px;
  }

  .features-page .automate-section .automate-slider .card-slide {
    width: 280px;
    height: auto;
  }

  .features-page .automate-section .automate-slider .img-content {
    height: 220px;
    width: 100%;
    overflow: hidden;
  }

  .features-page .automate-section .automate-slider .slick-slide img {
    height: 100%;
    /* object-fit: contain; */
    width: 100%;
  }

  .features-page .automate-section .automate-slider .text-content {
    padding: 13px 13px 13px 0;
  }

  .features-page .secure-section .secure-slider .card-slide {
    width: 280px;
    height: auto;
  }

  .features-page .secure-section .secure-slider .img-content {
    height: 220px;
    width: 100%;
    overflow: hidden;
  }

  .features-page .secure-section .secure-slider .slick-slide img {
    height: 100%;
    /* object-fit: contain; */
    width: 100%;
  }

  .features-page .secure-section .secure-slider .text-content {
    padding: 13px 13px 13px 0;
  }

  .features-page .secure-section .automate-sub-header {
    margin-bottom: 24px;
  }

  .features-page .secure-section .automate-sub-header h2 {
    font-size: 30px;
    line-height: 1.3;
    margin-top: 35px;
    margin-bottom: 30px;
  }
}

@media (max-width: 552px) {
  .features-page .automate-section .workflow-section .step {
    width: 100%;
  }
}
@media (min-width: 520px) {
  .features-page .feature-toggle-content .feature-toggle-tabs .slick-track {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 467px) {
  .features-page .feature-toggle-tabs .slick-slide {
    width: fit-content;
  }
}

@media (max-width: 378.98px) {
  .features-page .features-static-content .banner-section {
    height: 700px;
  }
}


/* Sticky behavior for feature-toggle-tabs */
.feature-toggle-tabs {
    position: sticky;
    top: 60px;
    z-index: 88;
    padding: 10px 0;
    background-color: #fff; /* Adjust background to match your design */
}

/* Ensure Slick Slider compatibility in mobile view */
@media (max-width: 467px) {
    .feature-toggle-tabs {
        position: sticky;
        top: 60px;
        z-index: 1000;
        background-color: #fff;
        padding: 10px;
        overflow: hidden; /* Prevent overflow issues with Slick Slider */
    }
    .feature-toggle-tabs .slick-track {
        display: flex;
        align-items: center;
    }
    .feature-toggle-tabs .tab {
        flex: 0 0 auto; /* Ensure tabs don't stretch */
        margin: 0 5px; /* Adjust spacing between tabs */
    }
}