.csh-text-style-001 .sppb-addon-title{
    display: inline-flex!important;
    position: relative;
}
.csh-text-style-001 .sppb-addon-title {
    position: relative;
    display: inline-flex;
    margin-bottom: 30px;
}

.csh-text-style-001 .sppb-addon-title:before {
    left: 0px;
    position: absolute;
    content: url(/images/0_cshredesign/others/border-left.png);
    height: 22px;
    bottom: 0px;
    top: 8px;
    left:0px;
    margin-left: -170px!important;
}

.csh-text-style-001 .sppb-addon-title:after {
    position: absolute;
    content: url(/images/0_cshredesign/others/border-right.png);
    height: 22px;
    bottom: 0px;
    top: 8px;
    right:0;
    margin-right: -160px!important;
}

@media screen and (max-width:600px){
  .csh-text-style-001 .sppb-addon-title:before {
    top: -2px;}

.csh-text-style-001 .sppb-addon-title:after {
    top: -2px;}

}



/*triangle*/
.triangle {
    position: relative;
}

.triangle:before {
    position: absolute;
    background-size: contain !important;
    content:'';
    top: -1px;
    right:0;
    left:0;
    height: 80px;
    margin: auto!important;
    background-repeat:no-repeat;
    z-index: 2 !important;
    text-align: center;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 40px solid #f2efe8;
    }

/*triangle-white*/
.triangle-white {
    position: relative;
}

.triangle-white:before {
    position: absolute;
    background-size: contain !important;
    content:'';
    top: -1px;
    right:0;
    left:0;
    height: 80px;
    margin: auto!important;
    background-repeat:no-repeat;
    z-index: 2 !important;
    text-align: center;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 40px solid #fff;
    }




/*bread*/
.bread {
    position: relative;
}

.bread:before {
    position: absolute;
    background-size: contain !important;
    content: url(/images/0_cshredesign/home/bread.png);
    top: -200px;
    right:0;
    /* left:0; */
    /* height: 80px; */
    margin: auto!important;
    background-repeat:no-repeat;
    z-index: -1 !important;
    text-align: center;
    clip-path: polygon(63% 0, 100% 0, 100% 100%, 75% 100%, 0 100%, 0 47%);
    }

@media screen and (min-width:768px) and (max-width:992px){
.bread:before {
    transform: scale(0.7);
    right: -145px;
}}
@media screen and (max-width:767px){
.bread:before {
    transform: scale(0.5);
    right: -167px;
}}




/*brush*/
.happiness-text {
    position: relative;
}

.happiness-text:before {
    position: absolute;
    background-size: contain !important;
    content: url(/images/0_cshredesign/home/brush.png);
    top: -10px;
    right: 0px;
    left: 0;
    margin: auto!important;
    background-repeat:no-repeat;
    z-index: -1 !important;
    text-align: center;
    }

@media screen and (max-width:768px){
.happiness-text:before {
    position: absolute;
    background-size: contain !important;
    content: url(/images/0_cshredesign/home/brush.png);
    top: -22px;
    right: -88px;
    margin: auto!important;
    background-repeat:no-repeat;
    z-index: -1 !important;
    text-align: center;
}}


/*mascot02*/
.mascot02 {
    position: relative;
}

.mascot02:before {
    position: absolute;
    background-size: contain !important;
    content: url(/images/0_cshredesign/mascot/welcome-crop.png);
    top: -188px;
    left: 0px;
    margin:auto;
    background-repeat:no-repeat;
    z-index:-10 !important;
    transform: rotate(-15deg);
    }

@media only screen and (min-width: 768px) and (max-width:991px) {
.mascot02:before {
    position: absolute;
    background-size: contain !important;
    content: url(/images/0_cshredesign/mascot/welcome-crop.png);
    top: -176px;
    left: 36px;
    margin:auto;
    background-repeat:no-repeat;
    z-index:-10 !important;
    transform: rotate(-15deg);
}}











@media only screen and (max-width: 600px) {
.mascot02:before {
    position: absolute;
    background-size: contain !important;
    content: url(/images/0_cshredesign/mascot/welcome-crop.png);
    top: -210px;
    /* bottom:0; */
    left: 0px;
    margin:auto;
    background-repeat:no-repeat;
    z-index:-10 !important;
    transform: rotate(0deg);
}}