main {overflow-x: hidden; font-family: 'Rajdhani', sans-serif, 'Microsoft JhengHei', Arial;}
main h1 {font-size: 3rem; line-height: 3rem; padding-top: 10px;}
main p {font-size: 1.18rem; font-weight: 500; line-height: 1.8; margin: 0;}

main section:not(.section-header) {text-align: center; padding: 30px 0;}
main .section-header-text {padding: 2rem 0 1rem 0;}
main .section-header-text h1 {line-height: 2.6rem;}
main .section-header-text p {font-size: 1.18rem; text-align: center; margin: 0 0 1rem 0;}
main .section-models .gradient-text {background: linear-gradient(to right, #FF942C 0%, #F2F443 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
main .section-models .model-cards p {text-align: center;}
main .section-models .model-img-button {border:  solid rgba(255,255,255,0); width: 250px;}
main .section-models .model-img-b-active {border-bottom: solid #FF942C;}
main .section-models .models-hr {border: none; height: 5px; background: linear-gradient(to right, #FF942C 0%, #F2F443 100%); margin: 1rem auto 1rem auto; max-width: 800px;}
main .sections-hr {border: none; height: 5px; background: linear-gradient(to right, #FF942C 0%, #F2F443 100%); margin: 0; width:100%;}

.text-center {text-align: center;}
.relative {position: relative;}
.none {display: none;}
.mobile-br:before {content: ''; display: block;}

@media (min-width: 1251px) {
  main .flex-center {display: flex; align-items: center; justify-content: center;}
  main .section-models {background: center / cover no-repeat url("./models_bg.jpg");}
  main .section-px1 {background: center / cover no-repeat url("./precision_bg.jpg");}
  /* main .model-margin-top {margin-top: 2rem;} */
  main .section-models .model-cards {height: 210px; padding-bottom: 35px;}
}
@media (max-width: 900px) {
  main .flex-center {display: block;}
  main .section-models .model-img img {transform: scale(0.87);}
}
@media (max-width: 800px) {
  main .section-models .model-cards p {text-align: center; line-height: 18px;}
  main .section-models > div > div:nth-child(3) > div:nth-child(1) {display: none;}
  main .section-where-to-buy .scontainer .flex-center {display: flex; padding: 0.5rem;}
  .mobile-br:before {content: ''; display: inline-block;}
}
/* @media (min-width: 500px) {
  main .section-where-to-buy h1 {font-size: 5.5rem; margin: 40px auto 20px; line-height: 1;}
} */