table, div {font-family: "Plus Jakarta Sans", sans-serif; font-size: 16px; color: #000; line-height: 26px;}

.navbar{border-bottom: 1px solid rgba(0, 0, 0, 0.2);}

#content .row-am {padding: 60px 0;}

.home-ban .ban-text{background: #FFF; padding: 60px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.home-ban .ban-text .container{position: relative}
.home-ban .ban-text .h1{font-family: Plus Jakarta Sans; font-weight: 800; font-size: 70px; line-height: 60px; color: #F37024; margin: 0 0 20px;}
.home-ban .ban-text .h1 span{font-weight: 800; font-size: 50px; line-height: 60px; color: #000000 !important; display: block; border-right: none !important;}
.home-ban .ban-text h4{font-family: Plus Jakarta Sans; font-weight: 400; font-size: 24px; color: #000000; margin: 0 0 30px;}
.home-ban .ban-text h1 span:first-child:after{display: none}

ul.tabs li{font-family: Plus Jakarta Sans; font-weight: 600; font-size: 18px; text-align: center; text-transform: uppercase; border: none; margin: 0; padding-right: 20px;}
ul.tabs li a {color: #949494}
ul.tabs li.current a{color: #F37024; border-bottom: 1px solid #F37024}
ul.tabs li.current a::after{display: none}
.tab-content{margin-top: 10px}

.search-box-ban{border: 1px solid #F3702466; background: #F3702412; padding: 20px;}
.search-box-ban .form-group label{font-weight: 700; font-size: 18px; color: #000}
.search-box-ban .select2-container--default .select2-selection--single .select2-selection__placeholder{font-weight: 400; font-size: 16px; color: #616161}
#search_form .btn span{font-weight: 400; font-size: 16px; color: #616161}
.search-box-ban button[type="submit"]{font-weight: 700; font-size: 22px; color: #FFF; width: auto; margin: 0; height: 55px; padding: 0 50px;}
.select2-container--default .select2-selection--single{background: transparent !important}

ul.ban-sub-link li{font-weight: 400; font-size: 18px; color: #000000}
ul.ban-sub-link li a:hover, ul.ban-sub-link li a.active{color: #F37024}

.verified-contractors{width: 258px; position: absolute; text-align: center; right: 0; top: 0;}
.verified-contractors img{width: auto}
.home-ban .ban-text .verified-contractors h4{font-weight: 700; font-size: 24px; text-align: center; color: #000; margin: 0}
.verified-contractors p{margin: 0; font-weight: 400; font-size: 16px; text-align: center; color: #707070}

.how-works h2{font-weight: 700; font-size: 35px; text-align: center; text-transform: uppercase; color: #F37024; margin-bottom: 10px;}
.how-works h4{font-weight: 400; font-size: 16px; text-align: center; color: #000}
.how-works ul{list-style: none; margin: 50px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 2%;}
.how-works ul li{list-style: none; margin: 0; width: 32%; position: relative; display: flex; gap: 20px; position: relative}
.how-works ul li:after{background: url(../images/usp-line.png) no-repeat center center; width: 80px; height: 19px; position: absolute; right: -80px; content: ''; bottom: 70px;}
.how-works ul li:last-child:after{display: none}
.how-works ul li .icon{border: 1px solid #F37024; border-radius: 50%; width: 100px; height: 100px; position: relative; display: flex; align-items: center; justify-content: center;}
.how-works ul li .icon span{background: #6B3767; width: 33px; height: 33px; border-radius: 50%; color: #FFF; font-weight: 700; font-size: 16px; text-align: center; line-height: 33px; position: absolute; right: 0; top: 0;}
.how-works ul li .text{width: calc(100% - 133px)}
.how-works ul li h5{font-weight: 700; font-size: 22px; color: #000; margin: 0 0 10px;}
.how-works ul li:after{width: 80px; height: 19px; background: url(../images/usp-line.png) no-repeat center center; position: absolute; right: 0; bottom: 0; content: '';}

.popular-services h2{margin: 0 0 30px;}

.testimonial{background: #F370241A; padding: 80px 0 !important;}
.testimonial ul{margin: 0}
.testimonial .left{background: none; width: 30%;}
.testimonial .left img{width: 100%;}
.testimonial .right{width: 65%; font-weight: 400; font-size: 20px; line-height: 32px; color: #000; text-align: left;}
.testimonial .right h3{font-weight: 700; font-size: 40px; color: #F37024}
.testimonial .right h4{font-weight: 700; font-size: 22px; color: #000; padding: 0}
.testimonial .right p{font-weight: 400; font-size: 20px; line-height: 32px; color: #000;}
.testimonial .right .name{font-weight: 400; font-size: 18px; line-height: 28px; color: #9A9A9A; padding: 0}
.testimonial .right .name span{font-weight: 700; font-size: 18px; line-height: 28px; color: #000}
.testimonial .bx-wrapper .bx-pager{display: none}
.testimonial .bx-controls-direction{display: block}
.testimonial .bx-wrapper .bx-controls-direction a{width: 36px; height: 36px; top: auto;}
.testimonial .bx-wrapper .bx-prev {left: auto; right: 50px; background: url(../images/prev-arrow.png) no-repeat 0 0;}
.testimonial .bx-wrapper .bx-next {right: 0; background: url(../images/next-arrow.png) no-repeat 0 0;}

.home-faq .phone {font-size: 28px;}

.popular-services{background: #F3702412;}
.popular-services h2{font-weight: 700; font-size: 35px; text-align: center; text-transform: uppercase; color: #F37024; margin-bottom: 10px;}
.popular-services h4{font-weight: 400; font-size: 16px; text-align: center; color: #000; margin: 0 0 30px;}
.popular-services .box{padding: 0 !important; border-radius: 20px; border: 1px solid #D7C3B8}
.popular-services .box .service-img img{border-radius: 20px 20px 0 0; width: 100%; height: auto;}
.popular-services .box .service-content{padding: 20px; position: relative}
.popular-services .box h4{font-weight: 700; font-size: 24px; line-height: 29px; color: #000; display: flex; align-items: center; gap: 20px; text-align: left}
.popular-services .box h4 .icon{background: #F370241A; border: 1px solid #F3702480; width: 54px; height: 54px; border-radius: 22px; display: flex; align-items: center; justify-content: center;}
.popular-services .box h4 span{width: 50%;}
.popular-services .box .tag{border-bottom: 1px solid #C9C9C9; padding-bottom: 15px; text-align: left;}
.popular-services .box .tag img{display: inline-block}
.popular-services .box .tag a{font-weight: 400; font-size: 16px; line-height: 25px; color: #000000}
.popular-services .box .tag a img{position: relative; margin-right: 5px; top: -2px;}
.popular-services .box .btn{width: auto; font-weight: 700; font-size: 16px; text-align: center; color: #FFF; padding: 0 30px}
.popular-services .box .verified{font-weight: 400; font-size: 16px; line-height: 25px; color: #10AA39; position: absolute; right: 20px; display: flex; gap: 10px; align-items: center; top: 36px}
.popular-services .bx-wrapper .bx-controls-direction a{width: 36px; height: 36px; top: 50%; border: 1px solid #CDCDCD;}
.popular-services .bx-wrapper .bx-prev {left: -50px; background: url(../images/prev-arrow.png) no-repeat 0 0;}
.popular-services .bx-wrapper .bx-next {right: -50px; background: url(../images/next-arrow.png) no-repeat 0 0;}

.trusted-journey h2{font-weight: 700; font-size: 35px; text-align: center; text-transform: uppercase; color: #F37024; margin-bottom: 10px;}
.trusted-journey h4{font-weight: 400; font-size: 16px; text-align: center; color: #000}
.trusted-journey img{margin: 0 0 20px;}
.trusted-journey ul{list-style: none; margin: 40px 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 2%;}
.trusted-journey ul li{list-style: none; margin: 0 0 20px; width: 32%; text-align: center; position: relative}
.trusted-journey ul li:after{background: url(../images/trusted-journey-arrow.png) no-repeat center center; width: 135px; height: 18px; position: absolute; right: -80px; content: ''; top: 70px;}
.trusted-journey ul li:nth-child(3):after, .trusted-journey ul li:last-child:after{display: none}
.trusted-journey ul li img{margin: 0 auto 20px; display: block;}
.trusted-journey ul li span{font-weight: 400; font-size: 20px; line-height: 30px; text-align: center; text-decoration: underline; color: #000}
.trusted-journey ul li h4{font-weight: 700; font-size: 20px; line-height: 30px; text-align: center; color: #000; margin: 10px 0}
.trusted-journey ul li h5{font-weight: 400; font-size: 20px; line-height: 30px; text-align: center; color: #000; margin: 0}

.trusted-journey .professionals{text-align: center; background: #F3702412; padding: 40px; margin: 30px 0 0}
.trusted-journey .professionals span{display: block; font-weight: 400; font-size: 18px; line-height: 32px; text-align: center; color: #000}
.trusted-journey .professionals .orange-btn{display: inline-block; font-weight: 700; font-size: 22px; text-align: center; color: #FFF; margin: 30px 0 0}

.select-style{background: none}

#search_form .btn {width: 96%;}
.search-box-ban .select2-container {width: 96% !important;}
#search_form .btn .caret {color: #616161 !important;}
.caret{border-top: 8px dashed;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #616161 transparent transparent transparent; border-width: 5px 8px 0 4px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{background: url(../images/select-arrow.png) no-repeat center center !important; width: 10px !important; height: 8px !important; border: none !important}
#search_form .btn span.caret{background: url(../images/select-arrow.png) no-repeat center center !important; width: 10px !important; height: 8px !important; border: none !important}
.search-box-ban .form-group{margin: 0 0 0 10px}
.popular-services .box .service-img {margin-bottom: 0;}

.services{text-align: center}
.services h2{font-weight: 800; font-size: 40px; line-height: 60px; color: #000}
ul.services-menu{text-align: center}
ul.services-menu li{float: none; display: inline-block}
ul.services-menu li{border: 1px solid #0000004D; line-height: 40px; height: 42px; font-weight: 600; font-size: 18px; color: #848484; padding: 0 20px; margin: 0 10px; min-width: 151px;}
ul.services-menu li:hover, ul.services-menu li.active{background: #F37024; border: 1px solid #F37024; color: #FFF}
.service-content ul{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 2%;}
.service-content ul li{list-style: none; width: 32%; border: 1px solid #D7C3B8; border-radius: 20px; padding: 20px; margin: 0 0 20px}
.service-content ul li h4{font-weight: 700; font-size: 24px; line-height: 29px; color: #000; display: flex; align-items: center; gap: 20px; text-align: left}
.service-content ul li h4 .icon{background: #F370241A; border: 1px solid #F3702480; width: 54px; height: 54px; border-radius: 22px; display: flex; align-items: center; justify-content: center;}
.service-content ul li h4 span{width: 80%; word-wrap: break-word;}
.service-content ul li .service-img{margin: 0 0 20px;}
.service-content ul li .service-img img{border-radius: 100px;border-radius: 100px; height: 150px; object-fit: cover; width: 100%;}
.service-content ul li ul{display: block;}
.service-content ul li ul li{width: 100%; border: none; text-align: left; padding: 0; border-radius: 0; font-weight: 400; font-size: 16px; line-height: 40px; color: #000; border-bottom: 1px solid #D2D2D2; margin: 0}
.service-content ul li ul li span{float: right; position: relative; top: 5px;}
.service-content ul li ul li a{color: #000; float: none}
.service-content ul li ul li a:hover{color: #F37024}
.service-content ul li ul li a.more{text-transform: uppercase; font-weight: 600; color: #000; font-size: 16px;}

.best-quote {padding-top: 0 !important;}

.breadcrumb{margin-bottom:15px; color:#000; padding: 0; background: #FFF;}
.breadcrumb span{margin: 0 8px;} 
.breadcrumb a{color:#787878;} 
.breadcrumb a:hover{color:#333;}

.services-detail .left{width: 68%;}
.services-detail .left .property{display: flex; flex-wrap: wrap; gap: 20px; margin: 0 0 20px}
.services-detail .left .property .img{background: #000000; border-radius: 20px; padding: 10px; width: 166px;}
.services-detail .left .property .text{}
.services-detail .left .property .text h2{font-family: Plus Jakarta Sans; font-weight: 700; font-size: 30px; line-height: 34px; color: #000; text-transform: none;}
.services-detail .left .property .text ul{list-style: none; margin: 0; padding: 0}
.services-detail .left .property .text ul li{list-style: none; margin: 0; font-size: 16px ; line-height: 32px; font-weight: 500}
.services-detail .left .property .text ul li img{margin-right: 6px;}
.services-detail .left .property .text ul li a{color: #000}
.services-detail .left .property .text ul li a:hover{color: #999}
#content .services-detail .left h3{font-family: Plus Jakarta Sans; font-weight: 700; font-size: 25px; line-height: 27px; color: #000; margin: 0 0 20px;}
.services-detail .left .tag{display: flex; gap: 10px; flex-wrap: wrap; margin: 0 0 20px;}
.services-detail .left .tag span{background: #FFFFFF; border: 1px solid #00000033; line-height: 30px; border-radius: 140px; display: inline-block; padding: 0 15px;}
.services-detail .left .tag span:hover{background: #F37024; color: #FFF; border: 1px solid #00000033;}
.services-detail .left .gallery{margin: 0 0 30px;}
.services-detail .left .gallery ul{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 2%;}
.services-detail .left .gallery ul li{list-style: none; margin: 0; width: 32%; margin-bottom: 20px;}
.services-detail .left .gallery ul li img{border-radius: 20px; width: 100%;}
.services-detail .left .get-quote{background: #F37024 url(../images/quote-icon.png) no-repeat right bottom; border-radius: 20px; padding: 20px; color: #FFF; display: flex; flex-wrap: wrap; gap: 20px;}
.services-detail .left .get-quote .icon{width: 80px; height: 80px; background: #FFF; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.services-detail .left .get-quote .text{color: #FFF; width: calc(100% - 100px)}

.services-detail .right{width: 28%; background: #F370240D; border: 1px solid #D7C3B8; padding: 20px; border-radius: 20px; text-align: center}
.services-detail .right ul{list-style: none; margin: 20px 0; padding: 0} 
.services-detail .right ul li{list-style: none; margin: 0; font-family: Plus Jakarta Sans; font-weight: 700; font-size: 20px; line-height: 55px; color: #000; border-bottom: 1px solid #00000033; text-align: left}
.services-detail .right ul li img{position: relative; margin-right: 8px;}
.services-detail .right ul li span{float: right; } 
.services-detail .right .orange-btn{display: inline-block; width: 100%; font-family: Plus Jakarta Sans; font-weight: 700; font-size: 20px; text-align: center;}

.white-btn {padding: 0 20px; line-height: 38px; height: 42px; background: #FFF; color: #f37024; border: none; cursor: pointer; font-weight: 600; border: 2px solid #f37024; transition: all .4s ease-in-out;  border-radius: 10px; display: inline-block}
.white-btn:hover{background: #000; color: #FFF;}

.card {
  margin-bottom: 1rem;
}

.list-view .row > [class*=col-] {
  max-width: 100%;
  flex: 0 0 100%;
}
.list-view .card {
  flex-direction: row;
}
@media (max-width: 575.98px) {
  .list-view .card {
    flex-direction: column;
  }
}
.list-view .card > .card-img-top {
  width: auto;
}
.list-view .card .card-body {
  display: inline-block;
}

.orange-btn{display: inline-block}

.business-list{}
.business-list .btn-grid, .business-list .btn-list{border: none; padding: 0; background: transparent; cursor: pointer}

.business-list .grid-container{position: relative} 
.business-list .btn-group{position: absolute; right: 0; top: 0;}
.business-list h2{font-family: Plus Jakarta Sans; font-weight: 700; font-size: 30px; line-height: 34px; color: #000; text-transform: none;}
.business-list .card{background: #FFFFFF; border: 2px solid #D7C3B8; border-radius: 20px; flex-wrap: wrap;}
.business-list .card .box{padding: 20px;}
.business-list .card .box .property{display: flex; flex-wrap: wrap; gap: 20px; margin: 0 0 20px}
.business-list .card .box .property .img{background: #000000; border-radius: 20px; padding: 10px; width: 80px; height: 80px;}
.business-list .card .box .property .img img{width: 100%; height: 100%; object-fit: cover;}
.business-list .card .box .property .text {width: calc(100% - 100px);} 
.business-list .card .box .property .text h2{font-family: Plus Jakarta Sans; font-weight: 700; font-size: 21px; line-height: 27px; color: #000; text-transform: none; margin: 0 0 8px;}
.business-list .card .box .property .text ul{list-style: none; margin: 0; padding: 0}
.business-list .card .box .property .text ul li{list-style: none; margin: 0; font-size: 16px ; line-height: 32px; font-weight: 500}
.business-list .card .box .property .text ul li img{margin-right: 6px;}
.business-list .card .box .property .text ul li a{color: #000}
.business-list .card .box .property .text ul li a:hover{color: #999}
.business-list .card .box .tag{border-bottom: 1px solid #C9C9C9; border-top: 1px solid #C9C9C9; padding: 8px 0; display: flex; justify-content: space-between;}
.business-list .card .box .tag img{display: inline-block}
.business-list .card .box .tag a{font-weight: 400; font-size: 16px; line-height: 25px; color: #000000}
.business-list .card .box .tag a img{position: relative; margin-right: 5px; top: -2px;}
.business-list .card .box .review{display: flex; justify-content: space-between; margin: 0 0 10px;}
.business-list .card .box .review span{color: #787878}
.business-list .card .box .review span i{color: #F37024}
.business-list .card .box .review .verified {font-weight: 400; font-size: 16px; line-height: 25px; color: #10AA39; display: flex; gap: 10px; align-items: center; background: #10AA390F; border: 1px solid #10AA39CC;    padding: 0 15px; border-radius: 30px;}
.business-list .card .box.services-opffer{font-size: 16px; line-height: 25px; color: #000; border-bottom: 1px solid #C9C9C9}
.business-list .card .box.services-opffer span{background: #FFFFFF; border: 1px solid #00000033; line-height: 30px; border-radius: 140px; display: inline-block; padding: 0 15px;}
.business-list .card .box.services-opffer span:hover{background: #F37024; color: #FFF; border: 1px solid #00000033;}
.business-list .card .box.services-opffer h4{background: url(../images/orange-dot.png) no-repeat left top 5px; font-family: Plus Jakarta Sans; font-weight: 700; font-size: 18px; line-height: 25px; margin: 0 0 5px; color: #000; padding-left: 20px}
.business-list .card .box.more-detail{font-family: Plus Jakarta Sans; font-weight: 400; font-size: 16px; line-height: 25px; color: #787878}
.business-list .card:hover{border: 2px solid #F37024}
.business-list .card:hover .orange-btn{background: #6B3767; border: 2px solid #6B3767;}

.orange-btn:hover{background: #6B3767 !important; border: 2px solid #6B3767;}
.orange-light-btn {padding: 0 20px; line-height: 38px; height: 42px; background: rgba(243, 112, 36, 0.2); color: #f37024; border: none; cursor: pointer; font-weight: 600; transition: all .4s ease-in-out;  border-radius: 10px;}
.orange-light-btn:hover{background: #f37024; color: #FFFFFF;}

.business-list .grid-container.list-view .box{width: 33.33%}
.business-list .grid-container.list-view .box.services-opffer{background: #F370240D; border: none; border-left: 1px solid #D7C3B8; border-right: 1px solid #D7C3B8}

.box p{font-size: 16px; line-height: 25px;}

.radio-tile-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
          justify-content: center;
  margin: 2rem;
}
.radio-tile-group .input-container {
  position: relative;

}
.radio-tile-group .input-container .radio-button {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  cursor: pointer;
}
.radio-tile-group .input-container .radio-tile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  border: 2px solid #F37024;
  border-radius: 5px;
  padding: 1rem;
  background: #FFFFFF;

}
.radio-tile-group .input-container .icon svg {
  fill: #43b6b0;
  width: 3rem;
  height: 3rem;
}
.radio-tile-group .input-container .radio-tile-label {
  text-align: center;
  color: #43b6b0;
}
.radio-tile-group .input-container .radio-button:checked + .radio-tile {
  background-color: #43b6b0;
  border: 2px solid #43b6b0;
  color: white;
  -webkit-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
}
.radio-tile-group .input-container .radio-button:checked + .radio-tile .icon svg {
  fill: white;
}
.radio-tile-group .input-container .radio-button:checked + .radio-tile .radio-tile-label {
  color: white;
}

.get-quote{}
.get-quote .steps{margin: 100px 0 0; position: relative}
.get-quote .steps:before{background: #D9D9D9; height: 4px; width: 90%; position: absolute; left: 7%; top: 28px; content: '';} 
.get-quote .steps ul{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; position: relative; z-index: 1}
.get-quote .steps ul li{list-style: none; margin: 0; text-align: center}
.get-quote .steps ul li .icon{width: 58px; height: 58px; background: #B1B1B1; border-radius: 50%; margin: 0 auto 10px; display: flex; align-items: center; justify-content: center;}
.get-quote .steps ul li .icon img{width: auto}
.get-quote .steps ul li span{font-family: Plus Jakarta Sans; font-weight: 700; font-size: 16px; text-transform: uppercase; color: #F37024}
.get-quote .steps ul li.active .icon{background: #F37024}
.get-quote .steps .form{margin: 50px auto 0}
.get-quote .steps .form .col-md-6{margin-bottom: 20px;}
.get-quote .steps .form .box{background: #F370240D; border: 1px solid #D7C3B8; padding: 20px; border-radius: 20px; margin: 0 0 20px; height: 100%; width: 100%;}
.get-quote .steps .form .box h4{font-family: Plus Jakarta Sans; font-weight: 700; font-size: 26px; color: #000; margin: 0 0 10px;}
.get-quote .steps .form .box .sm{margin: 0; color: #979797}
.get-quote .steps .form .box .select{border: 1px solid #949494; background: #FFFFFF; border-radius: 30px; padding: 0 10px 0 50px; width: 100%; height: 60px; line-height: 60px; text-align: left; margin: 0 0 15px;}
.get-quote .steps .form .box .select.services{background: #FFF url(../images/services-icon.png) no-repeat center left 15px; background-repeat: no-repeat}
.get-quote .steps .form .box .select.location{background: #FFF url(../images/location-icon.png) no-repeat center left 15px; background-repeat: no-repeat}
.get-quote .steps .form .box .radio-tile-group{margin: 0; justify-content: flex-start; gap: 10px; flex-wrap: wrap;}
.get-quote .steps .form .box .radio-tile-group .input-container .radio-tile{padding: 0 20px; height: 45px; line-height: 45px; border-radius: 30px;}
.radio-tile-group .input-container .radio-tile-label{margin: 0; font-family: Plus Jakarta Sans; font-weight: 400; font-size: 18px; line-height: 30px; color: #8E8E8E; text-transform: none}
.radio-tile-group .input-container .radio-button:checked + .radio-tile{background: #F37024; border: 2px solid #F37024; }
.get-quote .steps .form .box .radio-tile-group .input-container .radio-tile .icon{display: flex; align-items: center; gap: 10px;}
.get-quote .steps .form .box .radio-tile-group .input-container .radio-tile .icon img{width: auto}
.get-quote .steps .form .box .radio-tile-group .input-container .radio-tile .icon img.normal{display: inline-block}
.get-quote .steps .form .box .radio-tile-group .input-container .radio-tile .icon img.hover{display: none}
.get-quote .steps .form .box .radio-tile-group .input-container .radio-button:checked + .radio-tile .icon img.normal{display: none}
.get-quote .steps .form .box .radio-tile-group .input-container .radio-button:checked + .radio-tile .icon img.hover{display: inline-block}
.get-quote .steps .form .btn-group{justify-content: space-between; display: flex;}

.get-quote .step2{width: calc(100% - 30px)}
.get-quote .step2 label{font-family: Plus Jakarta Sans; font-weight: 400; font-size: 20px; color: #000; display: block}
.get-quote .step2 .input{background: rgba(255, 255, 255, 1); padding: 0 10px; line-height: 50px; height: 50px; border: 1px solid rgba(201, 183, 172, 1); border-radius: 8px; width: 100%;}
.get-quote .step2 .input.textarea{height: 85px;}
.get-quote .step2 p{color: #000}
.get-quote .step2 .file-upload{text-align: left;}
.get-quote .step2 .file-upload .uplod-img-box{justify-content: left;}
.get-quote .step2 .file-upload .uplod-img-box img{width: auto;}

.file-upload {width: 100%; margin: 0; padding: 20px 0; text-align: center;}
.file-upload .c-file {font-size: 12px; line-height: 18px; margin: 0;}
.file-upload-btn {display: none; width: 100%; margin: 0; color: #fff; background: #1FB264; border: none; padding: 10px; border-radius: 4px; border-bottom: 4px solid #15824B; transition: all .2s ease; outline: none; text-transform: uppercase; font-weight: 700;}

.file-upload-btn:hover {background: #1AA059; color: #ffffff; transition: all .2s ease; cursor: pointer;}
.file-upload-btn:active {border: 0; transition: all .2s ease;}
.file-upload-content {display: none; text-align: center;}
.file-upload-input {position: absolute; margin: 0; padding: 0; width: 100%; height: 100%; outline: none; opacity: 0; cursor: pointer;}
.uplod-img-box {display: flex;  align-items: center; justify-content: center; margin-top: 15px; grid-gap: 10px; width: 100%;}
.image-upload-wrap {margin-top: 0; border: 1px solid #908C8C; position: relative; min-height: 47px; border-radius: 5px; max-width: 47px; width: 100%;}
.image-dropping,
.image-upload-wrap:hover {background-color: #f37024; border: 4px dashed #ffffff;}
.image-title-wrap {padding: 0 15px 15px 15px; color: #222;}

.search-box{margin: 20px 0 20px 30px}
.top-login .login-btn {padding: 10px 20px !important;}

.dashboard .dashboard-left{background: rgba(243, 112, 36, 0.05); border: 1px solid rgba(215, 195, 184, 1); border-radius: 10px; width: 252px; padding: 20px; height: auto}
.dashboard .dashboard-menu li.active a img:nth-child(1) {display: block;}
.dashboard .dashboard-menu li.active{border-radius: 10px;}
.dashboard .dashboard-menu li a{font-family: Plus Jakarta Sans; font-weight: 700; font-size: 18px; line-height: 60px; }
.dashboard .dashboard-right {width: calc(100% - 312px);}
.dashboard .nav-tabs{background: #FFF; padding: 0; margin: 0 0 20px; border-bottom: 4px solid #C9C9C9}
.dashboard .nav-tabs .nav-link{font-family: Plus Jakarta Sans; font-weight: 400; font-size: 18px; line-height: 30px; color: #949494}
.dashboard .nav-tabs .nav-link.active{color: #F37024; background: #FFF}
.dashboard .nav-tabs .nav-link.active:before {width: 100%; height: 4px; bottom: -5px}
.customer-dashboard-content {background: #FFF; padding: 0;}
.customer-dashboard-content .job-box{background: #F370240D; border: 1px solid #D7C3B8; border-radius: 20px; padding: 20px;}
.contractor-box{background: #FFF; border: 1px solid #D7C3B8; border-radius: 20px; padding: 20px;}
.contractor-box .name{color: #787878; color: #787878; display: flex; gap: 20px; align-items: center; margin: 0 0 20px;}
.contractor-box .name h4{font-family: Plus Jakarta Sans; font-weight: 700; font-size: 21px; line-height: 27px; color: #000; margin: 0;}
.contractor-box .name p{margin: 0; color: #787878}
.contractor-box .review{display: flex; align-items: center; justify-content: space-between; margin: 0 0 20px;}
.contractor-box .review .icon{font-family: Plus Jakarta Sans; font-weight: 400; font-size: 16px; line-height: 25px; color: #787878}
.contractor-box .review .icon i{color: #F37024; margin: 0 5px;}
.contractor-box .review span.verified{font-weight: 400; font-size: 16px; line-height: 25px; color: #10AA39; display: flex; gap: 10px; align-items: center;}
.contractor-box .tag {border-top: 1px solid #C9C9C9; padding-top: 15px; text-align: left; display: flex; justify-content: space-between;}
.contractor-box .tag a {font-weight: 400; font-size: 16px; line-height: 25px; color: #000000;}
.customer-dashboard-content .box-left {padding-right: 15px;}
.customer-dashboard-content .box-right {padding-left: 15px; overflow-y: scroll; height: auto;}
.customer-dashboard-content .job-box h3{font-family: Plus Jakarta Sans; font-weight: 700; font-size: 24px; line-height: 40px; color: #000}
.customer-dashboard-content .job-box h3 span{color: #F37024}
.customer-dashboard-content .job-box table tr td{padding: 0 !important; font-family: Plus Jakarta Sans; font-weight: 400; font-size: 16px !important; line-height: 50px !important; color: #000}
.customer-dashboard-content .job-box table tr td:first-child{font-weight: 700;}
.customer-dashboard-content .job-box table tr td .high-btn{height: 25px !important; line-height: 25px;}
.customer-dashboard-content .job-box table tr td .normal-btn{height: 25px !important; line-height: 25px;}
.customer-dashboard-content .job-box table tr td.faq{font-family: Plus Jakarta Sans; font-weight: 400; font-size: 16px !important; line-height: 30px !important; color: #000; padding: 20px 0 !important}
.customer-dashboard-content .job-box h4{font-family: Plus Jakarta Sans; font-weight: 700; font-size: 22px; line-height: 40px; color: #000; margin: 0 0 20px;}
.customer-dashboard-content .job-box table tr td .q{font-weight: bold; display: block}
.customer-dashboard-content .job-box .attachment ul{list-style: none; margin: 0; padding: 0; display: flex; gap: 10px; flex-wrap: wrap;}
.customer-dashboard-content .job-box .attachment ul li{list-style: none; margin: 0;}
.customer-dashboard-content .job-box .attachment ul li img{width: 100px; height: 100px; border-radius: 8px; border: 1px solid #C9B7AC;}

.orange-btn {padding: 0 20px; line-height: 38px; height: 42px; background: #f37024; color: #FFFFFF; border: none; cursor: pointer; font-weight: 600; border: 2px solid #f37024; transition: all .4s ease-in-out; border-radius: 10px;}
.purple-btn {padding: 0 20px; line-height: 38px; height: 42px; background: #683A65; color: #FFFFFF; border: none; cursor: pointer; font-weight: 600; border: 2px solid #683A65; transition: all .4s ease-in-out; border-radius: 10px; display: inline-block}
.purple-btn:hover{background: #000}

.dashboard .container {max-width: 1320px;}
.ui-accordion .ui-accordion-content{padding: 0}
.customer-dashboard-content .job-box .left, .customer-dashboard-content .job-box .right{width: 48%;}
.customer-dashboard.dashboard .nav-tabs .nav-item h2{font-family: Plus Jakarta Sans; font-weight: 700;  font-size: 24px; line-height: 30px; color: #000; text-transform: none}
.contractor-box .orange-btn, .contractor-box .purple-btn{width: 100%; margin: 20px 0 0; text-align: center; font-size: 20px;}
.chat-right{background: #FFF}
.chat-right .box{border: 1px solid #D7C3B8; background: #FFF; padding: 20px; border-radius: 20px; }
.chat-right .box p{font-family: Plus Jakarta Sans; font-weight: 400; font-size: 16px; line-height: 30px; color: #000; margin: 0}
.chat-right .box h4{border-bottom: 1px solid #737373; padding-bottom: 10px; font-family: Plus Jakarta Sans; font-weight: 700; font-size: 22px; line-height: 40px; color: #000; margin: 0 0 20px;}
.chat-right .box h5{font-family: Plus Jakarta Sans; font-weight: 700; font-size: 18px; line-height: 27px; color: #000}
.chat-right .box h5 img{width: 25px; height: 25px; border-radius: 50%;}
.chat-right .box .date{font-family: Plus Jakarta Sans; font-weight: 400; font-size: 14px; line-height: 30px; color: #A7A7A7}
.chat-right .box .customer{float: right; text-align: right}
.chat-right .box .customer h5{margin: 0}
.chat-right .box .customer span{}

@media only screen and (min-width:1600px) and (max-width:1799px) {
	
}

@media only screen and (min-width:1400px) and (max-width:1599px) {

}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.popular-services .bx-wrapper .bx-prev {left: -10px;}
.popular-services .bx-wrapper .bx-next {right: -10px;}

.search-box {padding: 5px 12px;}
}

/** 5.0 - 1200 - Desktop **/
@media only screen and (min-width:992px) and (max-width:1199px) {
.service-content ul li{width: 49%;}

.popular-services .bx-wrapper .bx-prev {left: -10px;}
.popular-services .bx-wrapper .bx-next {right: -10px;}

.top-login .login-btn {padding: 10px !important;}
.search-box {padding: 5px 12px;}
.dashboard {padding: 0 !important;}
#content .row-am {padding: 40px 0;}
.dashboard .dashboard-left, .dashboard .dashboard-right {width: 100%;}
.dashboard .dashboard-left {height: auto !important; padding: 0 15px; width: 100%;}
}

/** 7.0 - 768 - iPad **/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.home-ban .ban-text .h1{font-size: 50px; line-height: 50px; text-align: center}
.home-ban .ban-text .h1 span{font-size: 44px; line-height: 40px;}
.home-ban .ban-text h4{font-size: 16px; text-align: center}
.verified-contractors{position: relative; margin: 0 auto; left: 0}
.how-works ul li{width: 100%; margin: 0 0 20px;}
.trusted-journey ul li{width: 49%;}
.trusted-journey ul li:after{display: none}
.testimonial .left, .testimonial .right{width: 100%;}
.testimonial .left{margin: 0 0 20px;}

.service-content ul li{width: 49%;}

.popular-services .bx-wrapper .bx-prev {left: -10px;}
.popular-services .bx-wrapper .bx-next {right: -10px;}

#search_form .col-md-3{flex: 0 0 50%; max-width: 50%;}
.search-box-ban .form-group {margin: 0 0 20px;}
.search-box-ban .select2-container .selection {width: 100% !important;}
#search_form .btn {width: 94%;}

.best-quote .bx-wrapper ul li {width: 360px !important;}

.app .text .app-btn a{margin: 10px 0; display: block}

.home-faq {padding-top: 60px !important;}

.services-detail .left, .services-detail .right{width: 100%;}
.services-detail .left{margin: 0 0 20px;}

.business-list .grid-container.list-view .box {width: 100%;}

.top-login .login-btn {padding: 0 10px !important;}
.search-box {padding: 5px 12px;}
.dashboard {padding: 0 !important;}
#content .row-am {padding: 40px 0;}
.dashboard .dashboard-left, .dashboard .dashboard-right {width: 100%;}
.dashboard .dashboard-left {height: auto !important; padding: 0 15px; width: 100%;}
}

/** 8.0 - 640 - Mobile **/
@media only screen and (min-width: 640px) and (max-width: 767px) {
.home-ban .ban-text .h1{font-size: 30px; line-height: 30px;}
.home-ban .ban-text .h1 span{font-size: 24px; line-height: 30px;}
.home-ban .ban-text h4{font-size: 16px; text-align: center}
.verified-contractors{position: relative; margin: 0 auto; left: 0}
.how-works ul li{width: 100%; margin: 0 0 20px;}
.trusted-journey ul li{width: 100%;}
.trusted-journey ul li:after{display: none}
.testimonial .left, .testimonial .right{width: 100%;}
.testimonial .left{margin: 0 0 20px;}

ul.services-menu li{min-width: auto; font-size: 16px;}
.service-content ul li{width: 100%;}

#search_form .btn {width: 100%;}
.search-box-ban .form-group {margin: 0 0 10px;}
.popular-services .bx-wrapper .bx-prev {left: -10px;}
.popular-services .bx-wrapper .bx-next {right: -10px;}

.testimonial .testimonial-box {width: 100%;}
.home-faq {padding-top: 60px !important;}

.services-detail .left, .services-detail .right{width: 100%;}
.services-detail .left{margin: 0 0 20px;}

.business-list .grid-container.list-view .box {width: 100%;}

.top-login .login-btn {padding: 0 10px !important;}
.search-box {padding: 5px 12px;}
.dashboard {padding: 0 10px !important;}
#content .row-am {padding: 40px 0;}
.dashboard .dashboard-left, .dashboard .dashboard-right {width: 100%;}
.dashboard .dashboard-left {height: auto !important; padding: 0 15px; width: 100%;}

.customer-dashboard-content .job-box .left, .customer-dashboard-content .job-box .right{width: 100%;}
.customer-dashboard-content .job-box .left{margin: 0 0 20px;}
}

/** 9.0 - 480 - Mobile **/
@media only screen and (min-width: 480px) and (max-width: 639px) {
.home-ban .ban-text .h1{font-size: 30px; line-height: 30px;}
.home-ban .ban-text .h1 span{font-size: 24px; line-height: 30px;}
.home-ban .ban-text h4{font-size: 16px; text-align: center}
.verified-contractors{position: relative; margin: 0 auto; left: 0}
.how-works ul li{width: 100%; margin: 0 0 20px;}
.trusted-journey ul li{width: 100%;}
.trusted-journey ul li:after{display: none}
.testimonial .left, .testimonial .right{width: 100%;}
.testimonial .left{margin: 0 0 20px;}

ul.services-menu li{min-width: auto; font-size: 16px; margin: 0 4px;}
.service-content ul li{width: 100%;}

#search_form .btn {width: 100%;}
.search-box-ban .form-group {margin: 0 0 10px;}
.popular-services .bx-wrapper .bx-prev {left: -10px;}
.popular-services .bx-wrapper .bx-next {right: -10px;}

.testimonial .testimonial-box {width: 100%;}
.home-faq {padding-top: 60px !important;}

.services-detail .left, .services-detail .right{width: 100%;}
.services-detail .left{margin: 0 0 20px;}

.business-list .grid-container.list-view .box {width: 100%;}

.top-login .login-btn {padding: 0 10px !important;}
.search-box {padding: 5px 12px;}
.dashboard {padding: 0 10px !important;}
#content .row-am {padding: 40px 0;}
.dashboard .dashboard-left, .dashboard .dashboard-right {width: 100%;}
.dashboard .dashboard-left {height: auto !important; padding: 0 15px; width: 100%;}

.customer-dashboard-content .job-box .left, .customer-dashboard-content .job-box .right{width: 100%;}
.customer-dashboard-content .job-box .left{margin: 0 0 20px;}
}

/** 10.0 - 320 - Mobile **/
@media only screen and (min-width: 320px) and (max-width: 479px) {
.home-ban .ban-text .h1{font-size: 30px; line-height: 30px;}
.home-ban .ban-text .h1 span{font-size: 24px; line-height: 30px;}
.home-ban .ban-text h4{font-size: 16px; text-align: center}
.verified-contractors{position: relative; margin: 0 auto; left: 0}
.how-works ul li{width: 100%; margin: 0 0 20px;}
.trusted-journey ul li{width: 100%;}
.trusted-journey ul li:after{display: none}
.testimonial .left, .testimonial .right{width: 100%;}
.testimonial .left{margin: 0 0 20px;}

ul.services-menu li{min-width: auto; font-size: 16px; margin: 0 4px; padding: 0 10px;}
.service-content ul li{width: 100%;}

#search_form .btn {width: 100%;}
.search-box-ban .form-group {margin: 0 0 10px;}
.popular-services .bx-wrapper .bx-prev {left: -10px;}
.popular-services .bx-wrapper .bx-next {right: -10px;}

.app .text .app-btn a{margin: 10px 0; display: block}
.testimonial .testimonial-box {width: 100%;}
.home-faq {padding-top: 60px !important;}

#footer-badges ul{flex-wrap: wrap; justify-content: center !important; gap: 10px;}

.services-detail .left, .services-detail .right{width: 100%;}
.services-detail .left{margin: 0 0 20px;}

.business-list .grid-container.list-view .box {width: 100%;}

.top-login .login-btn {padding: 0 10px !important;}
.search-box {padding: 5px 12px;}
.dashboard {padding: 0 10px !important;}
#content .row-am {padding: 40px 0;}
.dashboard .dashboard-left, .dashboard .dashboard-right {width: 100%;}
.dashboard .dashboard-left {height: auto !important; padding: 0 15px; width: 100%;}

.customer-dashboard-content .job-box .left, .customer-dashboard-content .job-box .right{width: 100%;}
.customer-dashboard-content .job-box .left{margin: 0 0 20px;}
}

@media only screen and (max-width: 767px) {
  .search-box { margin : 0 !important; }
}