.diffrent-roles{margin:80px 0}.diffrent-roles .section-title{max-width:650px;margin:0 auto 50px}.diffrent-roles .section-title p{color:#282828;opacity:1;line-height:28px}.diffrent-roles .section-title h2{margin-bottom:16px}.diffrent-roles .wrapper{display:flex;flex-wrap:wrap;margin:0 -8px -16px}.diffrent-roles .wrapper .item{width:25%;padding:0 8px;margin-bottom:16px}.diffrent-roles .wrapper .item .block{background:#eee7d7;height:100%;padding:50px 35px;position:relative;overflow:hidden}.diffrent-roles .wrapper .item .block .image-block{width:160px;height:140px;margin:0 auto 16px}.diffrent-roles .wrapper .item .block .image-block img{width:100%;height:100%;object-fit:contain;display:block}.diffrent-roles .wrapper .item .block h3{font-family:Georgia;font-weight:400;font-style:Regular;font-size:24px;leading-trim:NONE;line-height:100%;letter-spacing:0%;text-align:center}.diffrent-roles .wrapper .item .block p{opacity:1}.diffrent-roles .wrapper .item .block .text-block{text-align:center}.diffrent-roles .wrapper .item .block img.box-shape{width:50px;height:50px;position:absolute;display:block}.diffrent-roles .wrapper .item .block .box-shape--top-left{top:0;left:-1px}.diffrent-roles .wrapper .item .block .box-shape--top-right{right:-1px;top:0}.diffrent-roles .wrapper .item .block .box-shape--bottom-left{left:-1px;bottom:0}.diffrent-roles .wrapper .item .block .box-shape--bottom-right{right:-1px;bottom:0}@media only screen and (max-width:1399px){.diffrent-roles .wrapper .item .block{padding:40px 20px}}@media only screen and (max-width:1199px){.diffrent-roles{margin:60px 0}.diffrent-roles .section-title{margin-bottom:30px}.diffrent-roles .wrapper .item{width:50%}.diffrent-roles .wrapper .item .block{padding:30px}.diffrent-roles .wrapper .item .block .image-block{width:140px;margin-bottom:10px;height:120px}}@media only screen and (max-width:989px){.diffrent-roles .wrapper .item .block h3{font-size:22px;line-height:normal;margin-bottom:10px}.diffrent-roles .wrapper .item .block .image-block{width:120px;height:100px}}@media only screen and (max-width:768px){.diffrent-roles .wrapper .item{width:100%}.diffrent-roles{margin:40px 0}.diffrent-roles .section-title{margin-bottom:20px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/diffrent-roles.css.map */