.csrProjectImageWithContent{padding:45px 0 10px 0}
.csrProjectImageWithContent .topContent{padding-bottom:20px}
.csrProjectImageWithContent .contentBox{padding-bottom:110px;display:flex}
.csrProjectImageWithContent .imgSection{padding-top:28px;width:51.5%}
.csrProjectImageWithContent .imgSection img{width:100%}
.csrProjectImageWithContent .contentSection{padding:40px 60px 20px;box-shadow:0 0 15px 0 rgb(0 0 0 / 10%);-webkit-box-shadow:0 0 15px 0 rgb(0 0 0 / 10%);-moz-box-shadow:0 0 15px 0 rgb(0 0 0 / 10%);min-height:440px;width:48.5%}
.csrProjectImageWithContent .contentSection h4{font-family:"robotobold";font-size:2.5rem;line-height:1.2em;color:#20252b;padding-bottom:18px}
.csrProjectImageWithContent .contentSection p{font-family:'robotolight';font-size:2rem;line-height:1.4em;color:#20252b;padding-bottom:26px;margin:0}
.csrProjectImageWithContent .viewMore{border-bottom:1px solid #c4271b;color:#c4271b;font-family:'robotobold';font-size:1.6rem;line-height:normal;text-transform:uppercase}
.csrProjectImageWithContent .viewMore:hover{text-decoration:none}
@media(max-width:1023px){.csrProjectImageWithContent .contentBox{padding-bottom:50px}
.csrProjectImageWithContent .contentSection{min-height:120px;padding:25px}
.csrProjectImageWithContent .contentSection h4{font-size:2rem}
.csrProjectImageWithContent .contentSection p{font-size:1.8rem}
}
@media(max-width:767px){.csrProjectImageWithContent{padding-top:20px}
.csrProjectImageWithContent .titleText{padding-bottom:20px}
.csrProjectImageWithContent .contentBox{display:block}
.csrProjectImageWithContent .imgSection{padding:0;width:100%}
.csrProjectImageWithContent .imgSection img{width:100%}
.csrProjectImageWithContent .contentSection{min-height:auto;padding:30px 20px 0;width:100%}
}