.platform-feature-block{
    background-color: #fff;
}
.platform-feature-block .container{
    z-index:2;
}
.platform-feature-block .feature-gap{
    gap: 1em;
}
.platform-feature-block .group-block .group-gap{
    gap: 2em;
}
.red-background{
    background-color: #EF373E !important;
}
.white-background{
    background-color: #fff !important;
}
.darker-grey-background{
    background-color: #E5E4EB;
}
.group-title{
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 10px;
    border: 2px solid white;
    top: 0em;
    text-align: center;
    transform: translate(-50%, -1em);
    left: 50%;
    text-wrap: nowrap;
    position: absolute;
    background-color: #5052a3;
    color: white;
    padding: 0.5em;
}
.group-title a{ color: #fff !important;}
.group-title a:hover{ text-decoration: underline !important;}
.group-block{
    border-radius: 15px;
    padding: 2em 1em;
    position: relative;
}
.feature-image-bg{
    background-size: cover;
    background-position: center;
    object-fit:cover;
}
.platform-feature-block .feature{
    position: relative;
    width:80%;
}
.platform-feature-block .feature .image{
    width: 100%;
    max-width: 18em;
    max-height: 18em;
    min-height: 10em;   
}
.platform-feature-block .feature .label{
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -9%);
    font-size: 1rem;
    width: 80%;
    text-align: center;
    line-height: 1.1em;
    font-weight: 900;
}
.labels{
    
        padding: 0.5em;
    border: 3px solid white;
    border-radius: 20px;
}
.labels div:last-of-type, .labels a:last-of-type{
    border-right:0px;
}
.label-item{
    padding: 0.5em;
    flex-grow: 1;
    text-align: center;
    color: white !important;
    font-size: 1.3em;
    font-weight: 900;
    border-right: 3px solid;
}

.platform-feature-block .richText h2{
    color: #000;
    margin-bottom: 20px;
    line-height: 0.75em;
}
.platform-feature-block .richText ul {
    list-style: disc;
}
.platform-feature-block .richText ul li{
    margin-bottom:0.25em;
}
.platform-feature-block .richText p{
    margin-bottom: 1em;
    color: #000;
    font-size: 1.1em;
    line-height: 1.4em;
}
.labels div:first-of-type:hover, .labels a:first-of-type:hover{
    border-radius: 10px 0px 0px 10px;
}
.labels div:last-of-type:hover, .labels a:last-of-type:hover{
    border-radius: 0px 10px 10px 0px;
}
.label-item:hover{
    color: #EF373E !important;
    background-color: #fff;
    cursor: pointer;
}
.feature a{
    display: block;
    height:100%;
    width: 100%;
}
.feature a img{
    transition: all 1s ease;
}
.feature a:hover > img{
    transform: scale(1.1);
}
.title-padding{
    padding-top: 5.5em;
}
.module-container{
    border-radius: 20px;
}
.platform-feature-block .richText p:first-of-type{
    font-size: 1.3em;
    font-weight: 900;
}
.platform-feature-block .richText{
    padding: 0 2em;
}

@media (max-width: 1200px){
    .platform-feature-block .feature .label {
        
    }
    .group-block{
        border-radius: 15px;
        padding: 2em 1em;
        position: relative;
    }
}
@media (max-width: 991px){
    .platform-feature-block .feature .label {
       
    }
    .platform-feature-block .richText{
        text-align: center;
        margin-top: 5em;
    }
    .title-padding{
        padding-top: 0em;
    }

}
@media (max-width: 768px){
    .platform-feature-block .richText{
        padding: 2em 0em 0 0;
    }
    .group-block{
        width:100%;
    }
    .platform-feature-block .feature .label {
        font-size: 1.8em;
    }
    .label-item{
        border-right:0;
        border-bottom: 3px solid white;
        width: 100%;
    }
    .labels div:last-of-type, .labels a:last-of-type{
        border-bottom: 0px;
    }
    .labels div:first-of-type:hover, .labels a:first-of-type:hover {
        border-radius: 10px 10px 0px 0px;
    }
    .labels div:last-of-type:hover, .labels a:last-of-type:hover {
        border-radius: 0px 0px 10px 10px;
    }
    .platform-feature-block .feature .image {
        max-height: 30em;
        max-width: 100%;
        min-height: 23em;
    }
    .platform-feature-block a.label-item{
        color: #fff;
    }
    .platform-feature-block a.label-item:hover{
        color: #fff;
    }
}