/*shape1*/
.shape1, .shape2, .shape3, .shape4, .shape5 {
    position: relative;
    overflow:hidden!important;
}

.shape1:before {
    position: absolute;
    background-size: contain !important;
    content: '';
    content: url(/images/0-micron/shape/shape1.png);
    bottom: 5%;
    left: 70%;
    margin:auto;
    background-repeat:no-repeat;
    z-index:-10 !important;
}

.shape1:after {
    position: absolute;
    background-size: contain !important;
    content: '';
    content: url(/images/0-micron/shape/shape1.png);
    bottom: -68%;
    right: 72%;
    margin:auto;
    background-repeat:no-repeat;
    z-index:-10 !important;
}

.shape2:after {
    position: absolute;
    background-size: contain !important;
    content: '';
    content: url(/images/0-micron/shape/shape1.png);
    bottom: -500px;
    right: 70%;
    margin:auto;
    background-repeat:no-repeat;
    z-index:-10 !important;
}

.shape3:before {
    position: absolute;
    background-size: contain !important;
    content: '';
    content: url(/images/0-micron/shape/shape1.png);
    bottom: 5%;
    right: 70%;
    margin:auto;
    background-repeat:no-repeat;
    z-index:-10 !important;
    transform: rotate(90deg);
}

.shape3:after {
    position: absolute;
    background-size: contain !important;
    content: '';
    content: url(/images/0-micron/shape/shape1.png);
    bottom: -92%;
    left: 72%;
    margin:auto;
    background-repeat:no-repeat;
    z-index:-10 !important;
    transform: rotate(90deg);
}

.shape4:before {
    position: absolute;
    background-size: contain !important;
    content: '';
    content: url(/images/0-micron/shape/shape4.png);
    bottom: 5%;
    left: 70%;
    margin:auto;
    background-repeat:no-repeat;
    z-index:-10 !important;
}

.shape4:after {
    position: absolute;
    background-size: contain !important;
    content: '';
    content: url(/images/0-micron/shape/shape4.png);
    bottom: -68%;
    right: 72%;
    margin:auto;
    background-repeat:no-repeat;
    z-index:-10 !important;
}

.shape5:before {
    position: absolute;
    background-size: contain !important;
    content: '';
    content: url(/images/0-micron/shape/shape1.png);
    bottom: 5%;
    left: 85%;
    margin:auto;
    background-repeat:no-repeat;
    z-index:-10 !important;
}

.shape5:after {
    position: absolute;
    background-size: contain !important;
    content: '';
    content: url(/images/0-micron/shape/shape1.png);
    bottom: -68%;
    right: 72%;
    margin:auto;
    background-repeat:no-repeat;
    z-index:-10 !important;
}

@media (max-width: 767px){
.shape1:before {left: 70%;bottom: 10%;}
.shape1:after {right: 10%;}
.shape2:after {right: 10%;}
.shape3:before {right: 90%;bottom: 8%;}
.shape3:after {left: -20%;}
.shape4:before {left: 50%;}
.shape4:after {right: 10%;}
.shape5:before {left: 25%;}
.shape5:after {right: 10%;}
}


/*rectangle*/
.shape-rectangle{
    position: relative;
}

.shape-rectangle:before {
    content:'';
    background: #fff;
    position: absolute;
    height: 50px;
    width: 450px;
    right: 0;
    /* top: 0; */
    bottom: 0;
    margin: auto;
}

/*rectangle-left*/
.shape-rectangle-left{
    position: relative;
}

.shape-rectangle-left:before {
    content:'';
    background: #fff;
    position: absolute;
    height: 50px;
    width: 450px;
    left: 0;
    /* top: 0; */
    bottom: 0;
    margin: auto;
}