.brandComp{padding:50px 0 70px 0;background:#f7f9fa}
.brandComp .topContent{padding-bottom:30px}
.brandComp .titleText{padding-bottom:24px}
.brandComp .topContent p{text-align:center}
.brandComp .redBox{background-image:linear-gradient(227deg,#c5281c 100%,#af2219 0);color:#fff;padding:52px 64px 70px 64px}
.brandComp .whiteBox{background:#fff;color:#20252b;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%);padding:52px 64px 70px 64px}
.brandComp .contentText{position:relative;height:100%;padding-bottom:40px}
.brandComp .contentText img{margin-bottom:20px;height:88px;width:88px}
.brandComp .whiteBox p{padding-bottom:30px}
.brandComp .redBox p,.brandComp .redBox .readMoreLink{color:#fff}
.brandComp .redBox .readMoreLink:after{border-color:#fff}
.brandComp .whiteBox .readMoreLink{color:#c4271b;border-color:#c4271b}
.brandComp .contentText h5{font-family:'robotolight';font-size:3.2rem;line-height:1.2em;padding-bottom:20px}
.brandComp .readMoreLink{position:absolute;left:0;bottom:0;font-family:'robotomedium';font-size:1.6rem;line-height:normal;padding-right:20px;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-ms-transition:all .3s ease-in;-o-transition:all .3s ease-in;text-transform:uppercase}
.brandComp .redBox .readMoreLink:after{border-color:#fff}
.brandComp .readMoreLink:after{content:'';position:absolute;right:0;top:50%;border:solid #c4271b;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:translateY(-50%) rotate(-45deg);-webkit-transform:translateY(-50%) rotate(-45deg);-moz-transform:translateY(-50%) rotate(-45deg);-ms-transform:translateY(-50%) rotate(-45deg);-o-transform:translateY(-50%) rotate(-45deg)}
.brandComp .readMoreLink:hover{text-decoration:none;padding-right:15px}
.brandComp .boxwrapper{display:flex}
.brandComp .boxwrapper .redBox,.brandComp .boxwrapper .whiteBox{width:50%}
@media(max-width:767px){.brandComp{padding:63px 0 78px 0}
.brandComp .topContent{padding-bottom:50px}
.brandComp .redBox{padding:28px 20px 40px 20px}
.brandComp .whiteBox{padding:28px 20px 40px 20px}
.brandComp .redBox .contentText{max-width:338px;padding-bottom:0}
.brandComp .whiteBox .contentText{padding-bottom:0}
.brandComp .contentText p{padding-bottom:22px}
.brandComp .readMoreLink{position:relative;bottom:0}
.brandComp .boxwrapper{flex-direction:column}
.brandComp .boxwrapper .redBox,.brandComp .boxwrapper .whiteBox{width:100%}
}