.type-001 {
      position: relative;
}

.type-001:before {
    position: absolute;
    content: '';
    background: url(/images/0_ecomart/pattern/01.png);
    width: 151px;
    height: 800px;
    background-size: cover;
    right: -20px;
    bottom: -150px;
    transition:3s;
}
@media(min-width:991px){
.type-001:hover:before {
   bottom: -80px;  
}}

@media(max-width:991px){
.type-001:before {
    opacity: 35%;
    position: absolute;
    content: '';
    width: 95px;
    height: 500px;
    background-size: cover;
    right: -10px;
    bottom: 0px;
    transition:0.3s;
}}

@media(max-width: 778px){
.type-001:before {
    opacity: 35%;
    position: absolute;
    content: '';
    width: 50px;
    height: 264px;
    background-size: cover;
    right: -10px;
    top: 49px;
    bottom: unset;
    transition:0.3s;
}}



/**type-002**/
.type-002 {
      position: relative;
}

.type-002:after {
    opacity:70%;
    position: absolute;
    content: '';
    background: url(/images/0_ecomart/pattern/02.png);
    width: 150px;
    height: 660px;
    background-size: cover;
    left: -20px;
    bottom: -450px;
    transition:3s;
}
@media(min-width:991px){
.type-002:hover:after {
   bottom: -380px;  
}}

@media(max-width:920px){
.type-002:after {
    opacity: 35%;
    position: absolute;
    content: '';
    width: 95px;
    height: 417px;
    background-size: cover;
    left: -20px;
    bottom: -50px;
    transition:0.3s;
}}

@media(max-width:778px){
.type-002:after {
    opacity: 35%;
    position: absolute;
    content: '';
    width: 60px;
    height: 263px;
    background-size: cover;
    left: -20px;
    bottom: -50px;
    transition:0.3s;
}}

/**type003**/
.type-003 {
      position: relative;
}
.type-003:before {
    position: absolute;
    opacity: 85%;
    content: '';
    background: url(/images/0_ecomart/pattern/03.png);
    width: 120px;
    height: 828px;
    background-size: cover;
    Z-INDEX: 99999;
    right: -20px;
    bottom: -200px;
    transition:3s;
}
@media(max-width:991px){
.type-003:before {
    opacity: 35%;
    position: absolute;
    content: '';
    width: 95px;
    height: 500px;
    background-size: cover;
    right: -10px;
    bottom: 0px;
    transition:0.3s;
}}

@media(max-width: 778px){
.type-003:before {
    opacity: 35%;
    position: absolute;
    content: '';
    width: 50px;
    height: 264px;
    background-size: cover;
    right: -10px;
    top: 49px;
    bottom: unset;
    transition:0.3s;
}}






/***bg**/
.pattern-bg-001 {
    position: relative;
}

.pattern-bg-001:before {
    position: absolute;
    content: '';
    background: url(/images/0_ecomart/pattern/bgbottom01.png);
    width: 1920px;
    height: 392px;
    background-size: cover;
    right: 0px;
    left: 0px;
    margin: auto;
    bottom: -10px;
    z-index: 0;
}

/*aptternborder*/
.style-box-001 {
    position: relative;
}
.style-box-001:before {
  content: "";
  position: absolute;
  background: #fff5f5;
  width: 400px;
  height: 855px;
  transition: 0.3s;
  right: 0px;
  z-index:-99999999999999999999799999999999 !important;
  top: 0px;
  left: 0px;
  margin-left: 0px !important;
  margin: auto;
  transition:0.6s;
}
@media(max-width: 980px){
.style-box-001:before {
  content: "";
  position: absolute;
  background: #f8e9e9ba;
  width: 180px;
  height: 414px;
  transition: 0.3s;
  right: 0px;
  z-index:-99999999999999999999799999999999 !important;
  top: -25px;
  left: 0px;
  margin-left: 0px !important;
  margin: auto;
  transition:0.6s;
}}

/**style-box-002**/
.style-box-002 {
    position: relative;
}
.style-box-002:before {
  content: "";
  position: absolute;
  background: #f5ffff;
  width: 500px;
  height: 555px;
  right: 0px;
  z-index:-99999999999999999999799999999999 !important;
  top: 87px;
  margin-left: 0px !important;
  margin: auto;
  transition:0.6s;
}
@media(max-width: 980px){
.style-box-002:before {
  width: 260px;
  height: 455px;
}}


/**imgbox**/
.img-box-001 {
    position: relative;
}
.img-box-001:before {
  content: "";
  position: absolute;
  background: #fff3f3;
  width: 400px;
  height: 400px;
  right: 0px;
  z-index:-999 !important;
  bottom: -50px;
  left: -50px;
  transition: 0.4s;
}
@media(max-width: 980px){
.img-box-001:before {
  width: 200px;
  height: 200px;
  z-index:-999 !important;
  top: unset;
  bottom: -20px;
  right: -20px;
  transition: 0.4s;
}}


.img-box-002 {
    position: relative;
}
.img-box-002:before {
  content: "";
  position: absolute;
  background: #cef1ff87;
  width: 400px;
  height: 400px;
  right: 0px;
  z-index:-999 !important;
  top: -20px;
  right: -20px;
  transition: 0.4s;
}
@media(max-width: 980px){
.img-box-002:before {
  width: 200px;
  height: 200px;
  z-index:-999 !important;
  top: unset;
  bottom: -20px;
  right: -20px;
  transition: 0.4s;
}}

.img-box-002:hover:before{
  transform: translate(5px, 5px);
}

.img-border-001 img.sppb-img-responsive {
    border: 4px solid #fff;
}


.img-border-bottom img {
    border-bottom: 3px solid #ff9595;
}


/**featureboxicon**/
.feature-box-001 img {
    height: 70px;
    transition: 0.3s;
}
@media(max-width: 980px){
.feature-box-001 img {
    height: 60px;
    transition: 0.3s;
}}

.feature-box-001 img:hover {
    transform: rotate(5deg);
}


/**imgpattern**/
.img-transfrom-001 img {
    transition: 0.3s;
    width: 280px;
}

.img-transfrom-001 img:hover {
    transform: translate(10px, 4px);
}


.img-transfrom-002 img {
      height: 107px;
      transition: 0.3s;
}

.img-transfrom-002 img:hover {
    transform: translate(10px, 0px);
}

.member-app .sppb-col-md-6 {
    max-width: fit-content;
    flex: unset;
}

@media (max-width: 499px) {
    .member-qrcode .sppb-column-addons>div:not(:first-child) {
    display: inline-flex;
    margin: 0 10px 0 0 !important;
}
}