/*Global css*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Asar&display=swap');

body{background-color:#fff;font-family: 'Roboto', sans-serif; font-size:16px;}

a,button{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

a{text-decoration:none;color:#0b5aa4;}

a:hover{text-decoration:none;outline:0;color:#000;}

a, img{border:none;outline:none;}

img{max-width:100%;height:auto;display:inline-block;vertical-align:middle;}

label{font-weight:400;color:#777777;}



h1, h2, h3, h4, h5, h6 {line-height: 1.2; margin: 0 0 20px; padding: 0; color: #333333;font-weight: 500; }

h1 {font-size: 65px;}

h2 {font-size: 60px;}

h3 {font-size: 32px;}

h4 {font-size: 26px;}

h5 {font-size: 24px;}

h6 {font-size: 20px;}



ul, ol{padding:0;margin:0;list-style: none;}

p { margin: 0 0 15px; padding: 0;color:#777777;}

p:last-child {margin: 0;}



.btn-custom {cursor: pointer; background:#84ac1c; border:none;display:inline-block; font-size:14px; color:#fff;border-radius:5px;font-weight:400;padding:0 20px;outline:none;height:50px;line-height:50px;text-transform: uppercase;letter-spacing:1px;}

.btn-custom:hover, .btn-custom:focus{ background:#0858a1; color:#fff; outline:none;}

.btn-custom-big{font-size:20px;padding:0 40px;height:60px;line-height:60px;text-transform:inherit;letter-spacing:0px;}

.btn-danger-custom {color: #fff;background-color: #dc3545;border-color: #dc3545;}
.btn-danger-custom:hover {color: #fff;background-color: #c82333;border-color: #bd2130;}

.form-control{background: #fff;border-radius:5px;border: solid 1px #e5e5e5;outline: none;height:50px;line-height:50px;padding:0 15px;font-size:16px;color:#333333;}

.form-control:focus {color: #929292;background-color: #fff;border-color:#e5e5e5;outline: 0;box-shadow:none;outline: none;}

.form-control::-webkit-input-placeholder {color:#929292;}

.form-control:-ms-input-placeholder {color:#929292;}

.form-control::placeholder {color:#929292;}

button:focus{outline: none;}

select.form-control{-webkit-appearance: none; -moz-appearance: none;padding: 0 15px; height:50px !important;line-height:45px;background:#fff url(../images/select-arrow.png) no-repeat center right 15px;}

textarea {resize: none;display: block;width: 100%;border: 1px solid #d7d7d7; border-radius: 5px;padding:15px; margin-bottom: 0px;} 

textarea:focus-visible { outline: none;}

.container{width:100%;max-width:1470px;position:relative;}



/**header**/

.header{padding:20px 0;position: fixed;right:0;left:0;top:0;z-index: 999;transition:all 0.3s ease;}

.navnewclass .header{background-color: #fff;box-shadow: 0 0 10px rgb(0 0 0 / 10%);}

.navigation ul li{margin-right:40px;font-size:18px;}

.navigation ul li a{color:#292929;position: relative;}

.navigation ul li a:after {content: "";display: block;width: 0px;position: absolute;left: 0;bottom:-5px;background: #84ac1c;border-radius: 50px;height:2px;transition:all 0.3s ease;}

.navigation ul li.active a, .navigation ul li a:hover{color:#0858a1;}

.navigation ul li a:hover:after{width:100%;}

.loginBtn{margin-right:40px;}

.loginBtn a{font-size:18px;color:#292929;display: flex;}

.loginBtn a:hover{color:#0858a1;}

.loginBtn a i{display:block;margin-right:10px;width:24px;flex:0 0 24px;}

.loginBtn a i img{display:block;}

.register-btn {padding:15px 25px;background-color: #0858a1;display: flex; align-items: center;border-radius:5px;color:#fff;font-size:18px;font-weight:300;line-height:1;}

.register-btn:hover{color:#fff;background-color: #84ac1c;}

.register-btn i{display:block;margin-right:10px;width:27px;flex:0 0 27px;}

.register-btn small{display: block;font-size:12px;padding-bottom: 5px;}

/**header End**/



/**Banner**/

.banner{position: relative;}

.bannerSlider > img {width:100%;display: block;}

.bannerUper {position: absolute;right:150px;left:150px;top:55%;transform: translateY(-50%);z-index:1;}

.bannerUperInfo h1{color: #0858a1;font-family: 'Asar', serif;line-height: 1.1;}

.bannerUperInfo h1 span{color: #84ac1c;}

.bannerSlider .owl-controls .owl-nav{position: absolute;top:50%;transform: translateY(-50%);right:50px;left:50px;}

.bannerSlider .owl-controls .owl-prev, .bannerSlider .owl-controls .owl-next{width:57px; height:57px;position:relative;}

.bannerSlider .owl-controls .owl-prev{background: url(../images/prev-arrow.png);}

.bannerSlider .owl-controls .owl-next{background: url(../images/next-arrow.png);}

.orderHd{display: block;color: #0858a1;font-weight:500;font-size: 18px;margin-bottom:10px;}

.search-block{max-width:920px;}

.search-inner-block {max-width: 76%;flex: 0 0 76%;}

.search-field {box-shadow: 0 5px 8px rgb(0 0 0 / 5%);overflow: hidden;height:76px;padding:5px 0;border-radius: 5px;background: #fff;}

.small-search {width: 45%;}

.big-search {width: 53%;}

.img-sec {width: 56px;flex: 0 0 56px;text-align: center;height: 100%;display: flex;align-items: center;justify-content: center;position: relative;border-right: solid 1px #f0f0f0;}

.search-box {flex: auto;position: relative;padding-right: 5px;}

.search-box label {margin: 15px 0 0 15px;font-size: 14px;color: #d2d2d2;display: block;}

.search-box .form-control {padding: 0;font-size: 18px;color: #292929;font-weight: 300;height: auto;line-height: normal;border: none;}

.search-box select.form-control {height: auto !important;line-height: normal!important;}

.search-block .btn-custom{height:76px;line-height:76px;font-size: 18px;text-transform: uppercase;width: 22.5%;flex: 0 0 22.5%;box-shadow: 0 5px 8px rgb(0 0 0 / 5%);}

.search-block .select2-container .select2-selection--single {height: 40px;}

.search-block .select2-container--default .select2-selection--single {border: none;border-radius: 0;}

.search-block .select2-container .select2-selection--single .select2-selection__rendered {padding-left: 15px;padding-right: 15px;}

.search-block .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 18px;color: #292929;font-weight: 300;font-family: 'Roboto', sans-serif;}

.search-block .select2-container--default .select2-selection--single .select2-selection__arrow{display: none;}

.select2-container--default .select2-search--dropdown .select2-search__field {outline: none !important;}

.select2-dropdown,.select2-container--default .select2-search--dropdown .select2-search__field {border-color: #e5d8d8 !important;}

.search-block .select2-container {width: 100% !important;}

.select2-container--default .select2-results__option--selected {background-color: #f1ecec;}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: #0858a1;}

.popularSearchesBlock  #banner-search-btn {

  margin-left: 30px;

}

/**Banner End**/



/* Categories start */

.categoriesBlock{padding:60px 0;position:relative;border-bottom: solid 1px #e5e5e5;margin-bottom:40px;}

.categoriesBlock:before {content: "";display: block;background: url(../images/bg1.png) no-repeat top center;width: 141px;height: 154px;position: absolute;left:60px;top:100px;}

.categoriesBlock:after {content: "";display: block;background: url(../images/bg2.png) no-repeat center right;width: 179px;height: 282px;position: absolute;right: 0;top:0;}

.categoriesCard{min-height:210px;width:100%;height:100%;display:inline-block;border-radius:10px;padding:10px;}

.categoriesCard:hover {opacity:0.7;}

.eme-bg{background: rgb(255,254,250);background: linear-gradient(45deg, rgba(255,254,250,1) 20%, rgba(255,248,233,1) 100%);}

.plumber-bg{background: rgb(249,254,252);background: linear-gradient(45deg, rgba(249,254,252,1) 20%, rgba(234,243,240,1) 100%);}

.pool-bg{background: rgb(252,252,255);background: linear-gradient(45deg, rgba(252,252,255,1) 20%, rgba(241,240,255,1) 100%);}

.grass-bg{background: rgb(255,250,251);background: linear-gradient(45deg, rgba(255,250,251,1) 20%, rgba(255,233,238,1) 100%);}

.handyman-bg{background: rgb(251,253,254);background: linear-gradient(45deg, rgba(251,253,254,1) 20%, rgba(235,245,252,1) 100%);}

.house-bg{background: rgb(255,252,251);background: linear-gradient(45deg, rgba(255,252,251,1) 20%, rgba(255,240,234,1) 100%);}

.categoriesTitle{font-size:18px;color:#2b2b2b;margin-bottom:10px}

.categoriesCardInfo span{color:#777;font-size:16px}



.categoriesBlockSlider .owl-controls .owl-nav{position: absolute;top:50%;transform: translateY(-50%);right:-50px;left:-50px;}

.categoriesBlockSlider .owl-controls .owl-prev, .categoriesBlockSlider .owl-controls .owl-next{width:36px; height:36px;position:relative;}

.categoriesBlockSlider .owl-controls .owl-prev{background: url(../images/prev-arrow1.png);}

.categoriesBlockSlider .owl-controls .owl-next{background: url(../images/next-arrow1.png);}

/* Categories End */





/* PopularSearchesBlock start */

.popularSearchesCard {box-shadow: 0 0 10px rgb(0 0 0 / 8%);border-radius:8px;padding: 15px;margin-bottom:30px; background: #fff; overflow: hidden; position: relative;}

.popularTag{display:inline-block;background-color:#84ac1c;color:#fff;font-size:14px;padding:5px 10px;border-radius:5px;}

.popularCardImg{margin:20px 0; height:190px;}

.popularCardImg img{width:100%; height:100%; object-fit: contain;display: block;}

.popularCardInfo h5{color:#393939;margin-bottom:10px;}

.cityBlock{display: block;font-size:16px;color:#777777;padding-bottom:10px;/*word-break: break-all;*/}

.priceTag{display: block;font-size:14px;color:#777777;padding-bottom:20px;}

.priceTag strong{font-size:18px;color:#0b5aa4;}

.viewBtn{border-top:1px solid #f0f0f0;padding-top:8px;}

.viewBtn a{color:#84ac1c;font-size:14px;}

.viewBtn a:hover{color:#0858a1;}

.searchBtnOuter{padding-top:40px;}

/* PopularSearchesBlock End */





/* Heading */

.headingBlock{border-bottom:1px solid #ddd;padding-bottom:30px;position:relative;margin-bottom:40px}

.headingBlock h4{margin-bottom:0;color:#0b5aa4;font-weight:500;}

.headingBlock:after{content:"";display:block;width:80px;position:absolute;left:0;bottom:-2px;background:#84ac1c;border-radius:50px;height:4px;}

/* Heading End*/



/*howItWorkCard*/

.howItWorkBlock{padding-bottom:100px;}

.howItWorkBlock .container{padding:0 25px;}

.howItWorkBlock .row {margin-right:-25px;margin-left:-25px;}

.howItWorkBlock .col-md-4{padding-left:25px; padding-right:25px;}

.howItWorkCard{border: solid 3px #0858a1; padding:25px; border-radius:20px;height:calc(100% - 30px);margin-bottom:30px;position: relative;}

.howItWorkCardGreen{border-color:#84ac10;}

.howItWorkCard:before {width: 50%;height: 50%;background: #fff;content: "";position: absolute;top: -3px;right: -3px;border-top: dotted 3px #84ac10;border-right: dotted 3px #84ac10;border-bottom: none;border-left: none;border-radius:0 20px 0 0;}

.howItWorkInst{background-color: #f7f7f7;padding:60px 30px;border-radius:20px;box-shadow: 10px 10px 20px rgb(0 0 0 / 10%);height:100%;position: relative;z-index: 1;}

.howItWorkInst p{line-height:28px;}

.arrowBlock {position: absolute;top: 50%;right: -34px;transform: translateY(-50%);margin-top: -5px;}

/*howItWorkCard End*/



/*customerJoinBlock*/

.customerJoinBlock{background:#eaf3f0 url(../images/customerImg.jpg) no-repeat top left;padding:90px 0;}

.customerJoinImg {border: solid 1px #b2d7cb;border-radius:50%;padding:15px;position: relative;width:150px;height:150px;overflow:hidden;}

.joinImg{border-radius:50%;overflow: hidden;}

.joinImg img{display: block;width:100%;height:100%;}

.bigImg{width:150px;height:150px;margin: 20px auto 0;}

.customerJoinImgInner{background-color:#e6f3ee;padding:25px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;}

.customerJoinImgInner img{border-radius:50%;display: block; width:100%; height:100%; object-fit:cover;}

.customerJoinInfo {padding-left:60px;}

.customerJoinInfo h2{color:#333333;}

/*customerJoinBlock End*/



/*testimonialBlock*/

.testimonialBlock{padding-top:80px;}

.testimonialBlock .headingBlock {margin-bottom:0;}

.testimonialSlider {position: relative;}

.testimonialSlider:after{background: rgb(255,255,255);background: linear-gradient(45deg, rgba(255,255,255,1) 30%, rgba(241,240,255,1) 100%);position: absolute;top:60px;right:80px;left:0;content:" ";min-height:275px;z-index: -1;border-radius:20px;}

.testimonialSlider.owl-carousel .owl-stage-outer{padding:180px 0 100px;}

.testimonialCard{background: #fff;box-shadow:0 20px 25px rgba(0,52,74, 0.1);border-radius:30px;padding:40px;margin:0 20px;}

.center .testimonialCard{box-shadow:0 30px 60px rgba(0,52,74, 0.2);}

.userImg{width:68px;height:68px;margin: -70px 0 20px;border: solid 4px #fff;border-radius: 50%;overflow: hidden;}

.userImg img{width:100%;height:100%;object-fit: cover;}

.testimonialHeading {padding-bottom:20px;}

.testimonialLeft span{display: block;font-size: 20px;color:#333333;}

.testimonialLeft p{font-size:14px;font-weight:300;}



.testimonialBlock .owl-controls .owl-nav {position: absolute;top: -35px;right: 0;width: 115px;}

.testimonialBlock .owl-controls .owl-prev, .testimonialBlock .owl-controls .owl-next{width:28px; height:15px;position:relative;}

.testimonialBlock .owl-controls .owl-prev{background: url(../images/prev-arw.png);}

.testimonialBlock .owl-controls .owl-next{background: url(../images/next-arw.png);}

.testimonialSlider .starRating .fa {

	color: #ccc;

	margin-left: 5px;

}

.testimonialSlider .starRating .fa.checked {

	color: orange;

}

/*testimonialBlock End*/





/*aboutBlock*/

.aboutBlock{background: url(../images/aboutBg.jpg) no-repeat;background-size:100% 100%; padding:120px 0;}

.aboutBlockLeft{max-width:640px;}

.aboutBlockHeading{padding-bottom:40px;padding-right: 50px;}

.aboutBlockHeading h2{color:#333333;}

.aboutBlockHeading h4{color:#333333;margin-bottom:0;}

.aboutBlockCard{background-color: #fff;padding:30px;border-radius:15px;border: solid 1px #fce8e0;}

.aboutBlockCard h6 {margin-bottom:15px;}

.aboutBlockCard p {line-height:28px;}

.readMoreBtn{color:#0b5aa4;}

.aboutBlockRight{margin-left:60px;}

/*aboutBlock End*/





/*footer*/

.footer{background:#0858a1 url(../images/footerBg.jpg) no-repeat;background-size:100% 100%;}

.topFooter{padding:60px 0;}

.logoFt{margin-bottom:20px;}

.logoFt img{display: block;}

.contactInfo i{width:38px;flex:0 0 38px;height: 38px;line-height:38px;text-align: center; background-color:#fff;border-radius:50%;margin-right:15px;}

.contactInfoRight{margin-bottom:30px;}

.contactInfoRight span{display: block;color:#fff;}

.contactInfoRight a{display: block;color:#a5b8d3;}

.ftNavHeading{font-size:20px;color:#fff;font-weight:500;position: relative;padding-bottom:6px;margin-bottom:30px;display: block;}

.ftNavHeading:after {content: "";width:60px;position: absolute;left: 0;bottom:0;background: #84ac1c;border-radius: 50px;height: 4px;}

.ftNav ul li{margin-bottom:15px;}

.ftNav ul li a{display: block;color:#a5b8d3;}

.ftNav ul li a:hover{color:#84ac1c;}

.navTwo ul {width:50%;}

.bottomFooter{border-top: solid 1px #4d7db2;padding:30px 0;}

.privacyNav li{margin-right:15px;}

.privacyNav li a{display: block;color:#a5b8d3;text-decoration:underline;}

.privacyNav li a:hover{color:#84ac1c;}

.socialLinks{margin: -52px 0 0;}

.socialLinks li{margin:0 5px;}

.socialLinks li a{width:40px;height:40px;background-color: #fff;border-radius:3px;color:#888888;display: block;line-height:40px;font-size:18px;}

.socialLinks li a:hover{background-color: #84ac1c;color:#fff;}

.reserved{display: block;color:#a5b8d3;}

/*footer End*/

.container2 {display: inline-block;cursor: pointer;}

.bar1, .bar2, .bar3 {width: 25px;height: 2px;background-color: #183297;margin: 5px 0;transition: 0.4s;}

.scroll-hidden .headerRight::after {content: "";background: rgba(0, 0, 0, 0.4);position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 99;}

.iphonNav .logo, .iphonNav .loginInfoHead {display: none !important;}





/*afterLoginheader*/

.afterLoginheader{position: sticky;border-bottom: solid 1px #f4f4f4;background-color: #fff;}

.userLoginCard {}

.userImgLogin{width:55px;flex:0 0 55px;height:55px;background-color:#edf3dd;border-radius:50%;margin-right:10px;box-shadow: 0 0 5px rgb(0 0 0 / 10%);}

.userImgLogin img{display: block; width: 100%;height:100%;object-fit: cover;}

.userInfoBlock span{display: block;color:#333;font-size:18px;line-height:1.2;}

.userInfoBlock span small{display: block;font-size:14px;color:#777777;}

/*afterLoginheader End*/





/*breadcrumb css*/

.breadcrumb-sec{background:#fafafa;padding:14px 0;border-bottom: solid 1px #f4f4f4;}

.breadcrumb-sec ul{display:flex;}

.breadcrumb-sec ul li a{font-size:12px;color:#8b8b8b;display:block;margin-right:20px;position:relative;}

.breadcrumb-sec ul li:last-child a{color:#84ac1c;}

.breadcrumb-sec ul li a:before{content:"";display:block;position:absolute;top:6px;width:5px;height:5px;background:#8b8b8b;border-radius:50%;right:-13px;}

.breadcrumb-sec ul li:last-child a:before{display:none;}

/*breadcrumb css*/



/* profile css Start*/

.wrapper-inner{padding:60px 0;}

.profile-dash {display: flex;justify-content: space-between;}

.profile-dash-lt {width:18%;flex: 0 0 18%; padding:30px 15px; background: #fff; box-shadow:10px 10px 30px rgb(0 0 0 / 8%); border-radius: 10px; position: relative;}

.profileImgBlock{border-bottom: 1px solid #dddddd; padding-bottom: 15px; margin-bottom: 10px;}

.profileImg{width:140px;height:140px;border-radius: 50%;overflow: hidden;box-shadow:0 0 20px rgb(0 0 0 / 10%);margin:0 auto 20px;}

.profileImg img {display: block;width:100%;height: 100%;object-fit: cover;}

.profileInfoBlock h5 {color: #0858a1;margin-bottom: 0px;font-size:18px;font-weight:400;}

.profileInfoBlock span {  color: #777777;font-size: 14px;display: block;}



.upload-image { position: absolute;  background: #1b3c74;  border-radius: 50%;  top:10px;  right:10px;  width: 45px;  height: 45px; display: flex;   align-items: center; justify-content: center;line-height: 1;}

.upload-image .file-btn {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;cursor: pointer;font-size: 0;opacity: 0;}

.profile-menu li a { display: flex;  width: 100%;  position: relative; color: #777777; align-items: center;}

.profile-menu li { padding:12px 0;}

.profile-menu li a.active:before, .profile-menu li a:hover:before {  content: "";display: block;position: absolute; right:-15px; width: 4px;  height: 100%;  background: #0858a1; border-radius: 100px;}

.profile-icon {width: 30px; display: inline-block; height: 30px;  line-height: 30px;  margin-right:10px;  text-align: center;background: transparent;border-radius: 5px;  border: 1px solid transparent; box-shadow: 0 0 10px transparent;}

.profile-menu li a.active .profile-icon i, .profile-menu li a:hover .profile-icon i  { color: #0858a1;}

.profile-menu li a.active .profile-icon, .profile-menu li a:hover .profile-icon  { background: #e6f5ff; border-radius: 5px; vertical-align: middle; border: 1px solid #fff; box-shadow: 0px 0px 15px #b8dffb;}

.profile-menu li a.active, .profile-menu li a:hover { color: #0858a1;}

.profile-dash-rt {width:80%;flex: 0 0 80%;}

.my-profile-inner {background: #fff;box-shadow:10px 10px 30px rgb(0 0 0 / 8%); border-radius: 10px;padding:25px;overflow: hidden;}

.profile-dash-rt input[type="email"]{background:#f9f9f9;color:#fff}

.required:after{content:" *";color:red}

.location-box a.btn-custom{height:30px;line-height:30px;padding:0 15px;}

.location-box{max-width:250px;align-items:center;justify-content:space-between}

.location-box span{font-weight:600}

.profile-btn{margin:0 -25px -25px;border:none;padding:25px 20px;text-align:right;background:#fafafa;border-top:1px solid #eee}

.profile-btn .btn-custom{text-transform:uppercase;width:123px;text-align:center;     font-weight: 500;}

.profile-dash-rt .heading{max-width:100%}

.profile-dash-rt .form-group{margin-bottom:25px}

.services-sec .heading{margin:0;margin-bottom:25px}

.select2-container .select2-selection--multiple{min-height: 50px !important;border: solid 1px #e5e5e5 !important;}

/* profile css End*/



/* Tooltip text */

.upload-image .tooltiptext {visibility: hidden;width: 140px;background-color: #fff;color: #777;text-align: center;border-radius: 6px;position: absolute;z-index: 1;top: -5px;right: 0;padding: 10px;box-shadow: 5px 5px 19px #dddddd;transform: translate(-50px, -50px);height: 40px;display: flex;justify-content: center;align-items: center;left: 5px;margin: auto;}

.upload-image .tooltiptext::after{content:'';position:absolute;left:42%;top:100%;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff}

.upload-image:hover .tooltiptext{visibility:visible}

/* Tooltip text */









/* My Refer Group css*/



.my-refer-card { 

box-shadow: 0 0 18px rgba(0,0,0,0.08);

border-radius: 8px;

padding: 20px 20px 0;

height: calc(100% - 30px);

margin-bottom: 30px;

text-align: center;

color: #333333;

}   

.my-refer-card figure{

margin:30px 0 35px;}



.my-refer-card  h5 {

font-size: 24px;

font-weight: 500;

color: #393939;

line-height: 1;

margin-bottom: 12px;

}

.my-refer-card  h5 a{color: inherit;}





.my-refer-btm {

padding: 15px 0;

border-top: 1px solid rgba(0,0,0,0.06);

align-items: center;

justify-content: space-between;

}



.my-refer-btm span{ color: #777777; font-size: 14px; line-height: 1;}

.my-refer-btm strong{ line-height: 1;font-weight: 500; }





.my-refer-card .email-address .form-icon .list-img {width: 33px;}

.my-refer-card .email-address .form-icon .list-img img { max-width: 16px; max-height: 16px;}

.my-refer-card .email-address .form-group input.form-control { padding-left: 40px;  height: 40px; line-height: 40px;}

.my-refer-card  .email-address { margin-bottom: 20px;}

.my-refer-card  .email-address form { margin-top: 0px;}

.my-refer-card .email-address button.btn-custom {  height: 40px; line-height: 40px;  max-width: 90px;  font-size: 14px;  padding: 0 10px;  text-align: center;}

.my-refer-card span.mob-txt {  display: block;}

.my-refer-card .group-number { margin-bottom:20px;}



/* Tooltip text */   

.group-number { position: relative; display:block;margin-bottom:25px;color: #393939;}

.group-number strong{color: #0858a1;font-weight:400;}

.group-number .tooltiptext .title{font-size: 16px; color:#333333; position: relative; display: block; padding-bottom: 10px; margin-bottom: 13px; }  

.group-number .tooltiptext .title::before{content:''; position:absolute; background:#84ac1c; left: 50%; transform: translateX(-50%); bottom: 0; width: 60px; height: 4px; border-radius: 10px;}

.group-number .tooltiptext .text{display: block; line-height: 20px; color: #777777;}

.group-number .tooltiptext {display: none;width: 285px;background-color: #fff;color: #777;text-align: center;border-radius: 5px;position: absolute;z-index: 1;top: -126px;right: -42px;padding: 15px 20px;box-shadow: 5px 5px 19px #dddddd;text-align: center;font-size: 14px;}

.group-number .tooltiptext::after{content:'';position:absolute;left:0;right:0;margin: 0 auto;top:100%;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff}

.group-number:hover .tooltiptext{display: block;} 



/* Tooltip text */



/* My Refer Group css end*/





/* PaginationBlock */  

.paginationBlock{padding-top:50px;}

.paginationBlock ul li{padding:0 15px;}

.paginationBlock ul li.previous a:after, .paginationBlock ul li.next a:after{display: none;}

.paginationBlock ul li a{color:#777;position: relative;}

.paginationBlock ul li a:after {content: "";display: block;width: 0;position: relative;left: 20px;top: -16px;background: #84ac1c;height: 2px;opacity:0;transition:all 0.3s ease;}

.paginationBlock ul li.active a, .paginationBlock ul li a:hover{color:#0858a1;}

.paginationBlock ul li.active a:after{opacity:1;width:60px;}

/* PaginationBlock*/  











/* register page css start */

.login-layout {min-height: 100vh; width: 100%;}

.login-layout-lt {flex: 1;background: #0858a1 url(../images/register-bg.png);background-repeat: no-repeat;background-size: cover;    display: flex;align-items: center;padding: 30px 30px 30px 7%;}

.caption-card {max-width:600px;}

.caption-card * {color: #fff;}

.caption-card img{ margin-bottom: 20px;}

.caption-card h1 {font-family: 'Roboto', sans-serif;font-weight: 600;line-height: 1.1;font-size: 72px;margin-bottom: 30px;}

.caption-card p {font-size: 24px;font-weight: 300;}

.login-layout-stepper {flex: 0 0 200px;background: #84ac1c;max-width:200px; display: flex;align-items: center;justify-content: center; padding: 20px; position: relative;}

.login-layout-stepper:after {right: 100%;top: 50%;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-right-color: #84ac1c;border-width: 24px;transform: translateY(-50%);}

.login-layout-stepper ul{display:flex;justify-content:center;text-align:center;flex-direction: column;}

.login-layout-stepper ul li{flex:1;position:relative;z-index:1}

.login-layout-stepper ul li:not(:last-child) {margin-bottom: 70px;}

.login-layout-stepper ul li:not(:first-child)::after{position:absolute;content:"";left:0;right:0;height: 60px;left: 0;bottom: calc(100% + 5px);background:rgb(255 255 255 / 50%);right: 0;width: 2px;margin: 0 auto;}

.login-layout-stepper ul li .icon{position:relative;width: 80px;height: 80px;margin:0 auto;border: 3px solid rgba(257,257,257,0.5);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.3s ease all}

.login-layout-stepper ul li .icon img {filter: brightness(0) invert(1);}

.login-layout-stepper ul li.active .icon img {filter: none;}

.login-layout-stepper ul li span{font-size:16px;font-weight:400;color: rgb(255 255 255 / 70%);letter-spacing:.5px;margin-top: 14px;display:block;transition:.3s ease all}

.login-layout-stepper ul li.active .icon{border: 3px solid #ffffff;background: #ffffff;color:#fff}

.login-layout-stepper ul li.completed .icon {border-color: #fff;}

.login-layout-stepper ul li.active span, .login-layout-stepper ul li.completed span{color: #ffffff;}

.login-layout-stepper ul li.active::after, .login-layout-stepper ul li.completed::after {background:#fff ;}

.login-layout-stepper ul li.completed .icon {color: transparent;}

.login-layout-rt-content {max-width: 430px;}

.login-layout-rt {flex: 0 0 750px;max-width:750px;    padding: 60px;display: flex;align-items: center; justify-content: center;position: relative;}

.back-icon {position: absolute;top: 30px;right: 40px;display: flex;align-items: center;}

.back-icon img {margin-right: 10px;}

.login-layout-rt h2 { font-family: 'Roboto', sans-serif; font-weight: 600; line-height: 1.1; color: #333333;}

.login-layout-rt-content p{color: #777}

.login-layout-rt-content .title {margin-bottom: 30px;}

.step3 figure {margin-bottom: 40px;}

.login-layout-rt-content h6 {font-size: 24px;font-weight: 300;}

.step4 h2 {margin-bottom: 25px;}

.document-card {display: flex;align-items: center;padding: 15px;border: 1px solid #e5e5e5;border-radius: 10px;box-shadow: 5px 0 5px rgba(0,0,0,0.05);margin-bottom: 10px;}

.document-card .document-icon {flex: 0 0 60px;max-width: 60px;margin-right: 15px; text-align: center;}

.required:after {content: " *";color: red;}

.login-layout-rt-content h5{font-size:20px;margin-bottom:10px;}



/* Register page css end */









/* Login css start*/

.login-form h2 {font-size: 28px;color: #0858a1;width: 100%;border-bottom: 1px solid #ddd;padding: 0 20px 10px 0;margin: 0 0 20px;font-weight:400;}

.login-form h2 span{color:#1b3c74}

.login-form .close {position: absolute;right: 15px;top: 10px;z-index: 2;}

.login-form .form-control{height:44px;line-height:44px;border:1px solid #d7d7d7;border-radius:5px}

.login-form .form-group label{font-size:14px;color:#777;width:100%;display: block;}

.login-form .form-group a{text-decoration:underline}

.login-form .form-group a:hover{text-decoration:none}

.sumbit-btn{padding:10px 0;font-size:18px;background:#67d599;border:1px solid #67d599;border-radius:5px;text-transform:uppercase;font-weight:500;letter-spacing:1px;margin-top:30px}

.sumbit-btn:hover{background:#1b3c74;border:1px solid #1b3c74}

.sumbit-btn:focus,.sumbit-btn:focus-visible{box-shadow:none}

.or-underline{margin:25px 0;text-align:center;position:relative}

.or-underline span{background:#fff;display:inline-block;padding:0 10px;font-size:14px;color:#818181;font-weight:300;position: relative; z-index: 1;}

.or-underline:before{height:1px;width:100%;content:"";display:block;background:#e3e3e3;top:12px;position:absolute;}

.social-btn{display:flex;text-align:center;padding:15px 0;border-radius:5px;color:#fff;font-size:14px;vertical-align:middle;width:100%;justify-content:center;align-items:center;margin-bottom:8px}

.social-btn:hover{color:#fff}

.social-btn i.fa-brands.fa-facebook-f{font-size:22px;margin-right:10px}

.social-btn i.fa-brands.fa-google-plus-g{font-size:23px;margin-right:10px}

.fb-btn{background:#3c5a96}

.g-pius-btn{background:#db4c3f}

.login-form .modal-body {padding: 35px;}

.login-form .btn-custom {font-size: 18px;}

/* Login css end*/









/* detail css start*/

.detail-img-box{background:#fff;border-radius:10px;padding:0 15px;     justify-content: center; align-items:center;box-shadow:0 0 20px #afafaf57;position:relative;max-width:243px;margin:0 auto;min-height:245px;display:flex;}

.detail-img-box:before{background:#0857a0;content:"";display:block;width:100%;height:100%;position:absolute;z-index:-9;top:0;left:0;bottom:0;right:0;border-radius:20px;transform:rotate(14deg);}

.user-box .media{align-items:center;}

.user-box,.user-box .media{margin-bottom:30px;}

.user-box h1{font-size:45px;line-height:1;font-family:Roboto,sans-serif;color:#0b5aa4;     font-weight: bold;}

.user-box .media img{width:57px;height:57px;margin-right:10px;}

.user-box .media .media-body span { color: #777; font-weight:300; font-size: 14px;}

.user-location {  color: #333333;   margin-bottom:10px;  display: inline-block;}

.para-txt { line-height: 1.8;}

.size-box .media {margin-bottom:30px; box-shadow:0 0 45px #e7e7e7; background:#fff;border-radius:10px;padding:20px;align-items:center;}

.size-box .media-body {margin-bottom:0; font-size:14px; color:#777;}

.size-box .media-body span{font-size:16px;display:block; color:#777;}

.size-box .media-body strong{font-weight:500; color: #000;}

.size-box h5, .plan-sec h5 { color: #0b5aa4;  margin-bottom:15px;}

.user-box h5 { font-weight: 400;  margin-bottom: 5px;}

.plan-sec{margin-bottom:0px;}

.plan-inner{background:#f3f5f7;border-radius:10px;padding:15px;}

.plan-box{padding:20px;border-radius:10px;height: 100%;}

.plan-box:hover {  background: #fff;  box-shadow: 5px 5px 30px #e7e7e7;}

.weekly-title{color:#333;font-size:18px;font-weight:500;margin-bottom:10px;}

.weekly-price{font-size:24px; margin-bottom: 5px; font-weight: 500; color: #333;}

.weekly-price s {  color: #cccccc;}

.plan-txt{margin-bottom:20px;}

.plan-txt:last-child {margin-bottom: 0;}

.plan-txt p{color:#777;  font-size:15px; }

.weekly-price span{font-size:15px;font-weight: 300; color: #333333;}

.plan-box img{margin-bottom:15px;width: 70px;}

.plan-box .btn-custom{height:45px;line-height:45px;font-size:16px; border-radius: 50px;  max-width: 175px;     display: block; text-align: center;     text-transform: capitalize;}

/* detail css start*/







/*custom-checkbox css*/

.custom-checkbox{display:inline-flex;position:relative;margin-right:60px;margin-bottom:0;cursor:pointer;font-size:15px;user-select:none;min-height:42px; align-items:center;}

.custom-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}

.checkmark{position:absolute;top:0;left:0;height:42px;width:42px;border-radius:10px;background:#e6f7ed;}

.custom-checkbox input:checked~.checkmark{background-color:#67d599;}

.checkmark:after{content:"";position:absolute;display:none;}

.custom-checkbox input:checked~.checkmark:after{display:block;}

.custom-checkbox .checkmark:after{left:16px;top:12px;width:9px;height:15px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}

.custom-checkbox input:checked~.checkmark {    background-color: #84ac1c;}

.checkmark:before {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #d1dfb2; width: 14px; height: 14px;border-radius: 3px;}

.custom-checkbox input:checked~.checkmark:before { display: none;}

/*custom-checkbox css*/







/* Tooltip text */

.upload-image .tooltiptext{visibility:hidden;width:140px;background-color:#fff;color:#777;text-align:center;border-radius:6px;position:absolute;z-index:1;    top: -12px;right: auto;padding:10px;box-shadow: 5px 5px 19px #dddddd;     transform: translate(-50px, -50px); height: 40px; display: flex;  justify-content: center; align-items: center;}

.upload-image .tooltiptext::after{content:'';position:absolute;left:42%;top:100%;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;}

.upload-image:hover .tooltiptext{visibility:visible}

.upload-image a { position: relative;}

/* Tooltip text */







/* detail css end*/



/* order css start*/

.order-title { margin-bottom: 25px;  position: relative;} 

.order-title h1 {  font-family: 'Roboto', sans-serif; font-weight:500; color: #1b3c74;  font-size: 44px; line-height: 1; margin-bottom: 5px;}

.order-title p {font-size:18px; font-weight:400; color: #777777;} 

.order-inner { background:#fff; padding: 40px 30px; border-radius:15px; box-shadow:0px 0px 30px #ededed; }

.order-inner a.btn-custom { max-width:237px; width:100%; text-align:center;}

.order-img img { border-radius:10px;}

.order-price {  font-size: 30px; color: #333333; font-weight: 500;}

.order-price span {font-size: 18px; font-weight:300; color: #333333;}

.order-clean-txt { display:flex;  align-items:center; justify-content:space-between; margin-bottom:20px;}

.order-clean-txt .media {align-items: center;}

.order-clean-txt .media img { margin-right:15px;}

.order-clean-txt .media h4 {  margin-bottom:0px;}

.order-clean-txt .media-body h4 { color:#0b5aa4; font-size: 24px;}

.order-clean-txt .media-body p { font-size:18px;  color:#777777; font-weight:400;}

table.total-table {  background: #fff; box-shadow: 0px 0px 20px #e5e5e5;   border-radius: 10px; padding:15px 20px; display: inline-block; margin-bottom:30px;}

table.total-table, tbody, tr, td {  width: 100%;}

.total-table tr {border-bottom: 2px dotted #cce4dc;  margin-bottom: 0px;}

.total-table tr:last-child {  border-bottom: none;}

.total-table tr td { padding:10px 0;}

.total-table tr:last-child td { font-size: 24px; padding-bottom: 0px;}

.discount-sec h5 { margin-bottom:5px; color:#0b5aa4;}

.discount-sec p { color: #777; font-size: 14px;     margin-bottom: 25px;}

.discount-sec {  background: #f9fefc; background: #fbfdfe;  background: -moz-linear-gradient(left,  #fbfdfe 0%, #ebf5fc 100%); background: -webkit-linear-gradient(left,  #fbfdfe 0%,#ebf5fc 100%); background: linear-gradient(to right,  #fbfdfe 0%,#ebf5fc 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfdfe', endColorstr='#ebf5fc',GradientType=1 ); border-radius: 10px; padding:20px 25px; border: 2px dashed #a4c2d8; position: relative; margin-bottom: 30px;}

.discount-sec:before {   content: "";  display: block;  width:23px;   height: 24px;   position: absolute;  right:45px;  background: url(../images/cut-img.png) no-repeat center center;  top: -13px;}

.discount-table tr:first-child th {  font-size: 16px;  font-weight: 500;}

.discount-table tr:last-child td { }

.discount-table th {font-size: 18px; color: #333333;white-space: nowrap;}

.discount-table tr td { padding:10px 0;}

.discount-table tr { border-bottom: 1px solid #a4c2d8;  margin-bottom: 0px;}

.discount-table tr:first-child {  border-bottom: none;}

.discount-table tr:last-child {   border-bottom: none;}

.payment-btn { text-align: right;}

.payment-btn .btn-custom {text-transform: capitalize;}

.order-note { padding: 20px; background: #ededed;  border-radius: 10px;  color: #777777; font-size: 16px;}

.order-img { margin-bottom: 30px; position: relative;}

.order-img:before {content: "";display: block;height: 132px;width: 10px;background: #84ac1c;position: absolute;left:20px;top: 10px;border-radius: 20px;}



.description-bx {  margin-bottom: 30px;}

.order-inner .payment-btn {margin-bottom: 30px;}



.th-one {font-weight:500;padding:0 !important;}

.th-two {font-weight:500;padding:0 !important;min-width: 120px;}

.th-three{font-weight:500;padding:0 !important;min-width: 60px;}



/* order css End*/





/*add-services*/

.add-services-plan {  margin-bottom: 40px;}

.add-services-plan .plan-inner {padding: 25px 15px; } 

.add-services-plan .weekly-price {font-size: 28px; font-weight: 500;     margin-bottom: 0;}

.add-services-plan .plan-box {padding: 30px 25px; }

.add-services-plan .weekly-price span {font-size: 16px;} 

.add-services-size h5, .add-services-plan h5 { color: #333333;}

.add-services-rt hr { margin: 25px 0;  border-top: 2px dashed rgba(0,0,0,.1);}

.add-services-rt .plan-box img { max-width: 60px;}

.add-services-rt  .plan-txt .weekly-title {margin-bottom: 0;}

.add-services-rt  .plan-txt { margin-bottom: 10px;}





/*booking dtl start*/ 

.booking-dtl-wrapper {padding: 20px; border-radius: 15px; border: 3px dotted #0858a1; margin-bottom: 30px; position: relative; }

.booking-dtl-wrapper::before {content: ''; position: absolute; left: -5px; top: -3px; width: 50%; background: #fff; border: 3px solid #0858a1; border-top-left-radius: 15px; border-bottom-left-radius: 15px; border-right: 0; z-index: 0; bottom: -3px; right: 0; }

.booking-dtl-wrapper::after {content: ''; position: absolute; left: auto; top: auto; width:calc(50% + 30px); height: 50%; background: #fff; border: 3px solid #0858a1; border-bottom-right-radius: 15px; border-left: 0; border-top: 0; z-index: 0; bottom: -3px; right: -3px; }

.booking-dtl {position: relative; background: #f7f7f7; border-radius: 15px; padding:30px; color: #333333; z-index: 1; box-shadow: 0px 23px 19px rgba(0,0,0,0.08) }

.booking-dtl .img-box img{width: 140px; height: 140px; border-radius: 100%; }

.booking-dtl-left {padding:0 20px; }

.booking-dtl-left .name-text {font-weight: 500; color: #393939; display: block; font-size: 24px; line-height: 1.1; margin-bottom: 5px; }

.booking-dtl-left ul{font-size: 14px; } 

.booking-dtl-left ul li {padding-left: 15px; position: relative; margin-bottom: 3px; }

.booking-dtl-left ul .icon {color: #333333; position: absolute; font-size: 13px; left: 0; top: 1px; }

.booking-dtl span {color: #777777; display: inline-block; }

.booking-dtl-left .name-text a {color: inherit; } 

.booking-dtl-left span{margin-bottom: 3px; }

.booking-dtl-right{text-align: right; } 

.booking-dtl-right p {margin-bottom: 3px; } 

.booking-dtl-right p  strong {font-size: 24px; color:#333;}

.booking-dtl span { color: #777777}

.booking-dtl-amount{color: #fff; background: #0858a1; margin-bottom: 30px; border-radius: 5px; padding: 26px 30px; font-size: 24px; line-height: 1; letter-spacing: 0.5px;align-items: center; justify-content: space-between; }

.booking-dtl-amount span,

.booking-dtl-amount strong{display: inline-block; } 

.booking-dtl-amount strong{font-size: 32px; margin-left: 10px; }

.booking-dtl .presents-txt {  font-weight: bold;  color: #333;}

.reject-bx-popup h2 {  font-size: 25px; border-bottom: none; color: #000;  text-align: center;     padding-right: 0;}

.reject-bx-popup .reject-btn .btn-custom {  height: 40px;  line-height: 40px;  font-size: 14px; border-radius: 5px;  width: 35%; margin: 0 5px;}

.reject-btn { text-align: center; }

/*booking dtl end*/





/* Booking List  css start*/

.profile-dash-rt-sp img {  border-radius: 50%;}

.profile-dash-rt-sp .refer-list-text h4 {  margin-bottom: 5px;}

.refer-list-text p {  margin-bottom:20px;     font-size: 14px;}

.profile-dash-rt-sp .refer-list-text { font-size: 14px; color: #777777;}

.profile-dash-rt-sp  .refer-list-text span { font-size: 16px;}

.profile-dash-rt-sp   .pagination-main {    padding: 30px 0 0px 0;}

.booking-list-top { display: flex; align-items: center; justify-content: space-between; margin-bottom:30px;}    

.booking-list-top  .service-list-group { margin-bottom: 0px;}

.booking-list-top a.add-btn {  height: 50px; line-height: 50px; font-size: 18px;  font-weight: 400; text-transform: capitalize;}

/* Booking List  css End*/





/* my-profile-sp  css start*/

.profile-dash-sp hr {  margin:25px 0;  border-top: 2px dashed rgba(0,0,0,.1);}

.heading-location {  width:100%;  font-weight:500; font-size:20px; color:#333333; margin-bottom: 5px;}

.document-card .document-icon {flex: 0 0 60px;max-width: 60px;margin-right: 15px; text-align: center;}

/* my-profile-sp  css end*/





/* service-list  css start*/

.service-list-group li{width:146px;border:1px solid #f1f1f1;display:flex;border-radius:5px;margin-right:20px;align-items:center;position:relative;justify-content:center;font-size:18px;background:#fafafa;color:#777;height:50px;line-height:50px}

.service-list-group{display:flex;margin-bottom:25px}

.service-list-group li span{background:#e6e6e6;color:#777;padding:0;border-radius:40px;width:22px;height:22px;line-height:normal;text-align:center;display:flex;align-items:center;justify-content:center;font-size:14px;position:absolute;right:9px;top:5px}

.service-list-group li.active,.service-list-group li:hover{background:#1b3c74;color:#fff}

.service-list-group li.active span,.service-list-group li:hover span{background:#fff;color:#1b3c74}

.service-list-group li.active a,.service-list-group li:hover a{color:#fff}

.service-list-group li a{color:#777;width:100%;height:100%;text-align:center}

.service-list-bx-inner .img-bx{display:block;padding-bottom:20px}

.img-bx img{max-height:160px}

.service-list-bx-inner h5 { margin-bottom: 10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}

.service-list-bx-inner .media{justify-content:center;margin:0 auto;text-align:center;align-items:center;width:200px;margin-bottom:15px}

.service-list-bx-inner .media img{margin-right:10px;max-width:45px}

.service-list-bx-inner .media-body h4{margin-bottom:0;color:#333;font-size:18px}

.service-list-bx-inner .media-body p{color:#777;font-size:14px}

.service-list-bx-inner .media-body{text-align:left}

.date-link{display:block;color:#333;margin-bottom:5px;font-size:14px}

.payment-bx{padding-bottom:20px;font-size:14px;color:#777;display:flex;align-items:center;justify-content:center}

.payment-bx span{color:#0b5aa4;font-weight:600;font-size:18px;margin-left:5px}

.view-detail-btn{display:block;padding-top:15px;border-top:1px solid #f0f0f0;font-size:14px;color:#84ac1c}

.view-detail-btn img{margin-left:5px}

.service-list-bx-inner p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px;max-height:50px;font-size:14px;color:#777}

.profile-dash-sp .profile-img img{box-shadow:none;max-width:177px;height:140px;object-fit:contain}

.list-mb0  [class*="col-"]:nth-child(4) > div, .list-mb0  [class*="col-"]:nth-child(5) > div, .list-mb0  [class*="col-"]:nth-child(6) > div{ margin-bottom: 0px; height: 100%;}

.service-list-bx .date-link { margin-bottom: 10px;}



/* service-list  css End*/





/*Refer Group css Start*/

.refer-bx-list {text-align: center; background: #fff; box-shadow: 0px 0px 30px #ebebeb;  border-radius: 5px; margin-bottom: 30px; height: calc(100% - 30px);    padding: 15px 15px 15px 15px;}

.refer-list-img {padding-bottom:30px ;}

.refer-list-img img { /*border-radius: 50%;*/ width: 185px; height: 185px; object-fit: cover;}

.refer-list-text span {  display: block; margin-bottom: 5px; color: #777777;}

.refer-bx-list .list-link {  display: flex;   flex-wrap: wrap; justify-content: center; margin-bottom: 0;  font-size: 14px;}

.refer-table { padding: 10px 15px;}

.refer-table li { display: flex; justify-content: space-between; font-size: 14px; color: #777777; border-bottom: 1px solid #f0f0f0;align-items: center;  padding: 0 0 9px 0;}

.refer-table li span {  font-size: 16px; color: #333333;  font-weight: 500; margin-bottom: 0px;}

.refer-table li:last-child{ padding-top:6px; border-bottom: none;}

.refer-bx-list .list-link li a {  margin-right: 3px;}

.refer-list-text h4 a {  color: #393939; font-weight: 500;}

.refer-list-text h5 {  margin-bottom: 5px;}

/* Refer Group css End*/





/*My Service Detail page*/

.service-dtl .detail-img-box {max-width: inherit;min-height: 200px;width: 217px;}

.service-dtl .booking-dtl { background: transparent;box-shadow: none;}

.service-dtl .media-body { margin-left:50px;}

.name-text a {  font-size: 25px;  color: #393939;  font-weight: 500;}

.service-dtl .media-body ul { margin-bottom: 30px;}

.service-dtl .media-body > span { display: block; margin-bottom:2px; font-weight: 400;}

.service-dtl .media-body li { font-size: 14px;     margin-bottom: 5px;}

.name-text .review-btn { display: inline-block; background: #a767dd; padding: 6px 15px; border-radius: 5px; font-size: 14px; color: #fff;     font-weight: 400;}

.name-text {align-items: center;  justify-content: space-between;}

.service-dtl ul.pay-amount-list {box-shadow: none;     margin-bottom: 0px;     padding: 20px 0;}

.service-dtl ul.pay-amount-list li { border-bottom: 1px dashed rgba(0,0,0,0.06); font-size: 16px; font-weight: normal;}

.service-dtl ul.pay-amount-list li:last-child {    border-bottom: none;}

.service-dtl  .pay-amount-list strong { font-size: 25px;}

.persent-txt {display: inline; font-weight: bold;}

.service-dtl ul.pay-amount-list li:first-child { padding-top: 16px;   border-top: 1px dashed rgba(0,0,0,0.06);}

.service-dtl .booking-dtl-amount strong { display: flex; align-items: center;}

.service-dtl .booking-dtl-amount strong  s {  font-size: 16px; color: #b9c7dc; margin-right: 10px;}



/*My Service Detail page*/





/*payment*/

.payment {max-width: 770px; margin: 0 auto; text-align: center; padding: 60px 0 20px; } 

.payment figure{margin: 0px 0 20px; }

.payment h2 {font-size: 36px; font-weight: 700; color: #0b5aa4; line-height: 1.1; margin-bottom: 20px; }

.payment p{color: #777777; margin: 0 0 30px; }

.payment .btn-custom{ min-width: 230px;}

.pay-amount-list{font-size: 18px; color: #333333; padding:25px 30px; margin-bottom: 35px; border-radius: 5px; box-shadow: 0 10px 30px rgba(0,0,0,0.06); } 

.btn-wrapper {padding-top: 5px; }

.pay-amount-list li{display: flex; justify-content: space-between; align-items: center; line-height: 30px; border-bottom: 1px solid rgba(0,0,0,0.06); padding-bottom: 16px; margin-bottom: 16px; }

.pay-amount-list li span:last-child {margin-left: 10px;}

.pay-amount-list li:last-child{border-bottom: 0; padding-bottom:0; margin-bottom: 0;}

/*payment end*/



/*error*/

.error{color: red;text-align: left;}

.error { margin: 0 auto; text-align: center; padding: 85px 0; } 

/* .error {max-width: 850px; margin: 0 auto; text-align: center; padding: 85px 0; }  */

.error figure{margin: 0px 0 20px; }

.error h2 {font-size: 36px; font-weight: 700; color: #0b5aa4; line-height: 1.1; margin-bottom: 20px; }

.error p{color: #777777; margin: 0 0 30px;} 

.error .btn-custom{ min-width: 300px; font-weight: 500; font-size: 20px; line-height: 65px; height: 65px; 

text-transform: capitalize;}





/*error end*/



/* payment success css Start*/  

.payment-top-box h1 { font-family: 'Roboto', sans-serif; color: #0b5aa4; font-size:36px; font-weight: 700;  line-height: 1; margin-bottom: 20px;}

.payment-top-box { margin-bottom: 30px;} 

.payment-top-box p {color: #777777; font-size: 16px; margin-bottom:10px;}

.payment-top-box img { margin-bottom:25px;} 

.payment-top-box  span{ font-size: 18px; font-weight: 400; color: #393939;  display: block;}

.payment-inner.succecc-full-pay {max-width: 830px; margin: 20px auto;} 

.payment-sec.success-discount-sec{margin-bottom: 0px; padding: 30px 25px;}

.payment-sec.success-discount-sec::before { content: inherit;} 

.payment-sec.success-discount-sec .media-body h4 { font-size:19px; line-height:30px; margin-bottom: 0px; font-weight: bold; color: #333333;}

.payment-sec.success-discount-sec .media { align-items: center;  margin-bottom: 30px;}

.payment-sec.success-discount-sec .media img { margin-right:24px;}

.payment-sec.success-discount-sec .media-body span { font-size: 20px;  color: #333333; font-weight:500; display: block;} 

.email-address form { display: flex; margin-top:35px;}

.email-address .form-group input.form-control {height: 50px;line-height: 50px;border:0; box-shadow: 0 0px 15px rgb(0 0 0 / 6%);border-radius:5px; font-size: 14px; color: #292929; padding-left: 65px;}

.email-address button.btn-custom {  height: 50px; line-height: 50px; box-shadow: 0 0px 10px rgb(0 0 0 / 9%); text-transform: uppercase; border-radius:5px; max-width: 133px; width: 100%; font-size: 14px; font-weight: 500; letter-spacing: 0.8px;}

.email-address .form-group {margin-bottom: 0px; margin-right: 10px; width: 100%; position: relative; }

.email-address .form-icon .list-img {position: absolute; height: 100%; display: inline-flex; align-items: center; left: 0; width: 50px; justify-content: center; }

.email-address .form-icon .list-img img {max-width: 24px; max-height: 24px; }

.email-address .form-icon .list-img:after {content: ""; width: 1px; height: 40px; position: absolute; right: 0; background: #f0f0f0; }

.discount-sec.success-discount-sec { background: #f9fefc; background: #fbfdfe; background: linear-gradient(to right, #f7fdfa 0%,#eaf3f0 100%); border-radius: 10px; padding:20px 25px; border: 2px dashed #a0cdbe; position: relative; margin-bottom: 30px;}

.discount-table.success-discount-table tr th{line-height: 1;}  

.discount-table.success-discount-table tr:first-child th { font-size: 18px; font-weight: 500;  min-width: 140px;}

.discount-table.success-discount-table th {font-size: 18px; color: #333333;} 

.discount-table.success-discount-table tr td { padding:12px 0; color: #333333;}    

.discount-table.success-discount-table tr td strong{font-weight: 500;}   

.discount-table.success-discount-table tr { border-bottom: 1px solid #a0cdbe;  margin-bottom: 0px;}

.discount-table.success-discount-table tr:first-child th {  font-size: 16px;  font-weight: 500;  min-width: 110px;}

.discount-table.success-discount-table tr:last-child td {  padding-bottom: 0px;}

.discount-table.success-discount-table th {font-size: 18px; color: #333333;}

.discount-table.success-discount-table tr td { padding:10px 0;}

.discount-table.success-discount-table tr { border-bottom: 1px solid #a0cdbe;  margin-bottom: 0px;}

.discount-table.success-discount-table tr:first-child {  border-bottom: none;}

.discount-table.success-discount-table tr:last-child {   border-bottom: none;}

/* payment css End*/









/* listing css start*/

.list-serach-lt { max-width:770px; width: 100%;}

.list-serach-lt form {  display: flex;  width: 100%;}

.list-serach-lt .form-group, .email-address .form-group { margin-bottom: 0px; margin-right:10px;  width: 100%; position: relative;}

.list-serach-lt .form-group input.form-control, .email-address .form-group input.form-control {height: 50px;line-height: 50px;box-shadow: 0 0px 15px rgb(0 0 0 / 6%);border-radius:5px;padding-left: 65px;}

.list-serach-lt button.btn-custom, .email-address button.btn-custom {  height: 50px; line-height: 50px; box-shadow: 0 0px 10px rgb(0 0 0 / 9%); border-radius:5px; max-width: 133px; width: 100%; font-size: 16px;}

.form-icon .list-img {position: absolute;height: 100%;display: inline-flex;align-items: center;left: 0;width: 50px;justify-content: center;}

.form-icon .list-img img {max-width:20px;max-height: 22px;}

.form-icon .list-img:after {content: "";width:1px;height:40px;position:absolute;right: 0;background:#f0f0f0;}

.list-serach-box { margin-bottom: 50px; display: flex;  align-items: center; justify-content: space-between;}

.list-serach-rt a { color: #333333; font-size: 14px;}



/* listing css end*/





/* browse-services css start*/

.browse-services-bx .search-block { 

    max-width:100%; width:100%;

}



.popularSearchesBlock.browse-services-bx { padding-top: 40px; background:url(../images/browse-services-shape.png) no-repeat top left;}

.browse-services-bx-inner {  margin-bottom: 30px;  border-bottom: 1px solid #f1f1f1;  padding-bottom: 30px;}

.popularSearchesBlock.browse-services-bx .list-serach-box{ margin-bottom: 0px;}



.serach-result-bg:before { content: ""; display: block; background: url(../images/services-shape1.png) no-repeat top left;  width: 127px;

position: absolute;left: -60px; top: -50px;   height: 150px;}

.serach-result-bg {  position: relative;}

/* browse-services css start*/





.groupDiscountBlock{border-radius: 10px;padding:20px;border: none;background: #ebf5fc;}

.groupDiscountBlock:before{display: none;}

.fromBlockTo{width:200px;}

.fromBlockTo .form-control{margin:0 10px;height:35px;line-height:35px;padding:0 10px;font-size:14px;}

.rightPersBlock .form-control{height:35px;line-height:35px;padding:0 10px;font-size:14px;}

.smallControl{width:54px;}





.plansCheckBlock{position: relative;}

.plansCheckBlock .custom-checkbox {position: absolute;top:25px;right:25px;margin:0;width:42px;}

.plansCheckBlock .plan-box{background: #fff;box-shadow: 5px 5px 30px #e7e7e7;}

.plansCheckBlock .plan-box .weekly-price span{display: inline-block;}

.plansCheckBlock .plan-box .plan-txt{margin-bottom:0;}



.customTableBlock .table th{background-color: #ebf5fc;}

.fillBgCol {background: #e6f7ed !important;}

.customTableBlock {background: #ffffff;padding: 20px;border-radius: 20px;margin-bottom: 30px;box-shadow: 5px 5px 30px #e7e7e7;}

.customTableBlock .table{margin:0;}

.customTableBlock .table td, .customTableBlock .table th{padding:10px 15px; vertical-align: middle;    border: 1px solid #ffffff;white-space: nowrap;}

.customTableBlock .table tr td{width:auto;}

.tablePriceBlock {display: block;font-size: 16px;color: #777;font-weight:400;}

.tablePriceBlock small {display: block;color: #000;font-weight:500;}

.customTableBlock .form-control{height:40px;line-height:40px;}



.customSelect label{display: block;}

.customSelect .select2-container{width:100% !important;}

.customSelect .select2-selection{height:50px;border: solid 1px #e5e5e5;}

.customSelect .select2-selection__rendered{line-height:50px !important;padding:0 15px !important;}

.customSelect .select2-selection__arrow{background:#fff url(../images/select-arrow.png) no-repeat;width:15px !important;height:8px !important;top: 20px!important;right: 15px!important;}

.customSelect .select2-selection__arrow b{display: none;}

.groupDiscountBlock .btn-custom{height:35px;line-height:35px;padding: 0 10px;}







.booking-table tr td, .booking-table tr th {  white-space: nowrap;}

.bookingdtl-btn .btn-custom { margin-left:10px;}

.bookingdtl-btn .btn-custom:first-child {margin-left: 0;}

.booking-table tr th, .booking-table td { width: auto;}

.booking-table thead th { color: #fff; border-bottom: 1px solid #dee2e6;  text-align: center; background: #0858a1; padding: 18px 10px;}

.booking-table td {font-size: 14px; color: #333333; text-align: center;     padding: 19px 10px;}

.booking-table {background: #f9f9f9;border-radius: 10px; margin-bottom: 0px;}

.booking-table thead tr:first-child th {border-top:none;}

.booking-table thead th:first-child {border-top-left-radius: 10px;}

.booking-table thead th:last-child {border-top-right-radius: 10px;}

.bookingdtl-btn .btn-custom.danger-btn {background: #dc3545 !important;}

.services-history-table h4{margin-bottom: 25px;}

.services-history-table {margin-bottom: 30px;}

.document-detail {

  position: relative; flex: auto;

}

.form-group .error {

  padding: 0px 15px;

  text-align: left;

}

.select-img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}

.select-img input[type="file"] { display: block;text-indent: -200px;overflow: hidden;border: 0px;font-size: 0px;height: 100%;width: 100%;outline: none;cursor: pointer;border-radius: 10px;background-position: center 40px;}

.select-img .error {

  padding: 0px;

    font-size: 10px;

    margin-top: -1px;

    text-align: left;

    line-height: 1;

}

.completedJobsBlock{    justify-content: space-between;}

.completedJobsTital{display: block;font-weight:500;font-size:18px;color:#333333;}

.listNumber {

    display: block;

    min-width: 40px;

    height: 40px;

    background: #e6f7ed;

    border-radius:6px;

    line-height: 40px;

    text-align: center;

    font-size:22px;

    font-weight: 500;

    padding: 0 10px;

}

.plansCheckBlockDashboard .plan-box{display: flex;padding:20px;}

.plansCheckBlockDashboard .plan-box img{display: block;flex:0 0 60px;margin-right:15px;margin-bottom:0;}

.add-services-plan .plansCheckBlockDashboard .weekly-price {font-size: 24px;}



/*cms pages */

.cms-pg ul, .about-box ul {list-style: disc;}

.cms-pg ul, .cms-pg ol, .about-box ul, .about-box ol { padding-left: 15px; padding-bottom: 15px;}

.cms-pg ol, .about-box ol {list-style: auto;}

.about-box h2 { font-size: 40px;}

.about-img img { border-radius: 10px;}

/*cms pages */



/*Change password */

.form-group label.error, .form-group span.error {font-size: 13px; padding: 5px 0px; width: 100%;}

/*Change password */

.form-group { position:relative;}

.input-group-addon{  position:absolute; top:44px;right:10px; }

/* .input-group-addon{  position:absolute; top:44px;right:10px; z-index: 999999;} */

.input-group-addon-css{

  position: absolute;

    top: 14px;

    right: 10px;

    z-index: 999999;

}



.input-group-addon-css i{

    color: black;

}



.input-group-addon .fa.fa-eye-slash { color:#848484; font-size:16px;}

.input-group-addon a {  color:#848484;}

.login-form .frm-register .input-group-addon,.login-form .frm-login .input-group-addon {    top: 40px;}





.btn-additional{

  height: 42px;

  line-height: 44px;

}





.browse-services-bx .search-box label{display: none;}

.browse-services-bx .search-field {

    height: 50px;

    border: solid 1px #e5e5e5;

    box-shadow: 0 0px 15px rgb(0 0 0 / 6%); 

}

.browse-services-bx .search-block .select2-container .select2-selection--single {

    height: 50px;

}

.browse-services-bx .search-block .select2-container .select2-selection--single .select2-selection__rendered {

    padding-top: 12px;

    font-size: 16px !important;

    color: #333333 !important;

    font-weight: 400 !important;

}



.browse-services-bx .search-block .img-sec {

    width: 50px;

    flex: 0 0 50px;

}



.browse-services-bx .search-block .img-sec img {

    max-width: 20px;

    max-height: 22px;

}

.browse-services-bx .search-inner-block {

    max-width: 100%;

    flex: 0 0 80%;

}

.browse-services-bx #banner-search-btn {

    margin-left:0;

    height:50px;

    line-height:50px;

}







.reach-block h2{font-size: 44px;}

.reach-block textarea.form-control{

	height:150px;

	line-height: normal;

	padding:15px;

}

.reachBanner {

    background: #20261e;

}

.reachBanner img {

    opacity: 0.8;

    width: 100%;

}



input[type=number]::-webkit-inner-spin-button, 

input[type=number]::-webkit-outer-spin-button { 

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    margin: 0; 

}



input,

input::-webkit-input-placeholder {

    font-size: 14px;

    line-height: 4;

}



.paused-class{

    color: red;

}



.service-ribbon {

    margin: 0;

    background: #b50b23;

    color:white;

    padding:2px;

    position: absolute;

    top:0;

    right:0;

    transform: translateX(30%) translateY(0%) rotate(45deg);

    transform-origin: top left;

  }

  .service-ribbon:before,

  .service-ribbon:after {

    content: '';

    position: absolute;

    top:0;

    margin: 0 -1px; /* tweak */

    width: 100%;

    height: 100%;

    background: #b50b23;

  }

  .service-ribbon:before {

    right:100%;

  }

  

  .service-ribbon:after {

    left:100%;

  }

  

  

  .service-left-ribbon {

    margin: 0;

    background: #84ac1c;

    color:white;

    padding:2px;

    position: absolute;

    top:0;

    right:0;

    transform: translateX(30%) translateY(0%) rotate(45deg);

    transform-origin: top left;

  }

  

  

  .service-left-ribbon:before,

.service-left-ribbon:after {

  content: '';

  position: absolute;

  top:0;

  margin: 0 -1px; /* tweak */

  width: 100%;

  height: 100%;

  background: #84ac1c;

}

.service-left-ribbon:before {

  right:100%;

}



.service-left-ribbon:after {

  left:100%;

}

  

  

  .blogSlider.owl-carousel .owl-stage-outer {

    padding: 40px 0 100px;

}

  

  .bloglBlock {

    padding-top: 80px; position: relative;

}



.blogCard {

  background: #fff;

  box-shadow: 0 0 10px rgb(0 0 0 / 8%);

  border-radius: 8px;

  margin: 0 0px 30px 0px ; padding-bottom: 20px; position: relative;

}



.blogCard .popularTag { position: absolute; z-index: 1; left: 15px; top: 15px;}



.bloglBlock .owl-controls .owl-nav {

  position: absolute;

  top: -90px;

  right: 0;

  width: 115px;

}

.bloglBlock .owl-controls .owl-prev, .testimonialBlock .owl-controls .owl-next{width:28px; height:15px;position:relative;}

.bloglBlock .owl-controls .owl-prev{background: url(../images/prev-arw.png);}

.bloglBlock .owl-controls .owl-next{background: url(../images/next-arw.png);}



.blogimg{ margin-bottom: 20px;}

.blogimg img{border-radius:8px 8px 0px 0px ;}



.blogCardCardInfo h5 {

  color: #393939;

  margin-bottom: 10px;

}



.blogCardCardInfo ul{ padding: 0px; margin: 0px; list-style: none;}

.blogCardCardInfo ul li{ display: inline-flex; align-items: center; position: relative; padding-left: 20px; margin-right: 10px; font-size: 14px; color:#818181}

.blogCardCardInfo ul li i{ position: absolute; left: 0; top: 3px;}



.tags-block{margin-bottom:60px;}

.tags-block ul{flex-wrap: wrap; margin-top: 15px;}

.tags-block ul li{margin-bottom:10px; margin-right:10px;}

.tags-block ul li a{border: solid 1px #dddddd; color: #ccc;padding:10px 15px;display: block; border-radius: 5px;}

.tags-block ul li a:hover{border: solid 1px #84ac1c; color: #fff;background-color: #84ac1c;}



.blog-detail-page .nav-links{display:flex;align-items:center;justify-content:space-between;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;padding: 15px 0;margin:15px 0 30px;}

.blog-detail-page .nav-links a {color: #666;}

.blog-detail-page .nav-subtitle{margin-bottom: 10px;}

.blog-post-info{ margin-top: 20px;}

.blog-post-info h2{font-weight:700;font-size: 24px;margin-bottom:10px;}

.blog-post-info ul{ margin-bottom: 20px;}

.blog-post-info ul li{font-size: 12px;text-transform: uppercase;color: #a5a6aa;font-weight:500;margin-right:20px;}

.blog-post-info ul li a{color: #a5a6aa;}



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

.blogimg img {

  object-fit: cover;

  min-height: 270px;

}

}