.sec-cta:has(+ .sec-card.bg-secondary),
.sec-cta.bg-cta:has(+ .sec-card.bg-pattern){
  padding-bottom: 0;
}
.bg-cta{
  background: linear-gradient(180deg, #FFFFFF 50%, #F8FAFC 50%);
}
.bg-secondary + .bg-cta{
  background: linear-gradient(180deg, #F8FAFC 50%, #FFFFFF 50%);
}
.cat-box{
  border-radius: 2.8rem;
  padding: 6.4rem;
}
.cat-text p{
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.16px;
  color: rgba(255,255,255,0.6);
}
.cat-btn{
  margin-left: auto;
}
@media(min-width:1360px) and (max-width:1459.98px){
  .cat-box {
    padding: 5.6rem;
  }
}
@media(min-width:1200px) and (max-width:1359.98px){
  .cat-box {
    padding: 4.8rem;
  }
}
@media(min-width:992px) and (max-width:1199.98px){
  .cat-box {
    padding: 4rem;
  }
  .cat-text .h2 br{
    display: none;
  }
  .cat-text p {
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }
}
@media(min-width:768px) and (max-width:991.98px){
  .cat-box {
    border-radius: 2.4rem;
    padding: 3.2rem;
    display: block;
  }
  .cat-text .h2 br{
    display: none;
  }
  .cat-text p {
    font-size: 1.5rem;
    line-height: 2.6rem;
    letter-spacing: -0.15px;
  }
  .cat-btn {
    margin-top: 2rem;
  }
  .cat-box:has(.image){
    display: flex;
    flex-direction: column-reverse;
  }
}
@media(max-width:767.98px){
  .cat-box {
    border-radius: 2.8rem;
    padding: 3rem 2rem;
    display: block;
  }
  .cat-text br{
    display: none;
  }
  .cat-text p {
    font-size: 1.5rem;
    line-height: 2.6rem;
    letter-spacing: -0.15px;
  }
  .cat-btn {
    margin-top: 2rem;
  }
  .cat-box:has(.image){
    display: flex;
    flex-direction: column-reverse;
  }
}
.sec-cta .image {
  width: 100%;
  max-width: 250px;
}