p,h1,h2,h3,h4,h5,h6{
  margin: 0px;
}


/* .how-credit-banner {
  min-height: 224px;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
.how-credit-banner-content .how-credit-banner-title {
  color: var(--color-primitive-tertiary-on-tertiary, #FFF);
  text-align: center;
  font-size: 48px;
  font-weight: 600;
  line-height: 60px; 
  margin-bottom: 8px;
  align-self: stretch;
}
.how-credit-banner-content .sub-title {
  color: var(--color-primitive-surface-surface, #fff);
  font-size: var(--typography-font-size-headline, 32px);
  text-align: center;
  font-weight:500px;
  line-height: var(--typography-line-height-headline, 40px);
} */

/* Hide line break on larger screens */
.mobile-break {
  display: none;
}

/* Show line break on mobile screens 400px and below */
@media (max-width: 400px) {
  .mobile-break {
    display: block;
  }
}
.over-section {
  padding: 80px 0px;
  text-align: center;
  background: var(--color-primitive-secondary-secondary-container, #EDF4F6);
}

.over-section-button .btn-filled {
  text-align: center;
  margin: 0 auto;
}
.over-section-button .btn-filled
{
    height: 58px;
}

.over-section-title {
  color: var(--color-primitive-primary-primary, #0a819c);
  text-align: center;
  font-size: 64px;
  font-weight: 600;
  line-height: 76px; /* 118.75% */
  letter-spacing: -1.28px;
  margin-bottom: 24px;
}

.over-section-subtitle {
  color: #484f4c;
  text-align: center;
  font-size:  32px;
  font-weight: var(--typography-font-weight-subtitle, 600);
  line-height:  40px;
  margin-bottom: 24px;
}
/* .over-section-description{
  color: var(--color-alias-text-primary, #0B0C0B);
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
} */
.over-section-button{
  margin-top: 48px;
}

/* .over-section-description-text{
    color: #373A36;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    line-height:  34px; 
    max-width: 1056px;
    margin: 0 auto;
    margin-bottom: 48px;
} */
/* .icon-list{
  display: flex;
justify-content: space-between;
align-items: flex-start;
align-self: stretch;
margin:0 auto;
} */

/* .item-list-item{
    text-align: center;
}

.icon-container{
    width: 96px;
    height: 96px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 12px;
}

.item-list-item-text{
    margin-bottom: 0px;
    color: var(--color-alias-text-secondary, #373A36);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
} */


@media (max-width: 768px) {
  .how-credit-banner-content .how-credit-banner-title{
    font-size: 32px;
    line-height: 40px;
}
.how-credit-banner-content .sub-title{
    font-size: 24px;
    line-height: 32px;
}
  .how-credit-banner{
    min-height: 224px;
    display: flex;
    padding: 40px 0px;
    align-self: stretch;
  }
  .how-credit-repair-work-image{
    display: none;
  }
  .over-section{
    padding: 40px 0px;  
  }
  .over-section-title{
    font-size: 64px;
    line-height: 76px;
    font-weight: 600;
    margin-bottom: 24px;
  }
  .over-section-subtitle{
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
  }
  .over-section-description{
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
  }
  .over-section-description-text{
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
  }
  .icon-list{
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    gap:16px;
  }
  .item-list-item-text{
    font-size: 16px;
    line-height: 24px;
  }
}


/* .over-proven-section{
  display: flex;
  padding-top: 80px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-alias-grid-vertical-gutter-default, 48px);
  align-self: stretch;
}
.over-proven-section-title{
  color: var(--color-alias-text-primary, #0B0C0B);
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  font-weight: 600;
  line-height: 44px;
  margin-bottom: 48px;
}
.over-proven-section-content{
  display: flex;
  padding: var(--spacing-alias-padding-0, 0) var(--spacing-alias-grid-margin, 80px);
  align-items: center;
  gap: var(--spacing-alias-grid-gutter, 48px);
  align-self: stretch;
  margin-bottom: 80px;
}
.over-proven-section-content-1{
  display: flex;
  padding: var(--spacing-alias-padding-0, 0) var(--spacing-alias-grid-margin, 80px);
  align-items: center;
  gap: var(--spacing-alias-grid-gutter, 24px);
  align-self: stretch;
}
.over-proven-section-content-right-1{
  display: flex;
  width: 627px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-alias-vertical-gap-md, 16px);
}
.over-proven-section-content-left{
  display: flex;
  width: 627px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-alias-vertical-gap-md, 16px);
}
.over-proven-section-content-right{
  display: flex;
  width: 627px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.step-icon-list{
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.step-icon-list-text{
  color: var(--color-alias-text-secondary, #373A36);
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
}
.step-icon-list-icon{
  width: 24px;
  height: 24px;
} */
/* Step Header */
/* .step-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.circle-container{
  display: flex;
  width: 80px;
  height: 80px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.over-proven-section-content-left-item-title{
  border-radius: 78px;
  border: 2.5px solid var(--color-primitive-secondary-secondary, #0072B5);
  background: var(--color-primitive-secondary-secondary, #0072B5);
  width: 78px;
  height: 78px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 32px;
  font-weight: 600;
}

.step-title {
  color: var(--color-primitive-secondary-secondary, #0072B5);
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  margin: 0;
}

.step-description {
  color: var(--color-alias-text-secondary, #373A36);
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
  align-self: stretch;
}

.step-statistics {
  color: var(--color-alias-text-secondary, #373A36);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  align-self: stretch;
}
.step-header-title{
  color: var(--color-alias-text-tertiary, #5F615E);
  font-size:20px;
  font-weight: 600;
  line-height: 26px;
} */
/* Features */
/* .features-title {
  color: var(--color-alias-text-primary, #0A0F0F);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.features-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.feature-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.feature-title {
  color: var(--color-alias-text-primary, #0A0F0F);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0;
}

.feature-description {
  color: var(--color-alias-text-secondary, #484F4C);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
} */

/* Mobile Screenshots - Using SVG images */
/* .how-credit-repair-work-image{
  width: 267px;
  height: 521px;
  aspect-ratio: 267/521;
} */

/* Step 2 Layout - Reverse order */
/* .step-2 {
  flex-direction: row-reverse;
}

.step-2 .over-proven-section-content-right {
  align-items: flex-start;
} */

/* Step 3 Layout - Normal order (text left, image right) */
/* .step-3 {
  flex-direction: row;
}

.step-3 .over-proven-section-content-left {
  align-items: flex-start;
}

.step-3 .over-proven-section-content-right {
  align-items: center;
} */

/* Step 4 Layout - Reverse order (image left, text right) */
/* .step-4 {
  flex-direction: row-reverse;
}

.step-4 .over-proven-section-content-left {
  align-items: center;
}

.step-4 .over-proven-section-content-right {
  align-items: flex-start;
} */
.past-credit-repair-section{
  background: var(--color-alias-section-bg-gray, #FCF8F7);
  display: flex;
  align-items: center;
  align-self: stretch;
}
.past-credit-repair-content-left{
  display: flex;
  padding: var(--spacing-alias-grid-margin, 80px) var(--spacing-alias-padding-0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  max-width:640px;
}
.past-credit-repair-content-right{
  display: flex;
  padding: 0 var(--spacing-alias-padding-0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
}

/* Responsive Design */
@media (max-width: 768px) {
  .over-proven-section{
    padding: 40px 0px;
  }
  .over-proven-section-content {
    flex-direction: column;
    gap: 32px;
    padding: 0px;
    margin-bottom:48px;
  }
  
  .over-proven-section-content-left,
  .over-proven-section-content-right {
    width: 100%;
  }
  
  .step-2,
  .step-3,
  .step-4 {
    flex-direction: column;
  }
  
  .how-credit-repair-work-image {
    width: 200px;
    height: 390px;
  }
  
  .step-title {
    font-size: 24px;
    line-height: 32px;
  }
  
  .step-description {
    font-size: 16px;
    line-height: 24px;
  }
}
/* past-credit-repair-section */

.past-credit-repair-content{
  display: flex;
}

.past-credit-repair-content-left{
  flex: 1;
}

.video-half{
  max-width: 589px;
}

.inner-content{
  display: flex;
  flex-direction: column;
}
.inner-content-description{
  max-width: 650px;
  color: var(--color-alias-text-secondary, #373A36);
  font-size: 36px;
  font-weight: 500; 
  line-height: 44px;
}

.inner-content-title{
  color: var(--color-primitive-secondary-secondary, #0072B5);
  font-size: 64px;
  font-weight: 600;
  line-height: 76px;
  letter-spacing: -1.28px;
}

.inner-content-link{
  color: var(--color-alias-text-secondary, #373A36);
    font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  margin-bottom: 32px;

}

.btn-get-started{
  max-width: 173px;
  height: 56px;
}

.video-blurb{
  color: var(--color-alias-text-secondary, #373A36);
  font-size: 20px;
  font-weight:  300;
  line-height:  28px;
  text-align: center;
}


@media (max-width: 768px) {
  .inner-content-description{
    font-size: 28px;
    line-height: 36px;
  }
  .inner-content-title{
    font-size: 48px;
    line-height: 56px;
  }
  .past-credit-repair-section{
  padding: 40px 0px;
  }
  .past-credit-repair-content-left{
    padding: 0px;
  }
  .past-credit-repair-content{
    flex-direction: column;
    gap: 48px;
  }
  .inner-content-link{
    margin-bottom: 24px;
  }
  .video-half{
    max-width: unset;
    width: 100%;
  }
  .video-half video{
    width: 100%;
    height: auto;
  }
  .inner-content{
    gap: 8px;
  } 
  .video-blurb{
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    text-align: center;
  }
}

.still-have-questions-container{
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  margin-top: 48px;
}

.still-have-questions{
  color: #0A819C;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  /* margin-bottom: 24px; */
}


.still-have-questions-container .btn-filled{
  height: 60px;
  padding: 16px 32px;

}


.still-have-questions-container .btn-outline-none{
  height: unset;
  width: unset;
  min-height: unset;
  padding: 0px;
  margin: 0px;
  max-height: unset;
  padding: 0px 32px;
  color: #373737;
  font-size: 20px;
  line-height: 28px;  
  font-weight: 400;
}


/* Fix accordion trigger buttons - override global button styles */
.faq-component .accordion-trigger {
  padding: 20px 24px !important;
  background: #FFFFFF !important;
  margin: 0px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 26px !important;
  border: none !important;
  border-radius: 0 !important;
  height: auto !important;
  min-width: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  text-align: left !important;
  cursor: pointer !important;
}

.faq-component .accordion-trigger .label {
  color: #0B0C0B !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 26px !important;
  margin: 0px !important;
  flex: 1 !important;
}

.faq-component .accordion-trigger .icon {
  flex-shrink: 0 !important;
  margin-left: 16px !important;
}

.faq-component .accordion-trigger[aria-expanded="true"] .icon {
  transform: rotate(180deg) !important;
}

.faq-component .accordion-item {
  border: 0.25px solid #5F615E !important;
  border-radius: 4px !important;
  margin-bottom: 12px !important;
  background: #FFFFFF !important;
}

/* Accordion content - closed state (default) */
.faq-component .accordion-content {
  max-height: 0 !important;
  overflow: hidden !important;
  transition: max-height 0.3s ease-out, padding 0.3s ease-out !important;
  padding: 0 24px !important;
  background: #FFFFFF !important;
}

/* Accordion content - open state */
.faq-component .accordion-content.active {
  border-top: 1px solid #D1D1D1 !important;
  padding: 20px 24px !important;
  background: #FFFFFF !important;
  max-height: 500px !important;
  overflow: visible !important;
}

.faq-component .accordion-container .acc-description {
  color: #0B0C0B !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  margin: 0 !important;
}

@media (max-width: 768px) {
  .faq-component .accordion-trigger {
    padding: 16px !important;
  }

  .faq-component .accordion-trigger .label {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 26px !important;
  }

  .faq-component .accordion-content {
    padding: 0 20px !important;
  }

  .faq-component .accordion-content.active {
    padding: 16px 20px !important;
  }

  .faq-component .accordion-item {
    margin-bottom: 16px !important;
  }

.still-have-questions-container .btn-filled{
  width: 100%;
}

  /* Mobile reordering for does-really-work section */
  .does-really-work-content {
    flex-direction: column;
  }
  
  .does-really-work-content-right {
    order: 1;
    padding: 40px 24px;
  }
  
  .does-really-work-content-left {
    order: 2;
    min-height: 300px;
  }
  .does-really-work-title{
    font-size: 28px;
    line-height: 36px;
  }
  .stat-description{
    font-size: 20px;
    line-height: 28px;
  }
  .stat-number{
    font-size: 24px;
    line-height: 32px;
  }
  .stat-icon{
  display: none;
  }
  .stat-icon-img{
    width: 100%;
}
}

.does-really-work-content{
  display: flex;

}

.does-really-work-content-left{
  flex: 1;
  position: relative;
  background-image: url(../../assets/images/How-credit-repair-work/girls.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.does-really-work-content-right{
  display: flex;
  padding: var(--spacing-alias-grid-margin, 80px);
  flex-direction: column;
  justify-content: center;
  gap: var(--spacing-alias-grid-vertical-gutter-default, 48px);
  flex: 1 0 0;
  align-self: stretch;
  background: radial-gradient(121.52% 141.43% at 100% 0.01%, var(--color-primitive-accent---secondary-accent-secondary-container, #2CD4A0) 0%, var(--color-primitive-secondary-secondary, #0072B5) 59.65%);
  
}

.stat-item{
  display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
}

.does-really-work-title{
  color: var(--color-primitive-secondary-on-secondary, #FFF);
  font-size: 36px;
  font-weight: 500;
  line-height: 44px; 
}
.stat-description{
  color: var(--color-primitive-secondary-on-secondary, #FFF);
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
 
}
.stat-number{
  color: var(--color-primitive-secondary-on-secondary, #FFF);
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;

}
.stat-icon{
  width: 60px;
  height: 60px;
}
.stat-icon-img{
  width: 100%;
  height: 100%;
}
.stat-divider{
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  margin-top: 48px;
  margin-bottom: 48px;
}
/* Specific fix for 1024px screens */
@media (min-width: 769px) and (max-width: 1024px) {
  .past-credit-repair-content {
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 0 24px;
  }
  
  .past-credit-repair-content-left {
    flex: 1;
    max-width: 500px;
    padding: 60px 0;
  }
  
  .past-credit-repair-content-right {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .video-half {
    max-width: 450px;
    width: 100%;
  }
  
  .video-half video {
    width: 100%;
    height: auto;
  }
  
  .inner-content-title {
    font-size: 32px;
    line-height: 40px;
  }
  
  .inner-content-description {
    font-size: 18px;
    line-height: 26px;
  }
  
  .does-really-work-content {
    display: flex;
    align-items: stretch;
    min-height: 400px;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  }
  
  .does-really-work-content-left {
    flex: 1;
    position: relative;
    background-image: url(../../assets/images/How-credit-repair-work/girls.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .does-really-work-content-right {
    flex: 1;
    display: flex;
    padding: 60px 40px;
    flex-direction: column;
    justify-content: center;
    gap: 32px;
  }
  
  .does-really-work-title {
    font-size: 32px;
    line-height: 40px;
  }
  
  .stat-description {
    font-size: 16px;
    line-height: 24px;
  }
  
  .stat-number {
    font-size: 24px;
    line-height: 32px;
  }
}

/* Desktop layout for 1025px and above */
@media (min-width: 1025px) {
  .past-credit-repair-content {
    display: flex;
    align-items: center;
    gap: 48px;
  }
  
  .past-credit-repair-content-left {
    flex: 1;
    max-width: 640px;
    padding: 80px 0;
  }
  
  .past-credit-repair-content-right {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .video-half {
    max-width: 589px;
    width: 100%;
  }
  
  .video-half video {
    width: 100%;
    height: auto;
  }
  
  /* .does-really-work-content {
    display: flex;
    align-items: stretch;
    min-height: 500px;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  } */
  
  /* .does-really-work-content-left {
    flex: 1;
    position: relative;
    background-image: url(../../assets/images/How-credit-repair-work/girls.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .does-really-work-content-right {
    flex: 1;
    display: flex;
    padding: 80px;
    flex-direction: column;
    justify-content: center;
    gap: 48px;
  } */
}

/* @media (max-width: 768px) {
  .does-really-work-content {
    flex-direction: column;
    margin: 0px;
    min-height: auto;
  }
  
  .does-really-work-content-left {
    min-height: 300px;
    /* order: 2; */
  }
  
  .does-really-work-content-right {
   padding: 40px 24px;
  }
  
.does-really-work .container{
  padding: 0px;
}

} */


/* Our ratings and reviews */

.credit-repair-com-section{
  text-align: center;
  margin-top: 24px;
}
.credit-repair-com-section h4{
  color: #0A0F0F;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  margin-top: 24px;
}


.credit-repair-com-section .btn{
  margin: 0 auto;
  margin-top: 24px;
}


.credit-repair-com-section .btn-outline-none{
  padding: 0px 32px;
  min-height: 28px;
  color: #0A819C;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  margin: 0 auto;
  margin-top: 24px;
}

@media (max-width: 768px) {
  .credit-repair-com-section h4{
    margin-top: 16px;
  }
  .credit-repair-com-section{
    margin-top: 16px;
  }
  .credit-repair-com-section .btn{
    margin-top: 24px;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
  }
}