/*th-inner-banner: old sky-blue background (#00b1ea) and terms-banner-shape
  1/2/3.png decorative pseudo-elements replaced with flat 2026 color blocking.*/
.th-inner-banner {
  background-color: var(--color-cobalt-blue);
}
.th-inner-banner h1 {
  color: var(--color-white);
}
/*th-inner-banner*/

/*th-terms-wrap*/
.th-terms-wrap {
  position: relative;
  padding: var(--space-48) 0 363px;
  background-color: var(--color-white);
}
.th-terms-wrap .th-common-btn {
  width: 110px;
  height: 46px;
  padding: var(--space-10) var(--space-16);
  margin-top: var(--space-48);
}
/*th-terms-wrap*/

@media only screen and (max-width: 1500px) {
  .th-terms-wrap {
    padding: var(--space-48) 0 305px;
  }
}
@media only screen and (max-width: 1400px) {
  .th-terms-wrap .th-common-btn {
    margin-top: var(--space-48);
  }
  .th-terms-wrap .th-common-btn {
    padding: var(--space-10) var(--space-16);
  }
}
@media only screen and (max-width: 1200px) {
  .th-terms-wrap .th-common-btn {
    padding: var(--space-12) var(--space-16);
  }
}
@media only screen and (max-width: 991px) {
  .th-terms-wrap .col-md-6 {
    width: 100%;
  }
  .th-terms-wrap {
    padding: var(--space-48) 0 277px;
  }
  .th-terms-wrap .th-common-btn {
    padding: var(--space-12) var(--space-16);
  }
}
@media only screen and (max-width: 767px) {
  .th-terms-wrap .th-common-btn {
    padding: var(--space-16) var(--space-16);
  }
  .th-terms-wrap {
    padding: var(--space-48) 0 150px;
  }
}
@media only screen and (max-width: 600px) {
  .th-terms-wrap .th-common-btn {
    width: 98px;
    height: 42px;
    padding: var(--space-12) var(--space-16);
    margin-top: var(--space-40);
  }
  .th-terms-wrap {
    padding: var(--space-48) 0 var(--space-100);
  }
}
@media only screen and (max-width: 500px) {
  .th-terms-wrap p {
    line-height: 22.5px;
  }
}