body {
  margin: 0;
  padding: 0;
  font-family: "Poppins", sans-serif;
  background: #ffffff;
  color: #333;
}

main {
  max-width: 1280px;
  margin: 0 auto;
  padding: 10px 20px;
}

/* Section 1 Start */
/* commit: feat(hero): add mobile-first hero with responsive image */
.hero-section {
  padding: 10px 16px;
  border-radius: 20px;
  background: #f5f5f5;
}

.hero-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
  flex-wrap: wrap;
  padding: 20px 0;
}

.hero-text {
  flex: 1;
}

.hero-text h1 {
  font-size: 20px;
  font-weight: 400;
  color: #353535;
  line-height: normal;
}

.hero-text h1 span {
  color: #353535;
  font-weight: 600;
  font-size: 32px;
  line-height: normal;
}

.hero-text p {
  margin-top: 8px;
  color: #252525;
  line-height: 22px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.hero-buttons {
  margin-top: 40px;
  text-align: left;
}

/* commit: fix(hero): prevent overflow on tiny screens */
.hero-image {
  flex: 1;
  min-width: 200px;
  text-align: center;
}

.hero-image img {
  max-width: 100%;
  height: auto;
  border-radius: 20px;
}
/* Section 1 End */

/* Section 2 Start */
/* commit: feat(cold-chain): section scaffolding & spacing */
.cold-chain-section {
  padding: 40px 20px 0px 20px;
}

.content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 48px;
  max-width: 1200px;
  margin: 0 auto;
}

.intro {
  text-align: center;
}

.intro-title {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 16px;
}

.intro-text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  color: #252525;
}

.details {
  display: flex;
  flex-direction: column;
  gap: 32px;
  scroll-snap-type: y mandatory;
  overflow-y: auto;
}

.industry-item {
  scroll-snap-align: center;
}

.industry-list {
  flex: 1;
}

/* commit: style(cold-chain): industry list emphasis & active states */
.industry-title {
  font-weight: 600;
  margin-bottom: 10px;
  color: #3054e5;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  color: #959595;
}
.industry-text {
  color: #252525;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  color: #959595;
}
.industry-item.active .industry-title {
  color: #3054e5;
}
.industry-item.active .industry-text {
  color: #252525;
}

.industry-item hr {
  border: none;
  margin: 24px 0;
  border-bottom: 1px solid #454545;
  border-bottom: 1px solid #959595;
}

.illustration {
  flex: 1;
  text-align: center;
}

.illustration img {
  max-width: 100%;
  height: auto;
  border-radius: 20px;
}
.intro {
  text-align: left; /* or center if you prefer */
}

/* commit: feat(cold-chain-mobile): accordion defaults for mobile */
.mobile-industry-section {
  display: block;
}

.details {
  display: none;
}

.industry-item {
  cursor: pointer;
}

/* commit: feat(cold-chain-desktop): switch to desktop stepper/details */
@media screen and (min-width: 1024px) {
  .mobile-industry-section {
    display: none;
  }

  .details {
    display: flex;
  }
}

/* commit: style(cold-chain-mobile): accordion visuals */
.mobile-industry-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.mobile-divider {
  margin-bottom: 24px;
}

.mobile-industry-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}

.mobile-industry-image-block {
  position: relative;
}

.mobile-industry-image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
.mobile-divider {
  border: none;
  border-top: 1px solid #ddd; /* match desktop */
  margin: 16px 0;
}

.mobile-industry-image-description {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  color: #fff; /* You can adjust for readability */
  padding: 10px;
  border-radius: 4px;
  font-size: 14px;
}

.mobile-industry-body {
  display: none;
  flex-direction: column;
  gap: 24px;
  margin-top: 16px;
}

/* default icon color */
.mobile-dropdown-icon {
  color: #959595;
  transition: transform 0.3s ease, color 0.3s ease;
  cursor: pointer;
}

/* rotate + change to blue on active */
.mobile-industry-header.active .mobile-dropdown-icon {
  transform: rotate(180deg);
  color: #3054e5;
}

.mobile-industry-image {
  width: 100%;
  height: auto;
  border-radius: 20px;
}

.mobile-industry-image-block {
  position: relative;
}

.mobile-industry-image-description {
  position: absolute;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.mobile-industry-header.active {
  color: #3054e5;
}
.mobile-industry-title {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.mobile-industry-item {
  color: #959595;
}

.mobile-industry-description {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  color: #252525;
}

/* Section 2 End */

/* Section 3 Start */
/* commit: feat(process): step cards, grid layout, hover elevation */
.process-section {
  padding: 40px 20px; /* 32/48 px */
}

.process-wrapper {
  display: flex;
  flex-direction: column; /* flex col */
  margin: 0 auto;
}

/* Header: <1024 => column, gap 24px */
.process-header {
  display: flex;
  flex-direction: column;
  gap: 24px; /* gap-24px */
  padding: 40px 0px;
}

.process-intro .section-title {
  margin: 0;
}
.process-intro.section-title {
  color: #353535;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.process-intro .section-title {
  color: #353535;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.process-intro .section-desc {
  margin-top: 16px;
  color: #252525;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.process-header span {
  color: #252525;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  width: fit-content;
  border-radius: 20px;
}

/* Steps: mobile 1 col grid */
.process-steps {
  display: grid;
  grid-template-columns: 1fr; /* 1 column mobile */
  gap: 24px;
}

.process-step {
  display: flex; /* flex */
  flex-direction: column; /* col */
  padding: 16px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  border-radius: 20px;
  background: #f5f5f5;
}
.process-step[data-step="4"] {
  background: #3054e5; /* blue background */
  color: #fff; /* white text */
}

.process-step[data-step="4"] .step-title,
.process-step[data-step="4"] .step-text {
  color: #fff; /* force title & text white */
}
.process-step .step-icon {
  margin-top: 24px;
  width: 35px;
  height: 35px;
}

.process-step .step-title {
  color: #0040c1;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 34px;
}
.process-step .step-text {
  margin-top: 8px;
  color: #252525;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.process-step:hover {
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
  transform: translateY(-5px);
  /* Optional: adds a lifting effect */
}

/* Section 3 End */

/* Section 4 Start */
/* commit: feat(features): tabs UI & content container */
.features-section {
  padding: 40px 0 20px 0; /* padding 60px 16px */
}

.features-wrapper {
  display: flex;
  flex-direction: column; /* flex col */
  max-width: 1200px;
  margin: 0 auto;
}

.features-header {
  display: flex;
  flex-direction: column; /* flex col */
  gap: 24px; /* gap 56px */
  padding: 20px;
}

.features-title {
  color: #353535;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.features-tabs {
  display: flex;
  flex-wrap: wrap; /* allows wrapping if buttons exceed width */
  gap: 10px 16px;
}

.features-tab {
  color: #252525;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 16px;
  border: 1px solid #e8e8e8;
  padding: 10px 18px;
  background-color: white;
}

.features-tab:hover {
  background: #3054e5;
  color: #fff;
  border-color: #3054e5;
}

.features-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px; /* padding 52,56px */
  background: #f5f5f5;
  border-radius: 20px;
}

.feature-text {
  display: flex;
  flex-direction: column; /* flex col */
}

.feature-subtitle {
  color: #252525;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

.feature-desc {
  margin: 24px 0 44px 0;
  color: #252525;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.feature-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.features-tab {
  padding: 12px 20px;
  border-radius: 25px;
  border: 1px solid #e5e7eb;
  background: #fff;
  font-size: 14px;
  cursor: pointer;
  transition: 0.3s;
  color: #333;
}

/* Hover effect */
.features-tab:hover {
  background: #3054e5;
  color: #fff;
  border-color: #3054e5;
}

/* Active tab (clicked/selected) */
.features-tab.active {
  background: #3054e5;
  color: #fff;
  border-color: #3054e5;
}
.feature-images {
  display: flex;
  flex-direction: row;
  gap: 24px; /* flex gap 52px */
  justify-content: center;
}
.feature-tag {
  border-radius: 10px;
  background: #ebebeb;
  padding: 10px;
  gap: 10px;
  color:#585858;
  font-size: 12px;
}

.feature-image {
  max-width: 100%;
  border-radius: 16px;
  min-width: 0;
}

/* Small screens: stack images + shrink them */
/* @media (max-width: 767px) {

} */

.feature-tags {
  display: flex;
  flex-wrap: wrap; /* allows tags to go to the next line */
  gap: 20px; /* spacing between tags */
}
/* Section 4 End */

/* Section 5 Start */
/* commit: feat(faq): accordion visuals, title/desc, toggle icons */
.faq-section {
  padding: 20px; /* 80px56px padding */
}

.faq-wrapper {
  display: flex;
  flex-direction: column; /* flex col */
  gap: 24px; /* gap:24px */
  max-width: 1200px;
  margin: 0 auto;
}

/* Header block */
.faq-header {
  display: flex;
  flex-direction: column; /* flex col */
  gap: 10px; /* gap 20 */
}
.faq-title {
  color: #353535;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.faq-desc {
  color: #252525;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.faq-desc span {
  color: #0040c1;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

/* FAQ list */
.faq-list {
  display: flex;
  flex-direction: column; /* flex col */
  gap: 28px; /* gap 28px */
}

/* Each item */
.faq-item {
  display: flex;
  flex-direction: column; /* flex col */
  gap: 16px; /* gap 16px */
}

/* Question row */
.faq-question {
  display: flex;
  justify-content: space-between; /* justify between */
  align-items: center;
  gap: 16px; /* gap 16px */
  cursor: pointer; /* (optional UX) */
}

.faq-question-title {
  margin: 0;
  color: #252525;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

/* Icon sizing */
.faq-icon {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
}

/* Answer text spacing */
.faq-answer {
  margin: 0;
  color: #656565;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.faq-answer {
  display: none; /* hidden by default */
  margin: 0;
  line-height: 1.5;
}

.faq-item.active .faq-answer {
  display: block; /* show when active */
}

.faq-question {
  cursor: pointer;
}

/* commit: feat(faq): collapsed/active icon state handling */
.faq-icon svg {
  width: 24px;
  height: 24px;
  display: none; /* hide all by default */
}

.faq-icon .icon-collapsed {
  display: inline-block; /* show collapsed icon initially */
}

.faq-item.active .icon-collapsed {
  display: none; /* hide collapsed when active */
}

.faq-item.active .icon-active {
  display: inline-block; /* show active when expanded */
}

/* Section 5 End */

/* Section 6 Start */
/* commit: feat(cta): module layout, spacing, and button alignment */
.cta-section {
  padding: 40px 20px; /* 40 96px */
}

.cta-wrapper {
  display: flex;
  flex-direction: column; /* flex col */
  gap: 24px; /* gap 24px */
  max-width: 1200px;
  margin: 0 auto;
}

.cta-logo img {
  max-width: 100%;
  height: auto;
  display: block;
}

.cta-content {
  display: flex; /* flex */
  flex-direction: column; /* flex col */
  gap: 12px;
}
.cta-button {
  align-self: flex-start;
  width: auto;
  margin-top: 12px;
}
.cta-title {
  color: #353535;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.cta-desc {
  color: #252525;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
/* Section 6 End */

/* Section 7 Start */
/* commit: feat(products): image, overlay stats, and explore CTA */
.products-section {
  padding: 40px 20px; /* products-section padding 40px 0 */
}

.products-wrapper {
  display: flex;
  flex-direction: column; /* flex col */
  gap: 32px; /* gap 32px */
  max-width: 1200px;
  margin: 0 auto;
}

/* Header */
.products-header {
  text-align: left; /* text left (default) */
}
.products-title {
  color: #353535;
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.products-stat-number {
  color: #fff;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.products-stat-label {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.products-explore span {
  background-color: white;
}
/* Content */
.products-content {
  position: relative; /* so stats can be absolute inside */
  display: grid;
  gap: 16px;
}

/* Image block */
.products-image {
  width: 100%; /* width full */
}

.products-image img {
  display: block;
  width: 100%; /* fill container */
  height: auto;
  border-radius: 20px;
}

.products-explore {
  text-decoration: none; /* remove underline */
  color: inherit;
  transition: color 0.3s ease; /* use parent text color */
}

.products-explore span:hover {
  text-decoration: none;
  background-color: #0040c1;
  color: white; /* stop underline on hover */
  border-color: #0040c1;
}
.products-explore span {
  color: #252525;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  padding: 10px 18px;
  width: fit-content;
  border-radius: 20px;
  border: 1px solid #e9e9e9;
}

/* commit: feat(products-responsive): image crop for small screens */
@media (max-width: 1023px) {
  .products-image {
    width: 100%;
    height: 400px; /* choose height for small screens */
    overflow: hidden;
  }

  .products-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* keeps height fixed, crops sides */
  }
}
/* Stats overlay inside image */
.products-stats {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 44px; /* img bottom 44px */
  display: flex;
  flex-direction: column; /* flex col (mobile) */
  gap: 16px;
  padding: 0 16px; /* breathing room on edges */
}

/* Each stat item */
.products-stat {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}

.products-stat-number {
  margin: 0;
}

.products-stat-label {
  margin: 0;
}

/* Explore button inside overlay */
.products-explore {
  width: fit-content;
  /* Optional style reuse your eyebrow chip look */
}

/* Section 7 End */

/* ===== 2. Tablet (min-width: 768px) ===== */
/* commit: feat(responsive@768): tablet-specific layout refinements */
@media (min-width: 768px) {
  main {
    padding: 0 24px;
  }
  /* Section 1 Start */
  .hero-section {
    padding: 80px 24px;
  }
  .hero-text h1 {
    font-size: 40px;
  }
  .hero-text h1 span {
    font-size: 50px;
    font-weight: 600;
  }

  /* Section 1 End */
  .intro-title {
    font-size: 40px;
    margin-bottom: 0px;
  }
  .process-intro .section-title {
    font-size: 40px;
  }
  /* Section 3 End */
  .process-steps {
    grid-template-columns: repeat(2, 1fr); /* 2 columns */
    gap: 28px;
  }
  /* Section 3 End */
  /* Section 4 Start */
  .feature-image {
    max-width: 70%; /* reduce image size */
  }
  .features-title br {
    display: none;
  }
  .features-title {
    color: #353535;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
  }
  /* Section 4 End */
  /* Section 5 Start */
  .faq-wrapper {
    flex-direction: row; /* flex row */
    justify-content: space-between; /* justify between */
    align-items: flex-start;
  }

  .faq-header {
    flex: 0 0 30%; /* 40% width */
    max-width: 30%;
  }

  .faq-list {
    flex: 0 0 60%; /* 60% width */
    max-width: 60%;
  }
  .section-eyebrow > span {
    font-size: 16px;
    text-align: left;
  }
  .cta-title {
    font-size: 40px;
  }
  .products-title {
    font-size: 32px;
    /* Section 5 End */
  }
}

/* ===== 3. Desktop (min-width: 1024px) ===== */
/* commit: feat(responsive@1024): desktop layout, type scaling */
@media (min-width: 1024px) {
  main {
    padding: 0 24px;
  }
  /* Section 1 Start */

  .hero-text p {
    font-size: 16px;
  }

  .hero-section {
    padding: 80px 32px;
    border-radius: 40px;
  }
  .hero-buttons {
    text-align: left;
  }

  .hero-content {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  /* Section 1 End */
  /* Section 2 Start */
  .cold-chain-section {
    padding: 60px 20px;
  }
  .process-wrapper {
    gap: 80px;
  }

  .content-wrapper {
    flex-direction: column;
  }

  .details {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .industry-list {
    flex: 0.75;
  }
  .intro-text {
    font-size: 16px;
  }
  .industry-title {
    font-size: 20px;
  }
  .industry-text {
    font-size: 16px;
  }

  .illustration {
    flex: 1;
    text-align: center;
  }
  .intro {
    display: grid;
    grid-template-columns: 1.2fr 1fr; /* title left, text right */
    align-items: center; /* vertical centering */
    gap: 24px;
  }

  /* Section 2 End */
  /* Section 3 Start */
  .process-section {
    padding: 60px 12px; /* 32/48 px */
  }
  .process-step {
    padding: 60px 18px 18px 18px;
  }
  .process-header {
    flex-direction: row; /* flex row */
    justify-content: space-between; /* justify-between */
    align-items: flex-start;
    gap: 24px;
    padding: 0 32px;
  }

  /* Each child takes 50% width */

  .process-header > .section-eyebrow {
    flex: 1 1 45%;
    max-width: 45%;
  }

  .process-header > .process-intro {
    flex: 1 1 55%;
    max-width: 55%;
  }
  .process-step .step-title {
    font-size: 20px;
  }
  .process-step .step-text {
    font-size: 16px;
  }

  /* Steps: 4 columns */
  .process-steps {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
  .process-intro .section-desc {
    margin-top: 0px;
    font-size: 16px;
  }

  /* Section 3 End */
  /* Section 4 Start */
  .features-title {
    color: #353535;
    text-align: center;
  }
  .features-section {
    padding: 60px 16px; /* padding 60px 16px */
  }
  .features-header {
    display: flex;
    flex-direction: column; /* flex col */
    gap: 56px; /* gap 56px */
  }

  .features-tabs {
    /* allows wrapping if buttons exceed width */
    gap: 40px;
  }
  .feature-subtitle {
    font-size: 20px;
  }
  .features-content {
    gap: 52px;
    padding: 50px 54px;
  }
  .feature-desc {
    font-size: 16px;
  }
  .features-tabs {
    justify-content: center;
  }

  /* Section 5 start */
  .faq-answer {
    padding: 0 40px;
  }
  .faq-title {
    font-size: 40px;
  }
  .faq-section {
    padding: 80px 56px; /* 80px56px padding */
  }
  .faq-header {
    gap: 20px;
  }

  .faq-desc {
    font-size: 16px;
  }
  .faq-desc span {
    font-size: 16px;
  }

  .faq-question-title {
    font-size: 16px;
  }

  .faq-answer {
    font-size: 16px;
  }

  /* Section 5 End */
  /* Section 6 Start*/
  .cta-section {
    padding: 40px 96px; /* 40 96px */
  }
  .cta-title {
    font-size: 40px;
  }

  .cta-desc {
    font-size: 20px;
  }

  .cta-wrapper {
    flex-direction: row; /* flex row */
    justify-content: space-between; /* justify between */
    align-items: center;
  }

  .cta-logo {
    flex: 0 0 10%; /* 20% width */
    max-width: 10%;
  }

  .cta-content {
    flex: 0 0 60%; /* 50% width */
    max-width: 60%;
  }

  /* Section 6 End */
  /* Section 7 Start */
  .products-title {
    font-size: 32px;
    text-align: center;
  }
  .products-stat-number {
    font-size: 64px;
  }
  .products-stat-label {
    font-size: 24px;
  }
  .products-stats {
    flex-direction: row; /* flex row */
    justify-content: space-between; /* justify between */
    align-items: center;
    gap: 24px;
    padding: 0 32px;
  }
  .products-header {
    text-align: center; /* after 1024px text center */
  }
  .products-section {
    margin-bottom: -70px;
  }
  /* Section 7 End */
}

/* ===== 4. Large Desktop (min-width: 1280px) ===== */
/* commit: feat(responsive@1280): large screens side-by-side content */
@media (min-width: 1280px) {
  .hero-section {
    padding: 80px 32px;
  }
  main {
    padding: 0 32px;
  }
  /* Section 3 Start */

  .process-steps {
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
  }
  /* Section 3 End */
  /* Section 4 Start */
  .features-content {
    flex-direction: row; /* side by side */
    justify-content: space-between;
    align-items: flex-start;
  }

  .feature-text,
  .feature-images {
    flex: 1 1 50%; /* equal width */
    max-width: 50%;
  }
  .feature-images {
    gap: 52px;
  }
  /* Section 4 End */
}

/* commit: style(buttons): shared button styles */
/* Common button styles */
.btn {
  display: inline-block;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  border-radius: 25px;
  transition: 0.3s ease;
  line-height: 20px;
}

/* Filled Button */
.btn-primary {
  background-color: #0040c1;
  color: white;
  border: 1px solid #0040c1;
}

.btn-primary:hover {
  background-color: #0f26a3;
  border-color: #0f26a3;
}

/* Outline Button */
.btn-outline {
  color: #3054e5;
  border: 1px solid #3054e5;
  background: transparent;
}

.btn-outline:hover {
  background: #1d39d4;
  color: white;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .faq-desc br {
    display: none;
  }
}