/*-------------------------------Background Colour Pattern for Title--------------------------*/

.title-pattern {
    position: relative;
}

.title-pattern:before {
    position: absolute;
    content: url(/images/0-highclass/design/title-pattern.png);
    background-size: 100%;
    transform: scale(1.2);
    top: -10%;
    left: -18%;
}

/*-------------------------------End Background Colour Pattern for Title--------------------------*/

/*---------------------------------Pattern Home CTA----------------------------*/

.home-cta {
    position: relative;
}

.home-cta:before {
    position: absolute;
    content: url(/images/0-highclass/design/title-pattern.png);
    background-size: 100%;
    transform: scale(1.2);
    top: -270%;
    left: -30%;
}

/*---------------------------------End Pattern Home CTA----------------------------*/

/*---------------------------------Hierarchy Pattern Before Section----------------------------*/

.hierarchy-before {
    position: relative;
}

.hierarchy-before:before {
    position: absolute;
    content: url(/images/0-highclass/about/hierarchy-bg-001.png);
    transform: scale(0.8);
    background-size: 100%;
    top: -280%;
    left: -2%;
}

/*---------------------------------End Hierarchy Pattern Before Section----------------------------*/

/*---------------------------------Hierarchy Pattern After Section----------------------------*/

.hierarchy-after {
    position: relative;
}

.hierarchy-after:after {
    position: absolute;
    content: url(/images/0-highclass/about/hierarchy-bg-002.png);
    transform: scale(0.8);
    background-size: 100%;
    top: 80%;
    right: -2%;
}

/*---------------------------------End Hierarchy Pattern After Section----------------------------*/