.inner-ban-shadow{
    position: relative;
      z-index: 1;
}
.testimonial-cont {
    height: 250px;
    overflow: auto;
    padding-right: 10px;
}
.inner-ban-shadow:after{
    content: '';
    position: absolute;
    top: 0px; 
    left: 0;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.735067) 60%, rgba(0, 0, 0, 0.85) 100%);
    height: 100%;
    width: 100%;
     z-index: -1;

}
.inner-ban-shadow .banner-cont .btn {
    margin-top: 30px;
}
.service-sce1{
    padding-top: 50px;
    padding-bottom: 100px;
}
.service-sce1 .serv_areas ul{
    padding-top: 5px;
    padding-bottom: 20px;
}
.service-sce1 .serv_areas strong{
    font-style: normal;
    font-weight: 600;
    font-size: var(--text_cont);
    text-transform: capitalize;
    color: #302F4E;
}
.areas_weserv.service-sce1 .sec-head h2{
    line-height: 1.05;
}
.service-sce1 .serv_areas ul li{
        width: 40%;
        margin-bottom: 26px;

}
.service-sec2{
    padding:90px  0px;
}
.service-sec2 h2{    
    font-size: var(--heading_2);
    font-weight: 700;
    letter-spacing: -0.96px;
    text-transform: capitalize;
    line-height: 1.14;
    color: #1E1D39;
    margin-bottom: 135px;
   
}
.painting-list h3{
    font-weight: 400;
    font-size: var(--heading_3);
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #1E1D39;
    margin-bottom: 20px;
}
.painting-list p{
    font-weight: 500;
    font-size: 16px;
/*    text-transform: capitalize;*/
    color: #353535;
    line-height: 1.4;

}
.painting-list li{
    position: absolute;
   
}
.painting-list li:after{
     content: '';
        position: absolute;
     width: 81px;
     height:81px;
     border-radius: 50%;
}
.painting-list li:nth-child(1) {
    left: -5.6%;
    top: 18.5%;
    width: 366px;
    text-align: right;
}
.painting-list li:nth-child(1):after{   
    top: 5px;
    right: -100px;
    background:#EE8968 url(images/Trusted.svg) no-repeat center; 
}
.painting-list li:nth-child(2) {
    right: -55px;
    top: 18.5%;
    width: 380px;
    text-align: left;
}
.painting-list li:nth-child(2):after{   
    top: 5px;
    left: -100px;
    background:#EE8968 url(images/Quality-count.svg) no-repeat center; 
}

.painting-list li:nth-child(3) {
    left: -5.6%;
    top: 62%;
    width: 366px;
    text-align: right;
}
.painting-list li:nth-child(3):after{   
    top: 3px;
    right: -100px;
    background:#EE8968 url(images/Personalize.svg) no-repeat center; 
}
.painting-list li:nth-child(4) {
    right: -55px;
    top: 62%;
    width: 380px;
    text-align: left;
}
.painting-list li:nth-child(4):after{   
    top: 3px;
    left: -100px;
    background:#EE8968 url(images/Comprehensive.svg) no-repeat center; 
}

.painting-list li:nth-child(2) p,
.painting-list li:nth-child(4) p{
    max-width: 355px;
}
.service-sec2 .brxe-text-basic{
    padding-top: 170px;
    color: #353535;
    font-weight: 600;
    font-size: var(--text_cont);
   line-height: 1.3;
    max-width: 1150px;
    margin: 0 auto;
    text-transform: capitalize;
}
.service-sec3 .brxe-text-basic{
     font-size: var(--text_cont);
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    padding-top: 15px;
    padding-bottom: 25px;
}
.testimoinoal-sec .sec-head h2{
   margin-bottom: 15px; 
}
.testimoinoal-sec .brxe-text p strong{
    text-transform: capitalize; 
    color: #1E1D39;
     font-weight: 600;
}
.service-sec3 .brxe-container{
    max-width: 1400px;
}

.service-sec3 .foote_form{
    max-width: 550px;
}
.testimoinoal-sec {
    background-color: #fff;
     padding: 90px 0px 97px;
}
.testimonial-outer {
    margin-top: 70px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    row-gap: 30px;
}
.testimonial-tp {
    border-radius: 30px;
    background: #fff;
    padding: 75px 39px 22px;
    width: auto;
    position: relative;
    box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.10), 0px 4px 0px 0px #B7431D inset;
    margin: 0 14px;
    min-height: 375px;
}
.testimonial-item {
    width: 100%;
}
.testimonial-btm {
   background: #B7431D;
    border-radius: 0 0 30px 30px;
    /* min-height: 259px; */
    margin-top: -152px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 174px 14px 40px;
}
.testimonial-btm-rt h5 {
    color: #fff;
    font-size: var(--heading_6);
    line-height: 1;
    font-family: "Montserrat" !important;
}
.testimonial-btm-rt span {
    color: #fff;
    font-size: var(--text_cont);  
    text-transform: capitalize;
        font-weight: 500;
}
.circlr-user {
    background: #302F4E;
    color: #fff!important;
    width: 45px;
    height: 45px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 24px;
    color: var(--primary-color-orange);
    text-transform: uppercase;
}
.testimonial-btm-lt {
    margin-right: 15px;
}
.testimonial-btm-rt {
    margin-bottom: -5px;
}
.testimonial-tp p {
    font-size: 17px;
    font-style: italic;
    font-weight: 500; 
    line-height: 1.78;
    color: #353535;
/*    text-transform: capitalize;*/
}
/*.testimonial-cont:after {
    position: absolute;
    content: "";
    background-image: url(images/quote.svg);
    width: 50px;
    height: 50px;
    left: 0;
    top: -30px;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: contain;
}*/

.testimonial-tp:after {
    position: absolute;
    content: "";
    background-image: url(https://staging.piperfamilypainting.com/wp-content/themes/bricks-child/images/quote.svg);
    width: 50px;
    height: 50px;
    left: 40px;
    top: 43px;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: contain;
}
.testimonial-outer .owl-dots{
    margin-top: 40px;
}
.testimonial-cont {
    position: relative;
    z-index: 1;
}
.footer_cta_sec.service-footer-sec h3{
       padding-top: 5px;
}
.service-footer-sec .brxe-text p{
    line-height: 32px!important;
    padding-top: 5px;
    margin-bottom: 25px;
    margin-right: -30px;
}
.footer_cta_sec.service-footer-sec{
    margin-bottom: -110px
}

.owl-dots {
    display: block;
    text-align: center;
    margin-top: 20px;
}
button.owl-dot {
    width: 10px;
    height: 10px;
    background:#999!important;
    border-radius: 50px;
    margin: 0px 5px;
}
button.owl-dot.active {
    background: #B7431D !important;
}
.residential-ser1 h4{
     font-size: var(--heading_3);
    margin-top: 40px;
    margin-bottom: 25px;
    color: #1E1D39;
    letter-spacing: -0.9px;
}
.residential-banner .banner-cont .btn {
    margin-top: 10px;
}
.residential-ser2 .sec-head .caption,.residential-ser2 .sec-head h2,.residential-ser2 .sec-head p{
    color: #ffffff!important;
}
.residential-ser2 .sec-head p{
    max-width: 995px;
    margin: 0 auto;
    text-transform: inherit;
    text-align: center;

}
.residential-ser2 {
    padding-top: 30px;
}
 .painting-serv4.residential-ser4 .van_image{
        margin-top: 10px!important;
    }
 .painting-serv4.residential-ser4 .brxe-block{
            padding-top:0px!important;
    }
    
    .residential-ser3 .painting-list li:nth-child(1):after{   
    top: 5px;
    right: -100px;
    background:#EE8968 url(images/Residential.svg) no-repeat center; 
}

.residential-ser3 .painting-list li:nth-child(2):after{   
    top: 5px;
    left: -100px;
    background:#EE8968 url(images/Licensed.svg) no-repeat center; 
}


.residential-ser3 .painting-list li:nth-child(3):after{   
    top: 3px;
    right: -100px;
    background:#EE8968 url(images/family.svg) no-repeat center; 
}

.residential-ser3 .painting-list li:nth-child(4):after{   
    top: 3px;
    left: -100px;
    background:#EE8968 url(images/Satisfaction.svg) no-repeat center; 
}
.residential-ser3 .painting-list li:nth-child(1),.residential-ser3 .painting-list li:nth-child(2){
        top: 25.5%;
}
.residential-ser3 .painting-list li:nth-child(3),.residential-ser3 .painting-list li:nth-child(4){
        top: 77%;
}
.service-sec2.residential-ser3 h2 {
    margin-bottom: 25px;
    max-width: 1310px;
    width: 1310px !important;
     margin-left: -50px
}
.service-sec2.residential-ser3 .brxe-text{
         max-width: 1165px;
    margin: 0 auto;
    margin-bottom: 160px;
}
.service-sec2.residential-ser3 .brxe-text p:not(.painting-list .brxe-text p) {
    line-height: 1.5;
      font-size: var(--text_cont); 

}
.residential-ser2 .serv_paint-block{
    background: #ffffff;
}

.inner_pagebanner.residential-banner{
    padding-top:220px;
    padding-bottom: 280px;
}
.residential-ser3 .painting-list h3{
        line-height: 1.2;
        margin-bottom: 10px
}


/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 6px;
}
 
::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #6d6d6d; 
}

.stucco-list li:nth-child(5) {
    top: 100%;
    left: 0;
    right: 0;
    width: 40%;
    margin: 0 auto;
}
.stucco-list li:nth-child(5):after{   
    top: -90px;
    left: calc(58% - 75px);
    background:#EE8968 url(images/Trusted.svg) no-repeat center; 
}
/* Responsive Start */

@media screen and (max-width:1700px){

    .service-sce1{
            padding-bottom: 90px;
    }
    .service-sec2 {
        padding: 85px 0px;
    }
    .service-sec3 .brxe-container {
        max-width: 1375px!important;
    }
    .service-sec2 h2{
        margin-bottom: 115px;
    }
    .service-sec2 .brxe-text-basic{
        padding-top: 150px;
    }
    .testimoinoal-sec{
        padding: 85px 0px 90px;
    }

    .circlr-user {
        width: 42px;
        height: 42px;
    }
}

@media screen and (max-width:1600px){
    .inner-ban-shadow:after{
        background: linear-gradient(270deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.735067) 70%, rgba(0, 0, 0, 0.85) 100%); 
    }
    .testimonial-outer {
        margin-top: 60px;
    }

    .testimonial-tp p{
        font-size: 16px;
        line-height: 1.75;
    }
    .service-footer-sec .brxe-text p{
            line-height: 30px!important;
            padding-top: 0;
    }
    .paint-main-img img{
        width: 420px;
    }

    .inner_pagebanner.residential-banner {
        padding-top: 200px;
        padding-bottom: 250px;
    }

    .residential-ser1 h4{
        letter-spacing: normal;
    }
  

}

@media screen and (max-width:1590px){
    .service-sec2 .brxe-container {
        max-width: 1200px!important;
    }
     .service-sec3 .brxe-container {
        max-width: 1250px!important;
    }
    .painting-list h3{
        margin-bottom: 16px;
    }
    .painting-list li:after{
        width: 75px;
        height: 75px;
    }
    .service-sec2 .brxe-text-basic {
        padding-top: 130px;
    }
    .painting-list li:nth-child(3),
    .painting-list li:nth-child(4){
            top: 66%;
    }
      .testimoinoal-sec {
        padding: 75px 0px 85px;
    }
    .service-footer-sec .brxe-text p{
        margin-bottom: 20px;
        margin-right: 0px;
    }
    .paint-main-img img{
        width: 400px;
    }
   .inner_pagebanner.residential-banner {
        padding-top: 180px;
        padding-bottom: 230px;
    }
     .service-sec2.residential-ser3 h2{
        max-width: 1250px;
        width: 1250px !important;
    }
}

/*1366*/
@media screen and (max-width:1420px){

      .service-sce1 {
        padding-top: 40px;
        padding-bottom: 70px;
    }
   .service-sec2 .brxe-container {
        max-width: 1175px !important;
    }
    .service-sec3 .brxe-container {
        max-width: 1200px !important;
    }

    .paint-main-img img{
        width: 380px;
    }
    .painting-list li:after {
        width: 70px;
        height: 70px;
        background-size: 60% 60%!important;
    }
     .painting-list li:nth-child(1),
     .painting-list li:nth-child(3){
          left: -3.6%;
     }
    .painting-list li:nth-child(1):after,
    .painting-list li:nth-child(3):after
    {
          
            right: -90px;
    }
    .painting-list li:nth-child(2),
     .painting-list li:nth-child(4){
          right: -36px;
     }
    .painting-list li:nth-child(2):after,
    .painting-list li:nth-child(4):after
    {
          
            left: -90px;
    }


    .testimonial-tp:after {
        width: 40px;
        height: 40px;
        top: 40px;
        left: 30px;
    }
     .testimonial-outer {
        margin-top: 50px;
    }
    .inner_pagebanner.residential-banner {
        padding-top: 150px;
        padding-bottom: 200px;
    }
    .residential-ser1 h4{
        margin-top: 30px;
        margin-bottom: 15px;
    }


    .residential-ser3 .painting-list li:nth-child(1), .residential-ser3 .painting-list li:nth-child(2) {
        top: 28.5%;
    }
       

}

@media screen and (max-width:1350px){

      .service-sec2 h2 {
        margin-bottom: 95px;
    }
    .paint-main-img img {
        width: 350px;
    }
        .painting-list li:after {
        width: 65px;
        height: 65px;
        background-size: 55% 55% !important;
    }
        .painting-list li:nth-child(1), .painting-list li:nth-child(3) {
        left: -2.5%;
    }


        .painting-list li:nth-child(2), .painting-list li:nth-child(4) {
            right: -25px;

    }
   .residential-ser3 .painting-list li:nth-child(2),.residential-ser3 .painting-list li:nth-child(4) {
            right: -15px;

    }
        .painting-list li:nth-child(3), 
        .painting-list li:nth-child(4) {
        top: 64%;
    }
    .service-sec2 .brxe-text-basic{
            max-width: 1020px;
    }
   .testimoinoal-sec {
        padding: 65px 0px 75px;
    }
      .service-sec3 .brxe-container {
        max-width: 1200px !important;
    }
    .service-sec2.residential-ser3 h2 {
        max-width: 100%;
        width: 100% !important;
        margin-left: 0;
    }
}


@media screen and (max-width:1200px){

    .inner-ban-shadow:after {
        background: linear-gradient(270deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.735067) 45%, rgba(0, 0, 0, 0.85) 100%);
    }

    .paint-main-img img {
            width: 300px;
    }
        .painting-list li:nth-child(2), .painting-list li:nth-child(4) {
            right:0px;
     }
      .painting-list li:nth-child(1), .painting-list li:nth-child(3) {
        left: 0;
    }
    .painting-list li:nth-child(3), .painting-list li:nth-child(4) {
        top: 62%;
    }
    .painting-list li:nth-child(1), .painting-list li:nth-child(2){
        top: 15.5%;
    }
    .service-sec2 .brxe-text-basic {
        padding-top: 160px;
    }
      
    .testimonial-tp{
        padding: 65px 30px 25px;
    }
     .circlr-user {
        font-size: 22px;
    }
      .service-sec3 .brxe-container {
        max-width: 1080px !important;
    }
    .painting-list li:after {
        width: 60px;
        height: 60px;
        background-size: 50% 50% !important;
    }
    .painting-list li:nth-child(1):after, .painting-list li:nth-child(3):after {
        right: -75px;
    }
        .painting-list li:nth-child(2):after, .painting-list li:nth-child(4):after {
        left: -75px;
    }

    .residential-ser3 .painting-list li:nth-child(2):after,.residential-ser3 .painting-list li:nth-child(4):after{
            left: -80px;
    }
    .residential-ser3 .painting-list li:nth-child(1):after,.residential-ser3 .painting-list li:nth-child(3):after{
        right: -80px;
    }
    .service-sec2.residential-ser3 .brxe-text{
            margin-bottom:110px;
    }
    .residential-ser3 .painting-list li:nth-child(1), .residential-ser3 .painting-list li:nth-child(2) {
        top: 29.5%;
    }
        
         .residential-ser3 .painting-list li:nth-child(1) p, .residential-ser3 .painting-list li:nth-child(3) p{
            padding-left: 15px;
        }
     .inner_pagebanner.residential-banner {
        padding-top: 130px;
        padding-bottom: 160px;
    }
    .residential-ser3 .painting-list li:nth-child(2), .residential-ser3 .painting-list li:nth-child(4) {
        right: 0;
    }
   
}
@media screen and (max-width:1150px){
   .painting-list li:nth-child(1), .painting-list li:nth-child(2){
        top: 16.5%;
   }
       .service-sec2 .brxe-text-basic {
        max-width: 940px;
    }
    .residential-ser3 .painting-list li:nth-child(2):after, 
    .residential-ser3 .painting-list li:nth-child(4):after {
        left: -70px;
    }
    .residential-ser3 .painting-list li:nth-child(1):after, .residential-ser3 .painting-list li:nth-child(3):after {
        right: -70px;
    }
    .residential-ser3 .painting-list li:nth-child(3), .residential-ser3 .painting-list li:nth-child(4) {
        top: 81%;
    }
}
@media screen and (max-width:1050px){
    .painting-list li{
        width: 325px!important;
    }
   .painting-list li:nth-child(2) p, .painting-list li:nth-child(4) p {
        max-width: 300px;
    }

     .painting-list li:nth-child(3) p, .painting-list li:nth-child(1) p {
        padding-left: 10px;
    }

    .service-sec2.residential-ser3 h2 {
        margin-bottom: 15px;
    }

     .service-sec2.residential-ser3 .brxe-text {
        margin-bottom: 124px;
    }
    .service-sec2.residential-ser3{
            padding-bottom: 110px;
    }
}

@media screen and (max-width:991px){

     .service-sec3 .brxe-container,
     .service-sec2 .brxe-container {
        max-width: 760px !important;
    }
    .service-sec2 {
        padding: 60px 0px;
    }

   
    .service-sec2 h2 {
        margin-bottom: 40px;
    }
    .service-sec2 .brxe-text-basic {
        padding-top: 55px;
    }
    .painting-list li:after {
        width: 50px;
        height:50px;      
    }

    .painting-list li {
        position: relative;
    }
    .painting-list{
        width: 100%;
    }
    .painting-list li{
        text-align: left!important;
        padding-left:65px!important;
        width: 100%!important;
        margin-top: 35px;
       
    }
     .painting-list li p{
         max-width: 100%!important;
                 padding-left:0px!important;
     }
    .painting-list li:after{
        left: 0px!important;
       top: 0px !important;
    }
     .painting-list h3 {
        margin-bottom: 10px;
    }
     .footer_cta_sec .sec-head .brxe-text {
        max-width: 100%;
    }
    .footer_cta_sec.service-footer-sec {
        margin-bottom: -50px;
    }
        .testimonial-item {
        width: 100%;
    }
    .testimonial-outer .owl-stage-outer {
        padding-bottom: 20px;
    }
    .service-sce1 .serv_areas ul{
        padding-bottom: 15px;
    }
    .service-sec3 .brxe-text-basic{
        padding-top: 5px;
        padding-bottom: 15px;
    }
   .service-sce1 {
        padding-top: 35px;
        padding-bottom: 60px;
    }
    .service-sec2 .brxe-text-basic{
        font-size: 16px;
    }
     .service-footer-sec .brxe-text p {
        line-height: 28px !important;
    }
       .service-sec2.residential-ser3 .brxe-text {
        margin-bottom: 45px;
    }
     

    .residential-ser3 .painting-list h3 br{
        display: none;
    }

    .inner_pagebanner.residential-banner {
        padding-top: 100px;
        padding-bottom: 120px;
    }
    .residential-ser2 .sec-head p {
        max-width: 760px;
        margin-bottom: 25px;
    }
      .service-sec2.residential-ser3 .brxe-text {
        margin-bottom: 35px;
    }
      .service-sec2.residential-ser3 {
        padding-bottom: 15px;
    }
    .areas_weserv p{
            max-width: 100%;
    }

 }
 @media screen and (max-width:768px){
    .testimonial-item {
    max-width: 400px;
    margin: auto;
}
 }
 @media screen and (max-width:767px){
    .testimonial-outer .owl-dots {
    margin-top: 20px;
}
    .testimoinoal-sec {
        padding: 60px 0px 50px;
    }
    .service-sce1 {
        padding-top: 40px;
        padding-bottom: 50px;
    }
      .inner_pagebanner.residential-banner {
        padding-top: 90px;
        padding-bottom: 110px;
    }

.testimonial-cont {
    height: auto;
    overflow: visible;
    padding-right: 0;

}

 }


  @media screen and (max-width:640px){


 }

   @media screen and (max-width:600px){
        .service-sce1 {
            padding-top: 35px;
            padding-bottom: 50px;
        }
       .service-sec2 {
        padding: 50px 0px;
    }

    .testimonial-tp{

        min-height: auto;
    }


 }

   @media screen and (max-width:533px){
        .service-sec2 .brxe-text-basic {
        padding-top: 40px;
    }
     .residential-ser2 .sec-head p {
       
        margin-bottom:35px;
    }
     .inner-ban-shadow:after {
        background: linear-gradient(270deg, rgba(0, 0, 0, 0) -50%, rgba(0, 0, 0, 0.735067) 80%, rgba(0, 0, 0, 0.85) 100%);
    }


 }

   @media screen and (max-width:480px){
    .testimoinoal-sec {
        padding: 55px 0px 40px;
    }

    .painting-list li:after {
        width: 45px;
        height: 45px;
                background-size: 60% 60% !important;
    }

    .owl-dots{
        margin-top: 15px;
    }
    .inner_pagebanner.residential-banner {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .painting-list li{
          margin-top: 30px;
        padding-left: 60px !important;
    }
    .residential-ser1 h4 {
        margin-top: 22px;
        margin-bottom: 12px;
    }
.testimonial-item{
        max-width: 100%;
}

 }

 @media screen and (max-width:440px){
    .service-sce1 .serv_areas ul li{
        width: 100%;
    }


    .service-sce1 .serv_areas ul li{
            margin-bottom: 16px;
    }
    .service-sec2 {
        padding: 45px 0px;
    }
 }