.text-style-001 h1.sppb-addon-title {
    position: relative;
}
.text-style-001 h1.sppb-addon-title:after {
    position: absolute;
    content: '';
    width: 120px;
    height: 8px;
    left: 0px;
    bottom: -16px;
    background: #d0ff01;
    margin-bottom: 0px;
   transition:0.3s;
}


.text-style-002 h1.sppb-addon-title {
    position: relative;
}
.text-style-002 h1.sppb-addon-title:after {
    position: absolute;
    content: '';
    width: 120px;
    height: 8px;
    left: 0px;
    bottom: -55px;
    background: #fff;
    margin-bottom: 30px;
   transition:0.3s;
}


.text-style-003 h1.sppb-addon-title {
    position: relative;
}
.text-style-003 h1.sppb-addon-title:after {
    position: absolute;
    content: '';
    width: 120px;
    height: 8px;
    left: 0px;
    bottom: -55px;
    background: #c0ff00;
    margin-bottom: 30px;
   transition:0.3s;
}



.text-style-004 h1.sppb-addon-title{
    position:relative;
}
.text-style-004 h1.sppb-addon-title:after {
    position: absolute;
    content: '';
    width: 120px;
    height: 8px;
    margin: auto;
    left: 0px;
    right: 0px;
    bottom: -20px;
    background: #cefd00;
   transition:0.3s;
}


.img-height-001 img.sppb-img-responsive {
    transition: 0.3s;
    height: 100px;
}

.img-height-001 img.sppb-img-responsive:hover {
    transform: scale(1.1);
}

/*pattern*/
.pattern-style-001 {
    position: relative;
}
.pattern-style-001:before {
    position: absolute;
    content: '';
    background: url(/images/00_syabas/pattern/04.png);
    width: 700px;
    height: 625px;
    background-size: cover;
    right: -150px;
    bottom: -150px;
    transition:0.3s;
}
@media(max-width:991px){
.pattern-style-001:before {
    position: absolute;
    content: '';
    background: url(/images/00_syabas/pattern/04.png);
    width: 500px;
    height: 446px;
    background-size: cover;
    right: -160px;
    bottom: -50px;
    transition:0.3s;
}}


.pattern-style-002 {
    position: relative;
}
.pattern-style-002:before {
    position: absolute;
    content: '';
    background: url(/images/00_syabas/pattern/03.png);
    width: 100px;
    height: 100px;
    z-index: -8765432222220 !important;
    background-size: cover;
    left: -120px;
    top: -120px;
    transition:0.3s;
}

.pattern-style-003 {
    position: relative;
}
.pattern-style-003:after {
    transform: rotate(35deg);
    position: absolute;
    content: '';
    background: url(/images/00_syabas/pattern/05.png);
    width: 550px;
    height: 588px;
    background-size: cover;
    left: -250px;
    top: 50px;
    transition:0.3s;
}

@media(max-width:991px){
.pattern-style-003:after {
    transform: rotate(48deg);
    position: absolute;
    content: '';
    background: url(/images/00_syabas/pattern/05.png);
    width: 250px;
    height: 267px;
    background-size: cover;
    left: -172px;
    top: 71px;
    transition:0.3s;
}}

.pattern-style-004 {
    position: relative;
}
.pattern-style-004:before {
    position: absolute;
    content: '';
    background: url(/images/00_syabas/pattern/06.png);
    width: 400px;
    height: 357px;
    background-size: cover;
    left: -90px;
    bottom: -50px;
    transition:0.3s;
}
@media(max-width:991px){
.pattern-style-004:before {
    position: absolute;
    content: '';
    background: url(/images/00_syabas/pattern/06.png);
    width: 280px;
    height: 250px;
    background-size: cover;
    left: -90px;
    bottom: -50px;
    transition:0.3s;
}}


.pattern-style-005 {
    position: relative;
}
.pattern-style-005:before {
    position: absolute;
    content: '';
    background: url(/images/00_syabas/pattern/09.png);
    width: 400px;
    height: 403px;
    background-size: cover;
    right: -170px;
    top: 80px;
    transition:0.3s;
}
@media(max-width:991px){
.pattern-style-005:before {
    position: absolute;
    content: '';
    background: url(/images/00_syabas/pattern/09.png);
    width: 150px;
    height: 153px;
    background-size: cover;
    right: -103px;
    top: 50px;
    transition:0.3s;
}}


/*pattern-style-006*/
.pattern-style-006 {
    position: relative;
}
.pattern-style-006:before {
    transform: rotate(8deg);
    position: absolute;
    content: '';
    background: url(/images/00_syabas/pattern/010.png);
    width: 450px;
    height: 496px;
    background-size: cover;
    right: -267px;
    bottom: -0px;
    transition:0.3s;
}

@media(max-width:991px){
.pattern-style-006:before {
    width: 160px;
    height: 176px;
    right: -99px;
}}


/*.pattern-style-007*/
.pattern-style-007 {
    position: relative;
}

.pattern-style-007:before {
    position: absolute;
    content: '';
    background: url(/images/00_syabas/pattern/09.png);
    width: 400px;
    height: 403px;
    background-size: cover;
    left: -60px;
    top: -64px;
    transition:0.3s;
}




/*imagestyle*/
.img-style-001 img.sppb-img-responsive {
    border: 4px solid #c8ff0d;
}
.img-style-001 {
    position: relative;
}
.img-style-001:after {
    transform: rotate(35deg);
    position: absolute;
    content: '';
    background: url(/images/00_syabas/pattern/03.png);
    width: 150px;
    height: 150px;
    background-size: cover;
    z-index: -99999999999999;
    right: -38px;
    top: -42px;
    transition:0.3s;
}
.img-style-001:hover:after {
    transform: translate(-25px, 20px);
}









/***about***/
.about-style-001 {
    position: relative;
}
.about-style-001:after {
    transform: rotate(55deg);
    position: absolute;
    content: '';
    background: url(/images/00_syabas/pattern/05.png);
    width: 400px;
    height: 427px;
    background-size: cover;
    left: -154px;
    top: -120px;
    transition:0.3s;
}
@media(max-width:991px){
.about-style-001:after {
    transform: rotate(55deg);
    position: absolute;
    content: '';
    background: url(/images/00_syabas/pattern/05.png);
    width: 220px;
    height: 230px;
    background-size: cover;
    left: -100px;
    top: -50px;
    transition:0.3s;
}}



.pattern-bg-001 {
    position: relative;
}
.pattern-bg-001:after {
    position: absolute;
    content: '';
    background: url(/images/00_syabas/about/bg03.png);
    width: 1920px;
    height: 195px;
    background-size: cover;
    right:0px;
    margin:auto;
    left: 0px;
    top: -150px;
    transition:0.3s;
}

@media(min-width:550px){
.feature-regulation-001 .sppb-media .pull-left {
    width: 7% !important;
}
.feature-regulation-001 h5.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {
    line-height: 1;
    width: 60%;
}