.USP {
    BORDER-BOTTOM: #cb3e27;
    BORDER-BOTTOM-STYLE: solid;
    BORDER-WIDTH: 10PX;
    box-shadow: 3px 3px 20px 0px rgb(0 0 0 / 20%) !important;
}
.USP2 {
    BORDER-BOTTOM: #E5AA25;
    BORDER-BOTTOM-STYLE: solid;
    BORDER-WIDTH: 10PX;
    box-shadow: 3px 3px 20px 0px rgb(0 0 0 / 20%) !important;
}
.sppb-btn {
    border-radius: unset;
}
#sppb-addon-1663778033515 .sppb-animated-number {
    font-weight: 500;
}
#sppb-addon-1663778033515 .sppb-animated-number-title {
    font-weight: 400;
}
#section-id-1663780736910 .sppb-btn-custom {
    border: 1px solid #E5AA25;
}
#section-id-1663780736910 .sppb-btn-custom:hover {
    border: 1px solid #cb3e27;
}

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

.pattern-style-001:before {
    position: absolute;
    content: '';
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 180px;
    height: 500px;
    top: -110px;
    right: 0px;
    background: url(/images/00_WBC/Home/pattern.png);
    z-index: -10 !important;
}

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

.pattern-style-002:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 380px;
    top: 0px;
    right: 0px;
    background: #F2F2F2;
    z-index: 2;
}
.pattern-style-003 {
    position: relative;
}

.pattern-style-003:before {
    position: absolute;
    content: '';
    width: 1920px;
    height: 680px;
    top: 0px;
    right: 0px;
    background: #F2F2F2;
    z-index: 2;
}
.pattern-style-004{
    position: relative;
}
@media (min-width:992px){
.pattern-style-004:before {
    position: absolute;
    content: '';
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 700px;
    height: 300px;
    top: 160px;
    right: 0px;
    background: url(/images/00_WBC/Home/Rectangle_1801.png);
    z-index: -10 !important;
}
}
.pattern-style-005{
    position: relative;
}

@media (min-width:992px){
.pattern-style-005:before {
    position: absolute;
    content: '';
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 408px;
    height: 130px;
    top: 200px;
    left: 0px;
    background: url(/images/00_WBC/Home/Group_2247.png);
    z-index: -10 !important;
}
}
.pattern-style-006{
    position: relative;
}

.pattern-style-006:before {
   position: absolute;
    content: '';
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 1920px;
    height: 360px;
    top: 0px;
    left: 0px;
    background: url(/images/00_WBC/Home/Pattern01.png);
    z-index: -10 !important;
}
@media (max-width:991px){
.pattern-style-006:before {
   position: absolute;
   content: '';
   background-size: contain !important;
   background-repeat: no-repeat !important;
   width: 991px;
   height: 360px;
   top: 0px;
   left: 0px;
   background: url(/images/00_WBC/Home/Pattern01.png);
   z-index: -10 !important;
}
}
.pattern-style-007{
    position: relative;
}
.pattern-style-007:before {
    position: absolute;
    content: '';
    width: 1920px;
    height: 670px;
    top: 120px;
    right: 0px;
    background: #F2F2F2;
    z-index: 2;
}
/*animation +*/
span.sppb-animated-number-syntax {
    display: inline-block;
    font-size: 35px;
}

.sppb-animated-number {
    display: inline-block;
}
/*End of animation +*/

.spectrum-title-border .sppb-addon-title:before {
    content: "";
    width: 4px;
    height: 82px;
    position: absolute;
    left: -20px;
    bottom: -60px;
    background: #e5aa25;
}
.btn-primary {
    background-color:  #E5AA25;
 
}
.btn-primary:hover {
    color: #E5AA25;
}
.btn{
    border-radius: 0px;
    color: #FFFFFF;
    font-size: 16px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:hover:active, .sppb-btn-primary:hover, .sppb-btn-primary:focus, .sppb-btn-primary:active, .sppb-btn-primary:hover:active{
    background-color:#FFFFFF;
}
/*.sppb-addon-sp-slider .sp-item .sp-background::after{
    position: absolute;
    content: '';
    background: linear-gradient(180deg, rgba(229, 170, 37, 0.8) 0%, rgba(203, 62, 39, 0.8) 80%) transparent;
    width: 1000px;
    height: auto;
    z-index: 0;
    top: 0;
    bottom:0;
    margin:auto;
    border-radius: 0px 100px 0px 0px;
    left: 0%;
    z-index: 0 !important;
}
@media (max-width:991px){
.sppb-addon-sp-slider .sp-item .sp-background::after{
    position: absolute;
    content: '';
    background: linear-gradient(180deg, rgba(229, 170, 37, 0.8) 0%, rgba(203, 62, 39, 0.8) 80%) transparent;
    width: 500px;
    height: auto;
    z-index: 0;
    top: 0;
    bottom:0;
    margin:auto;
    border-radius: 0px 100px 0px 0px;
    left: 0%;
    z-index: 0 !important;
}
}
@media (max-width:500px) and (min-width:350px) {
.sppb-addon-sp-slider .sp-item .sp-background::after{
    position: absolute;
    content: '';
    background: linear-gradient(180deg, rgba(229, 170, 37, 0.8) 0%, rgba(203, 62, 39, 0.8) 80%) transparent;
    width: 375px;
    height: auto;
    z-index: 0;
    top: 0;
    bottom:0;
    margin:auto;
    border-radius: 0px 100px 0px 0px;
    left: 0%;
    z-index: 0 !important;
}
}
.sppb-slideshow-fullwidth-item-text {
    position: absolute;
    z-index: 1 !important;
    width: 50%;
}
.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .details {

    color: #ffffff;
}*/

/*slider*/
@media (max-width:991px){
.sp-slider-content-align-center {
    max-width: 100% !important;
    padding: 30px 20px 30px 20px !important;
    margin: 0px 0px 20px 0px !important;
}
}

.sppb-sp-slider-button .sp-slider-btn-text {
    background: #cb3e27;
    padding: 10px 25px;
    text-transform: uppercase;
    font-weight:700;
    transition:0.3s;
}
.sppb-sp-slider-button .sp-slider-btn-text:hover{
    background: #E5AA25;
    padding: 10px 25px;
    color: #ffffff !important;
}
.sp-slider .sp-dots ul li {
    width: 48px !important;
    height: 8px !important;
}

.sp-dots ul li.active{
    background-color: #E5AA25 !important;
    border-color:#E5AA25 !important;
}
.sp-slider .sp-dots ul li {
    background: #fff;
  border-color: #fff;
}

div {
    font-size: 16px;
}


.sp-slider .sp-nav-control .nav-control {
    border-radius: 20px !Important;
    border-width: 1px;
}
div.sp-slider .sp-nav-control .nav-control:hover{
    background:#fff;
}
div.sp-slider .sp-nav-control .nav-control{
    background:#fff;
}

.sp-nav-control .nav-control i{
    line-height: 0px;
}
.sp-slider .sp-nav-control .nav-control{
    font-size: 28px;
    width: 58px;
    height: 58px;
}


/*mobile*/
@media screen and (max-width: 767px) and (min-width: 250px){
  h3 { font-size: 18px !important; }
}