body[data-route="company/csr"] main .head{background:url(../image/csr-header-e7631c95944c824135a710d6297167fb.png) center center no-repeat;background-size:cover}body[data-route="company/csr"] main .a1 .s1{padding-top:80px}body[data-route="company/csr"] main .a1 .s1 .block-1{max-width:770px;text-align:center;margin:0 auto}body[data-route="company/csr"] main .a1 .recs .rec{display:flex;min-height:380px;margin-top:70px;position:relative;border:1px solid #fcc001;overflow:hidden}body[data-route="company/csr"] main .a1 .recs .rec.left{flex-direction:row-reverse;margin-right:200px;border-right-width:15px}body[data-route="company/csr"] main .a1 .recs .rec.right{margin-left:200px;border-left-width:15px}body[data-route="company/csr"] main .a1 .recs img{height:100%}body[data-route="company/csr"] main .a1 .recs .subj{padding:0 50px;display:flex;flex-direction:column;justify-content:center}body[data-route="company/csr"] main .a1 .recs .sep{width:100%;height:3px;background:#fcc001;margin:10px auto}body[data-route="company/csr"] main .a2{background:#f4f4f4}body[data-route="company/csr"] main .a2 .s2{padding-top:80px;padding-bottom:60px}body[data-route="company/csr"] main .a2 .s2>div{max-width:770px}body[data-route="company/csr"] main .a2 .s2 .cta{margin-top:40px}@media only screen and (max-width:1200px){body[data-route="company/csr"] main .a1 .s1 .recs .rec.left{margin-right:70px}body[data-route="company/csr"] main .a1 .s1 .recs .rec.right{margin-left:70px}body[data-route="company/csr"] main .a1 .s1 .recs .rec .img{width:50%;overflow:hidden}body[data-route="company/csr"] main .a1 .s1 .recs .rec .img img{width:unset}body[data-route="company/csr"] main .a1 .s1 .recs .rec .subj{width:50%}}@media only screen and (max-width:800px){body[data-route="company/csr"] main .head .s0{padding-top:150px!important}body[data-route="company/csr"] main .head .s0 .block-0{max-width:430px!important}body[data-route="company/csr"] main .a1 .s1 .block-1 .t-5{margin-top:30px}body[data-route="company/csr"] main .a1 .s1 .recs .rec{flex-direction:column}body[data-route="company/csr"] main .a1 .s1 .recs .rec.left{margin-right:0;border-right-width:1px}body[data-route="company/csr"] main .a1 .s1 .recs .rec.left img{border-left:12px solid #fcc001}body[data-route="company/csr"] main .a1 .s1 .recs .rec.right{margin-left:0;border-left-width:1px}body[data-route="company/csr"] main .a1 .s1 .recs .rec.right img{border-left:12px solid #fcc001}body[data-route="company/csr"] main .a1 .s1 .recs .rec .img{height:200px;width:100%}body[data-route="company/csr"] main .a1 .s1 .recs .rec .img img{width:100%;height:100%}body[data-route="company/csr"] main .a1 .s1 .recs .rec .subj{width:100%;padding:40px}}@media only screen and (max-width:600px){body[data-route="company/csr"] main .head{height:653px}}@media only screen and (max-width:800px){html.locale-ar .a1 .s1 .recs .rec.left img{border-left:none!important;border-right:12px solid #fcc001!important}html.locale-ar .a1 .s1 .recs .rec.right img{border-left:none!important;border-right:12px solid #fcc001!important}}