.hero__title{
    max-width:12em;
}
.hero__body{
    max-width:30em;
}
.columnFlex{
    flex-direction:column;
}

.wideCard2Img{
    max-width:450px;
}
.wideCard2Txt .feature__title {
    margin-top: 2em;
}
.feature__text p{
    max-width:59ch;
}

.wideCard1__layout{
        display: flex;
    flex-direction: row;
    justify-content:flex-start;
    gap:45px;
}
.wideCard1__layout ul li::before, .wideCard1__layout ul li:before{
    display:none;
}
.wideCard1__layout ul{
    width:190px;
    padding:0;
}
.wideCard1__layout ul li{
    padding:.5em 0 0 0;
}
.newsCardArea{

}
.news__cards{
        display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}
.section2{
    padding:0;
}

  .news-card{
    border-radius: var(--card-radius);
    overflow: hidden;
    background-image: var(--card-image, url(https://plotmarketing.co/wp-content/uploads/2025/08/placeholder-image.png));
    width:318.719px;
    height:366.516px;
  }

  @media screen and (max-width:1130px){
    .wideCard2.thinCard{
        height:auto;
        max-width:400px;
                flex-direction: column;
        gap: 0;
    }
  }

  @media screen and (max-width:1100px){
    .wideCard1__layout{
        gap:10px;
    }
  }

  @media screen and (max-width:480px){
    .wideCard1__layout{
        flex-wrap:wrap;
        margin:0 1em;
    }
    .section__title{
        margin:0 20px;
    }
  }
  @media screen and (max-width:475px){
    .container-parent{
        padding-inline:0;
    }
}

@media screen and (max-width:400px){
    .mod-safe-area{
        padding:0 .5em;
    }
        .hero__content {
        padding: 30px 15px;
    }
}
@media screen and (max-width:350px){
        .hero__title {
        font-size: 30px;
    }
    .hero__content {
        padding: 30px .25px;
    }
}