.gridBox{margin:50px 0 10px 10px;background-image:url("../../../../../content/dam/st-crew/developer-zone/embedded-sw/mcu-embedded-triangle.png");background-repeat:no-repeat;background-position:left bottom;padding:20px 40px 10px 30px}
.gridBox-container{width:100%;display:flex;flex-direction:row;margin-bottom:17px;justify-content:center}
.gridBox-container .gridBox-content{display:flex;flex-direction:column;width:100%;max-width:1284px;align-items:center}
.gridBox-container .gridBox-content h4{font-size:1.14rem;width:100%;line-height:1.65;font-weight:500;text-align:left;color:#03234b}
.gridBox-container .gridBox-content .gridBox-item-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}
.gridBox-container .gridBox-content .gridBox-item{display:flex;flex-direction:row;border-radius:3px;background-color:#fff;padding:12px 30px 23px 10px;margin-right:17px;flex:1}
.gridBox-container .gridBox-content .gridBox-item:last-child{margin-right:unset}
.gridBox-container .gridBox-content .gridBox-item img{align-self:flex-start;margin-right:10px}
.gridBox-container .gridBox-content .gridBox-item .gridBox-item-content{display:flex;flex-direction:column}
.gridBox-container .gridBox-content .gridBox-item-container .gridBox-item .gridBox-item-content h5{text-align:left;color:#6a7077;line-height:1.6;font-size:.90rem;font-family:Arial;font-weight:bold;padding-bottom:unset;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.gridBox-container .gridBox-content .gridBox-item-container .gridBox-item .gridBox-item-content span{font-family:Arial;font-size:.62rem;font-weight:bold;text-align:center;color:#fff;padding:2px 5.3px 2px 5px;border-radius:3px;background-color:#4363d5;line-height:1.55;margin-top:6px;width:fit-content}
.gridBox-container .gridBox-content .gridBox-item-container .gridBox-item .gridBox-item-content p{font-family:Arial;font-size:.81rem;font-weight:normal;line-height:1.6;text-align:left;color:#6a7077;padding-top:15px;padding-bottom:unset}
.gridBox-container .gridBox-content .gridBox-item-container .gridBox-item .gridBox-item-content a{color:#03234b;font-family:Arial;font-size:.81rem;font-weight:bold;padding:20px 0 4px;border-bottom:solid 2px #03234b;line-height:1.4;margin-top:auto;width:fit-content}
@media(max-width:1024px){.gridBox{background-image:none;margin:unset;margin-top:40px}
}
@media(max-width:831px){.gridBox-container .gridBox-content{width:100%}
.gridBox-container .gridBox-content .gridBox-item-container{width:100%;flex-direction:column}
.gridBox-container .gridBox-content h4{font-size:1rem}
.gridBox-container .gridBox-content .gridBox-item-container .gridBox-item .gridBox-item-content p{max-width:140px}
.gridBox-container .gridBox-content .gridBox-item{padding:12px 0 23px 10px;margin-bottom:20px;margin-right:unset}
.gridBox-container .gridBox-content .gridBox-item:last-child{margin-bottom:unset}
.gridBox-container .gridBox-content .gridBox-item-container .gridBox-item .gridBox-item-content a{display:unset;padding:0 0 8px}
}
@media(max-width:640px){.gridBox{padding:0 20px}
}