.thankyou-sec {
  --sec-padding: 100px 0;
  --card-grid-gap: 50px;
  --card-grid-columns: repeat(3, 1fr);
  --top-icon-width: 100px;
  --grid-icon-width: 70px;
  padding: var(--sec-padding);
}
.thankyou-sec .top-info {
  margin-bottom: 40px;
}
.thankyou-sec .top-info img {
  margin: 0 auto;
  width: var(--top-icon-width);
}
.thankyou-sec .top-info h1 {
  font-size: var(--fontSizeH2);
  line-height: 1.2;
  margin: 20px 0;
}
.thankyou-sec .top-info p {
  font-size: var(--fontSubHeader);
  line-height: 1.5;
  color: var(--text-color);
}
.thankyou-sec .card-list {
  list-style: none;
  margin: 50px 0px;
  display: grid;
  gap: var(--card-grid-gap);
  grid-template-columns: var(--card-grid-columns);
}
.thankyou-sec .card-list li .logo img {
  width: var(--grid-icon-width);
  margin: 0 auto;
}
.thankyou-sec .card-list li h3 {
  margin: 20px 0 10px;
}
.thankyou-sec .btn {
  max-width: 450px;
}

@media (max-width: 1280px) {
  .thankyou-sec {
    --sec-padding: 80px 0;
    --card-grid-gap: 25px;
  }
}
@media (max-width: 1024px) {
  .thankyou-sec {
    --sec-padding: 60px 0;
    --top-icon-width: 85px;
    --card-grid-gap: 45px;
    --card-grid-columns: repeat(1, 1fr);
    --grid-icon-width: 60px;
  }
}

/*# sourceMappingURL=thankyou-page.css.map */