.skew-ribbon-blue-trans::after {
position: absolute;
content: "";
height: 100%;
width: 150%;
background-color: #044B85AA;
top: 0px;
left: -100px;
z-index: -1;
-webkit-transform: skewX(-13deg);
transform: skewX(-13deg);
}
.skew-home-stripe-blue::after {
position: absolute;
content: "";
height: 100%;
width: 200%;
background-color: #044B85FF;
top: 0px;
left: -100%;
z-index: -1;
-webkit-transform: skewX(-13deg);
-moz-transform: rotate(-13deg);
-o-transform: rotate(-13deg);
-ms-transform: rotate(-13deg);
transform: skewX(-13deg);
}
.services-skew-ribbon::after {
position: absolute;
content: "";
height: 100%;
width: 200%;
background-color: #044B85FF;
top: 0px;
left: -100%;
z-index: -1;
-webkit-transform: skewX(-13deg);
-moz-transform: rotate(-13deg);
-o-transform: rotate(-13deg);
-ms-transform: rotate(-13deg);
transform: skewX(-13deg);
}
.skew-stripe-blue::after {
position: absolute;
content: "";
height: 100%;
width: 200%;
background-color: #044B85FF;
top: 0px;
left: -100%;
z-index: -1;
-webkit-transform: skewX(-13deg);
-moz-transform: rotate(-13deg);
-o-transform: rotate(-13deg);
-ms-transform: rotate(-13deg);
transform: skewX(-13deg);
}
.skew-button-red::after {
position: absolute;
content: "";
height: 100%;
width: 100%;
background-color: #D1232AFF;
top: 0px;
left: 1.5%;
z-index: -1;
-webkit-transform: skewX(-13deg);
-moz-transform: rotate(-13deg);
-o-transform: rotate(-13deg);
-ms-transform: rotate(-13deg);
transform: skewX(-13deg);
}
.skew-button-gray::after {
position: absolute;
content: "";
height: 100%;
width: 100%;
background-color: #BDBEC0FF;
top: 0px;
left: -1.5%;
z-index: -1;
-webkit-transform: skewX(-13deg);
-moz-transform: rotate(-13deg);
-o-transform: rotate(-13deg);
-ms-transform: rotate(-13deg);
transform: skewX(-13deg);
overflow: hidden;
}