.box-wrapper {
  border-radius:20px;
  overflow:hidden;
}
.subtitle-center .sppb-addon-title {
  background-color:#3119B5;
  padding:4px 6px!important;
  border-radius:4px!important;
}
@media(max-width:767px){
  .key-wrapper {
  background-color: rgb(255 255 255 / 5%);
    padding:26px 10px 10px;
}
}

.border-radius {
  border-radius:20px!important;
  overflow:hidden;
}
.accordion-wrapper .sppb-panel-title {
    font-size: 16px;
    font-weight: 500;
}

.feature-001 .sppb-addon-wrapper.addon-root-feature {
    border-radius:20px!important;
    overflow:hidden!important;
    transition:all 0.3s;
}
.feature-001 .sppb-addon-wrapper.addon-root-feature:hover {
    transform:translateY(-15px);
}
.feature-001 .sppb-addon.sppb-addon-feature {    
    min-height:220px;
}
/*********************************************************
Flipbox
*********************************************************/
.flip-001 .sppb-flipbox-front.flip-box:after {
    content:"";
    border:1px solid #fff;
    position:absolute;
    top:15px;
    left:15px;
    width:calc(100% - 30px);
    height:calc(100% - 30px);
} 
.flip-001 .sppb-flipbox-front-title {
    font-size: 22px;
  font-weight:500;
  margin-bottom:30px;
  position:relative;
}
.flip-001 .sppb-flipbox-front-title:before {
  content:"";
  position:absolute;
  bottom:-10px;
  width: 50px;
  height:4px;
  background-color: #eab458;
  left: 0;
  right: 0;
  margin:auto;
}
.flip-001 .sppb-flipbox-back.flip-box:after {
    content:"";
    border:1px solid #fff;
    position:absolute;
    top:15px;
    left:15px;
    width:calc(100% - 30px);
    height:calc(100% - 30px);
} 
.flip-001 .sppb-flipbox-back-title {
    font-size: 22px;
  font-weight:500;
  margin-bottom:30px;
  position:relative;
}
.flip-001 .sppb-flipbox-back-title:before {
  content:"";
  position:absolute;
  bottom:-10px;
  width: 50px;
  height:4px;
  background-color: #eab458;
  left: 0;
  right: 0;
  margin:auto;
}
.flip-001  .sppb-flipbox-back-paragraph {
  margin-bottom:25px;
}
.flip-001.flip-override .sppb-flipbox-front-title:before {
  content:"";
  position:absolute;
  bottom:-10px;
  width: 50px;
  height:4px;
  background-color: #222;
  left: 0;
  right: 0;
  margin:auto;
}
.flip-001.flip-override .sppb-flipbox-back-title:before {
  content:"";
  position:absolute;
  bottom:-10px;
  width: 50px;
  height:4px;
  background-color: #222;
  left: 0;
  right: 0;
  margin:auto;
}
/*********************************************************
Featurebox
*********************************************************/
.feature-process .sppb-addon.sppb-addon-feature {
  min-height:180px;
}
@media(min-width:992px){
  .feature-guide .sppb-addon.sppb-addon-feature {
  min-height:400px;
}
}

.cls-services-page #sp-page-builder {

  position:relative;
	 counter-reset: my-counter;
}
.services-wrapper h3 {position:relative;}
.services-wrapper h3:before{
    content: "0"counter(my-counter); /* Display the counter value */
    counter-increment: my-counter 1; /* Increment the counter by 1 */
    font-size:150px;
    font-weight:700;
    color: #fff;
    position:absolute;
    top:-75px;
    z-index:9;
    left:-25px;
    opacity: 0.1;
}
@media(max-width:767px){
	.services-wrapper h3:before{
    content: "0"counter(my-counter); /* Display the counter value */
    counter-increment: my-counter 1; /* Increment the counter by 1 */
    font-size: 70px;
    font-weight:700;
    color: #acacac;
    position:absolute;
    top: -30px;
    z-index:9;
    left:0px;
    opacity:0.1;
}
}

.header-center-001 h3 {
  position:relative;
}
.header-center-001 h3:before {
  content:"";
  position:absolute;
  bottom:-10px;
  width: 50px;
  height:4px;
  background-color: #eab458;
  left: 0;
  right: 0;
  margin:auto;
}


.header-center-002 h3 {
  position:relative;
}
.header-center-002 h3:before {
  content:"";
  position:absolute;
  top: 50%;
  width: 50px;
  height:2px;
  background-color: #fff;
  left: -65px;
  right: auto;
  margin:auto;
}
.header-center-002 h3:after {
  content:"";
  position:absolute;
  top: 50%;
  width: 50px;
  height:2px;
  background-color: #fff;
  left: auto;
  right: -65px;
  margin:auto;
}
.header-left-001 h3 {
  position:relative;
}
.header-left-001 h3:before {
  content:"";
  position:absolute;
  bottom:-10px;
  width: 50px;
  height:4px;
  background-color: #eab458;
  left: 0;
}
@media(max-width:767px){
  .header-center-001 h3:before {
  left: -25px;
    width: 20px;
  }
  .header-center-001 h3:after {
  right: -25px;
    width: 20px;
  }
    .header-center-002 h3:before {
  left: -25px;
      width: 20px;
  }
  .header-center-002 h3:after {
  right: -25px;
    width: 20px;
  }
  .header-left-003 h3:after {
width: 20px;
    right: -25px;
}
  .header-left-001 h3:before { 
        width: 20px;
  }
}



.style-img .sppb-addon-single-image-container {
    background-image: linear-gradient(45deg, #F3AD40 0%, #F5BD4B 100%);
    padding: 20px;
}