.history__Img img{
    border-radius: 30px;
    width: 514px;
    height: auto;
    max-width: 500px;
}
.history__Txt{
    max-width:730px;
        width: 100%;
}
.history__layout{
    display:flex;
    flex-direction:row;
    gap:4em;
    flex-wrap:wrap;
    margin:auto;
}
#grayBackground, #grayBackground1{
    background:#F8F7F7;
}
#grayBackground p, #grayBackground1 p{
    color:#24374A;
    padding:0;
}
.graySpacing{
        margin: 0 auto;
    padding:4em 2em;
    width: 100%;
    max-width: 85em;
}
.mod-safe-area:has(> #grayBackground){
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
}
.mod-safe-area:has(> #grayBackground1){
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
}
.htmlModuleWrap{
    padding:0;
}
.section__cards{
    flex-direction:row;
}
.pictureCard{
    max-width:600px;
    width:100%;
    height:auto;
    background-repeat:no-repeat;
    background-size:cover;
    overflow:hidden;
    border-radius:30px;
    margin:auto;
}
.feature-list{
    gap:0;
}
.feature-card{
    flex:none;
    aspect-ratio:0;
        width: 318.719px;
    height: 366.516px;
}
.section2{
    padding:0;
    margin:2em 10em;
}
.feature-card:hover::before{
    height:60%;
}

@media screen and (max-width:1370px){
    .history__Txt{
        max-width: 500px;
    }
}

@media screen and (max-width:1150px){
    .section2{
        margin:2em 6em;
    }
}

@media screen and (max-width:1139px){
    .history__Txt{
    max-width:730px;
    }
    .history__layout{
        justify-content:center;
    }
}

@media screen and (max-width: 600px) {
    .feature-card__txt {
        display: block;
    }
    .section2{
        margin:2em auto;
    }
    .section__title{
        text-align:center;
    }
}

@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:360px){
    .feature-card{
        width:250px;
    }
}
@media screen and (max-width:350px){
        .hero__title {
        font-size: 30px;
    }
    .hero__content {
        padding: 30px .25px;
    }
}