.border-box-001 {
    position: relative;
}

.border-box-001:before {
    content: '';
    position: absolute;
    background: #1a2a54;
    height: 40%;
    width: 1000%;
    right: -20px;
    bottom: -20px;
    border-radius: 0px;
}

/*featurebox*/
.service-feature-001 img.sppb-img-responsive {
    height:30px;
    transition: 0.3s;
}

.service-feature-001 h4.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {
    color: #6c6161;
    font-size: 17px !important;
    letter-spacing: 1px;
}

.service-feature-001 img.sppb-img-responsive:hover {
    transform: scale(0.9);
}

.service-feature-001 .pull-left {
    margin-right: 0px !important;
    height: auto;
    min-width: 60px !important;
}

.service-feature-001  .sppb-addon-text {
    font-size: 16px !important;
}

@media(max-width:991px){
.service-feature-001  .sppb-addon-text {
    font-size: 14px !important;
  }}


.service-feature-001 .sppb-media {
    display: flex;
    align-items: center;
}

.service-feature-001 h4.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.5 !important;
    font-weight: 600;
}

.service-feature-001 .sppb-media .pull-left {
    width: 54px !important;
}

@media(max-width:991px){
.service-feature-001 h4.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {
    margin: 0px !important;
}}
@media(max-width:991px){
.service-feature-001 .sppb-media .pull-left {
    width: 34px !important;
}}

@media(max-width:1100px){
.service-feature-001 .pull-left {
    margin-right: 24px !important;
    height: auto;
}}

@media(max-width:991px){
.service-feature-001.pull-left {
    margin-right: 15px !important;
    min-width: 143px !important;
}}


.service-feature-002 img.sppb-img-responsive {
    width: auto;
    height: 114px;
    transition: 0.3s;
}

.service-feature-002 h4.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {
    color: #6c6161;
    font-size: 17px !important;
    letter-spacing: 1px;
}

.service-feature-002 img.sppb-img-responsive:hover {
    transform: scale(0.9);
}

.service-feature-002 .pull-left {
    margin-right: 6px !important;
    height: auto;
    min-width: 130px !important;
}


.img-pattern-001 {
    position: relative;
}

.img-pattern-001:before {
    position: absolute;
    content: '';
    background: url(/images/00-flexi/content/homeimg01.png);
    width: 650px;
    height: 593px;
    background-size: cover;
    left: 0px;
    bottom: -100px;
    transition: 0.3s;
    z-index: 3;
    margin: auto;
    opacity:0.7;
}

.border-box-002 {
    position: relative;
}

.border-box-002:before {
    transition: 0.6s;
    opacity:0;
    content: '';
    position: absolute;
    background: #ed1f24;
    height: 90%;
    width:90%;
    right: 0px;
    top: 0px;
    border-radius: 0px;
}
.border-box-002:hover:before {
     right: -10px;
    top: -10px;
    opacity:0.9;
}

.video-btn-001 i {
    font-size: 76px;
    color: #ed1f24b0;
    transition: 0.3s;
}
.video-btn-001 i:hover {
    transform: scale(1.1);
}


.pattern-box-002 {
    position: relative;
}

.pattern-box-002:before {
    content: '';
    position: absolute;
    background: linear-gradient(-1deg, #ed1f24, #c61b1f);
    height: 30%;
    width: 153%;
    right: -45px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    transform: rotate(5deg);
    border-radius: 0px;
}

.border-line-001 {
    position: relative !important;
}

.border-line-001:before {
    position: absolute;
    content: '';
    position: absolute;
    width: 3px;
    height: 60%;
    background: #ed1f24;
    top: 0px;
    bottom: 0px;
    margin: auto;
    left: 0px;
    right: 0px;
}
@media(max-width:991px){
.border-line-001:before {
    position: absolute;
    content: '';
    width: 50%;
    height: 3px;
     top: 25px;
}}


.border-box-003 {
    position: relative;
}

.border-box-003:before {
    content: '';
    position: absolute;
    background: linear-gradient(-1deg, #ed1f24, #c61b1f);
    height: 10%;
       width: 4%;
    top: 0px;
    bottom: 0px;
    left: -32px !important;
    margin: auto;
    border-radius: 0px;
    transform: skew(20deg, 0deg);
}

.border-box-004 {
    position: relative;
}

.border-box-004:before {
    content: '';
    position: absolute;
    background: linear-gradient(-1deg, #ed1f24, #c61b1f);
    height: 10%;
    width: 10%;
    top: 0px;
    bottom: 0px;
    right: -32px !important;
    margin: auto;
    border-radius: 0px;
    transform: skew(20deg, 0deg);
}

.service-background-001 {
    background: #ffffffed;
       padding: 35px 30px 45px !important;
    transition: 0.3s;
    border-radius: 20px;
    border: 1px solid #f90d0d !important;
}

@media(max-width:991px){
.service-background-001 {
    background: #ffffffed;
       padding: 35px 30px 80px !important;
}}

.service-background-001:hover {
    background: #fff !important;
}


.pattern-box-001 {
    position: relative;
}

.pattern-box-001:before {
    position: absolute;
    content: '';
    background: url(/images/00-equality/pattern/01.png);
    width: 99px;
    height: 500px;
    background-size: cover;
    left: 0px;
    bottom: 0px;
    transition: 0.3s;
    z-index: 3;
    margin: auto;
}
@media(max-width:991px){
.pattern-box-001:before {
    position: absolute;
    display:none;
}}


.pattern-box-003 {
    position: relative;
}

.pattern-box-003:before {
    position: absolute;
    content: '';
    background: url(/images/00-equality/pattern/03.png);
    width: 170px;
    height: 100%;
    background-size: cover;
    right: 0px;
    top: 0px;
    bottom: 0px;
    transition: 0.3s;
    z-index: 3;
    margin: auto;
    transform: rotate(0deg);
}
@media(max-width:991px){
.pattern-box-003:before {
    position: absolute;
    display:none;
}}



.leaf-pattern-001 {
    position: relative;
}

.leaf-pattern-001:before {
    position: absolute;
    content: '';
    background: url(/images/00-equality/pattern/pattern02.png);
    width: 300px;
    height: 158px;
    background-size: cover;
    right: -100px;
    bottom: -90px;
    transition: 0.3s;
    z-index: 3;
    margin: auto;
    transform: rotate(-45deg);
}

.leaf-pattern-001:hover:before {
    transform: rotate(-40deg);
}

@media(max-width:991px){
.leaf-pattern-001:before {
    position: absolute;
    content: '';
    background: url(/images/00-equality/pattern/pattern02.png);
    width: 150px;
    height: 79px;
    background-size: cover;
    right: -50px;
    bottom: -90px;
}}


.background-001 {
    transition: 1.3s;
    box-shadow: 1px 1px 7px 2px #ffffff00 !important;
    border-radius: 30px;
    /* background: #f5f5f5; */
    border: 1px solid #1a2a54;
}
.background-001:hover {
    box-shadow: 1px 1px 7px 2px #1b1b1b29 !important;
}


/*icon*/
.about-icon-001 img.sppb-img-responsive {
    height: 120px;
}

@media (max-width: 991px){
.about-icon-001 img.sppb-img-responsive {
    height: 100px;
  }}

.about-icon-001  h4.sppb-addon-title.sppb-feature-box-title {
    font-size: 24px;
    color: #ffffff;
}

.about-icon-001 .sppb-addon-text {
    color: #d6d6d6;
}

.about-icon-001  h4.sppb-addon-title.sppb-feature-box-title {
    margin: 10px 0px 10px 0px;
}

.sppb-section:not(.spectrum-faq-list) .about-icon-001.sppb-addon-feature:hover {
    color: #ffffffa8;
}


/*animated number*/
.sppb-animated-number {
    display: inline-block;
}

.number-001 {
    border-radius: 20px;
    padding: 0px 30px;
}

@media (max-width: 991px){
.number-001 {
    border-radius: 20px;
    padding: 0px 15px;
}}

span.sppb-animated-number-syntax {
    font-size: 55px;
    color: #000;
    margin-left: 13px;
}

.sppb-animated-number-title {
    margin-top:20px !important;
    font-weight: 600;
}

.sppb-animated-number {
    font-size: 70px !important;
}

.number-001 .sppb-animated-number-title {
    font-weight: 600;
    margin-top: 15px !important;
    font-size: 23px !important;
    color: #b8b8b8;
    margin: auto;
    line-height: 1.2 !important;
}

@media (min-width: 991px){
.service-feature-box-001 .sppb-col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 20%;
    max-width: 20%;
}}

.sppb-animated-number-title {
    font-size: 22px !important;
}

.number-001 .sppb-animated-number {
    font-family: roboto;
    font-size: 165px !important;
    font-weight: 700;
    color: #ffffff;
}

@media (max-width: 991px){
.number-001 .sppb-animated-number {
    font-family: roboto;
    font-size: 55px !important;
    font-weight: 700;
}
  
.number-001 .sppb-animated-number-title {
    font-weight: 400;
    margin-top: 0px !important;
    font-size: 15px !important;
}
span.sppb-animated-number-syntax {
    font-size: 24px;
    color: #000;
    margin-left: 13px;
}}



.services-pattern-001 {
    position: relative;
}

.services-pattern-001:after {
    position: absolute;
    content: '';
    width: 75%;
    height: 90%;
    right: 0px;
    margin: auto;
    top: 0px;
    bottom: 0px;
    background: rgb(244 246 253);
    border-radius: 0px;
}

.services-pattern-002 {
    position: relative;
}

.services-pattern-002:after {
    position: absolute;
    content: '';
    width: 75%;
    height: 90%;
    left: 0px;
    margin: auto;
    top: 0px;
    bottom: 0px;
    background: rgb(244 246 253);
    border-radius: 0px;
}