@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:100,200,300,400,500,600,700,800,900&display=swap&subset=latin-ext,vietnamese');
@import url('https://fonts.googleapis.com/css?family=Cabin+Condensed:400,500,600,700&display=swap&subset=latin-ext,vietnamese');
/*{font-family: 'Cabin Condensed', sans-serif;}*/
body { margin: 0; padding: 0; font-family: 'Barlow Condensed', sans-serif; }
.body_inner { background: #f3f3f3 }
html { scroll-behavior: smooth; }
*, h1, h2, h3, h4, h5,h6, p, div, ul , li, ol, hr { margin: 0; padding: 0; }
 ul , li, ol { list-style: none; }
 button:hover, button:focus{ outline: 0; box-shadow: none; border: 0; }
 .form-control:focus { outline: 0; box-shadow: none; }
 a, a:hover { text-decoration: none; }
 ::-webkit-file-upload-button { cursor:pointer; }
.top_slider { position: relative; top: 0; left: 0; width: 100%; height: 80vh; z-index: 0 }
.top_slider .top_carousel { max-height: 100%; overflow-y: hidden; }
.top_slider .carousel-item, .top_slider .carousel-inner { height: 100%; }
.top_slider h1 { font-weight: 400; text-align: left; font-size: 75px; color: rgb(8, 182, 206); line-height: 1.05; text-shadow: 4.243px 4.243px 0px rgba(0, 0, 0, 0.35); font-family: 'Cabin Condensed', sans-serif; max-width: 790px; }
.top_slider p { font-size: 35px; font-weight: 200; color: #fff; text-align: left; }
.top_logo { max-width: 200px; }
header { padding-top: 15px; position: relative; width: 100%;  z-index: 2;}
.top_nav_btn { background: #08b6ce; border:0; padding: 12px 16px; border-radius: 10px;}
.top_nav_btn i { color: #fff; font-size: 20px; }
.top_slider_padding { top: 0px  }
.full_nav { background: /*#efefef*/#fff; border-top: 1px solid #bdbcbc; }
.custom_nav { padding: 0; }
.custom_nav .nav-item .nav-link { font-size: 20px; color: /*#222931*/#08b6ce; margin-left: 0px; margin-right: 0px; padding-left: 0; padding-right: 0; font-weight: 400; position: relative; /*max-width: 90px;*/ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: 0; transition: all ease-in-out 500ms;  }
.custom_nav .nav-item .nav-link::after { width: 0; height: 100%; background: #08b6ce; position: absolute; content: ''; bottom: 0px; left: 0; z-index: -1; transition: all ease-in-out 500ms  }
.custom_nav .nav-item .nav-link.login_signup_btn { padding-left: 35px; color: #fff; padding-right: 35px; max-width: 100%; }
.custom_nav .nav-item:hover .nav-link { color: #fff; transition: all ease-in-out 500ms; }
.custom_nav .nav-item:hover .nav-link::after { width: 100%; height: 100%; background: #08b6ce; position: absolute; content: ''; bottom: 0px; left: 0; z-index: -1; transition: all ease-in-out 500ms  }
.custom_nav .nav-item.active .nav-link::after { width: 100%; height: 100%; background: #08b6ce; position: absolute; content: ''; bottom: 0px; left: 0; transition: all ease-in-out 500ms  }
.custom_nav .nav-item:first-child .nav-link { padding-left: 0; }
.login_signup_btn {  border-radius: 10px; background-color: rgb(236, 100, 2); box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.35); width: auto!important; transition: all ease-in-out 500ms;}
.custom_nav .nav-item:hover .nav-link.login_signup_btn { color: #fff!important; }
.nav-item:hover a.nav-link.login_signup_btn , .nav-item:focus a.nav-link.login_signup_btn { color: #fff!important; transition: all ease-in-out 500ms; background: #08b6ce; }
.nav-item:hover a.nav-link.login_signup_btn::after { display: none; }
.custom_nav .select-style { padding: 0; margin: 0; width: 120px; border-radius: 3px; overflow: hidden; background-color: #eeaf1c; display: inline-block; vertical-align: top; background: #eeaf1c url("../images/drop_arrow_white.png") no-repeat 90% 50%; }
.custom_nav .select-style select { padding: 5px 20px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;  font-size: 18px; color: #ffffff; font-weight: 500;}
.custom_nav .select-style select:focus { outline: none; }
.search_box { background: #fff; width: 100%; height: 60px; border-radius: 12px; margin-top: 40px; padding-left: 20px; max-width: 550px;}
.search_box input, .search_box input:focus { width: 100%; border:0; outline: 0; box-shadow: none; font-size: 18px; color: rgba(71,71,71,.63); }
.search_box button, .search_box button:focus { background: #ec6402; border: 0; padding: 0 15px; font-size: 20px; outline: 0; box-shadow: none; border-top-right-radius: 12px; border-bottom-right-radius: 12px; border: 3px solid #fff; cursor: pointer; transition: all ease-in-out 500ms }
.search_box button:hover, .search_box button:focus { background: #08b6ce; transition: all ease-in-out 500ms }
.search_box input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: color: rgba(71,71,71,.63); opacity: 1; /* Firefox */ }
.search_box input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: color: rgba(71,71,71,.63); }
.search_box input::-ms-input-placeholder { /* Microsoft Edge */ color: color: rgba(71,71,71,.63); }
.mobile_search { display: block; }
.top_slider .carousel-control-prev { width: 60px; height: 60px; background: rgba(8,182,206,.50); bottom: 20px; top: auto; left: 30px; opacity: 1; border-top-left-radius: 10px; border-bottom-left-radius: 10px; transition: all ease-in-out 300ms }
.top_slider .carousel-control-prev:hover, .top_slider .carousel-control-next:hover {  background: rgba(8,182,206,1); transition: all ease-in-out 300ms }
.top_slider .carousel-control-next { width: 60px; height: 60px; background: rgba(8,182,206,.50); bottom: 20px; top: auto; left: 90px; opacity: 1; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.search_box i { color: #fff; font-size: 30px; }
.service_section_main { padding-top: 70px; background: #f3f3f3; position: relative; margin-bottom: 50px; z-index: 1; }
.service_section_main::before { content: " "; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background: #f3f3f3; transform-origin: bottom left; -ms-transform: skew(0deg, 3deg); -webkit-transform: skew(0deg, 3deg); transform: skew(0, 3deg); }
.service_section_main h2 { font-size: 50px; color: #000; font-weight: 500; font-family: 'Cabin Condensed', sans-serif; text-align: center; position: relative; padding-bottom: 25px; }
.service_section_main h2::after { content: ''; position: absolute; bottom: 0px; width: 103px; height: 9px; background: url(../images/heading_after_orange.png); left: calc(50% - 51px); }
.service_section_main h5 { font-size: 30px; color: #505050; font-weight: 400; text-align: center; max-width: 350px; margin: 20px auto 0; }
.mt-130 { margin-top: 130px; }
.servie_list_boxes { border-style: solid; border-width: 1px; border-color: rgba(107, 106, 106, .16); border-radius: 10px; background: #fff; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); padding: 15px; margin-bottom: 100px; display: block; transition: all ease-in-out 500ms;}
.service_section_main a:hover.servie_list_boxes { background: #1d272c; box-shadow: 0px 8px 0px 0px rgba(0, 0, 0, 0.1); transition: all ease-in-out 500ms;}
.service_icon_box { background-color: rgb(8, 182, 206); box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1); width: 100px; height: 100px; border-radius: 15px; margin: -70px auto 0; transform: rotate(45deg); -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg); }
.service_icon_box img { transform: rotate(-45deg); -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg); margin-top: 15px; margin-left: 15px; }
.servie_list_boxes h3 { text-align: center; text-transform: capitalize; color: #000; font-size: 28px; font-weight: 400; margin-top: 30px; margin-bottom: 40px; transition: all ease-in-out 500ms;   white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.service_section_main a:hover.servie_list_boxes h3 { color: #fff; transition: all ease-in-out 500ms; }
a.see_more { background: #ec6402; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.24); height: 74px; z-index: 209; line-height: 74px; border-radius: 70px; padding-left: 40px; padding-right: 40px; font-size: 30px; color: #ffffff; margin-top: -30px; font-weight: 500; text-transform: uppercase; display: inline-block; position: relative; overflow: hidden;  transition: all ease-in-out 300ms; }
a:hover.see_more { box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.24);  transition: all ease-in-out 300ms; }
a.see_more::after { content: ''; position: absolute; width: 100px; opacity: 1; height: 150px; border-radius: 0;  background: rgb(255,255,255,.2); top: -60px; left: -100px;  z-index: -1; transform: rotate(20deg); -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); transition: all ease-in-out 300ms; }
a:hover.see_more::after { top:0; left: 100%; transition: all ease-in-out 300ms; }
.feature_provider_main { padding-top: 70px; background: #fff; position: relative; padding-bottom: 70px }
.feature_provider_main::before { content: " "; position: absolute; display: block; width: 250px; height: 267px; top: 0; right:  0;background: url(../images/papular_service_provider_before.png); }
.feature_provider_main::after { content: " "; position: absolute; display: block; width: 250px; height: 278px; bottom: 0; left:  0;background: url(../images/papular_service_provider_after.png); }
.feature_provider_main h2 { font-size: 50px; color: #000; font-weight: 500; font-family: 'Cabin Condensed', sans-serif; text-align: center; position: relative; padding-bottom: 25px; margin-bottom: 55px; }
.feature_provider_main h2::after { content: ''; position: absolute; bottom: 0px; width: 103px; height: 9px; background: url(../images/heading_after_orange.png); left: calc(50% - 51px); }
.feature_provider_boxes {  border-radius: 10px; background-color: rgba(8, 182, 206, 0.051); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2); padding: 15px; text-align: center; display: block; transition: all ease-in-out 500ms; }
.feature_provider_boxes:hover { box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1); background-color: rgba(236, 100, 2, .051); transition: all ease-in-out 500ms; }
.prvider_image_1_box { width: 122px; height: 122px; border-radius: 122px; border:2px solid #1d272c; padding: 4px; display: inline-block; margin: 0 auto; }
.prvider_image_2_box { width: 112px; height: 112px; border-radius: 112px; border:2px solid #1d272c; padding: 4px; margin-left: -1px; margin-top: -1px; }
.prvider_image_main { width: 102px; height: 102px; border-radius: 102px; background: #000; margin-left: -1px; margin-top: -1px; }
.prvider_image_main img{ width: 100%; height: 100%; border-radius: 100px; }
.service_star_box { width: 100%; margin-top: 25px; }
.service_star_box i { color: #ec6402; font-size: 20px; display: inline-block; margin: 0 1px; }
.service_star_box i.gray { color: #ccc; }
.feature_provider_boxes h3 { font-size: 30px; color: #000; font-weight: 400; text-transform: capitalize; }
.feature_provider_boxes h6 { font-size: 20px; color: #9f9f9f; font-weight: 400; text-transform: capitalize; font-family: 'Cabin Condensed', sans-serif; }
.feature_provider_main a.see_more { background: #ec6402; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.24); height: 74px; z-index: 209; line-height: 74px; border-radius: 70px; padding-left: 40px; padding-right: 40px; font-size: 30px; color: #ffffff; margin-top: 10px; font-weight: 500; text-transform: uppercase; display: inline-block; position: relative; overflow: hidden; z-index: 0;  transition: all ease-in-out 300ms; }
.feature_provider_main a:hover.see_more { box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.24);  transition: all ease-in-out 300ms; }
.feature_provider_main a.see_more::after { content: ''; position: absolute; width: 100px; opacity: 1; height: 150px; border-radius: 0;  background: rgb(255,255,255,.2); top: -60px; left: -100px;  z-index: -1; transform: rotate(20deg); -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); transition: all ease-in-out 300ms; }
.feature_provider_main a:hover.see_more::after { top:0; left: 100%; transition: all ease-in-out 300ms; }
.download_app_main { background: #1d272c; }
.download_top_bg { position: relative; }
.download_top_bg::after { content: ''; position: absolute; top: 0%; right: 0; width: 100%; background: url(../images/downloa_top_bg.png); height: 170px; background-size: 100% 100%; }
.download_app_main h2 { font-size: 50px; color: #fff; font-weight: 500; font-family: 'Cabin Condensed', sans-serif; text-align: left; position: relative; padding-bottom: 25px; margin-bottom: 55px; }
.download_app_main h2::after { content: ''; position: absolute; bottom: 0px; width: 103px; height: 9px; background: url(../images/heading_after_white.png); left: 0; }
.download_app_main p{ color: #fff; font-size: 25px; font-family: 'Cabin Condensed', sans-serif; }
.download_app_box  { max-width: 450px; padding-top: 20px; padding-left: 15px; padding-bottom: 20px;}
.download_app_buttons_box { width: 100%; margin-top: 25px; }
.download_app_buttons_box a { max-width: 190px; display: inline-block; margin-right: 15px; }
.blog_page_main { padding-top: 70px; background: #fff; position: relative; padding-bottom: 80px }
.blog_page_main h2 { font-size: 50px; color: #000; font-weight: 500; font-family: 'Cabin Condensed', sans-serif; text-align: center; position: relative; padding-bottom: 25px; margin-bottom: 55px; }
.blog_page_main h2::after { content: ''; position: absolute; bottom: 0px; width: 103px; height: 9px; background: url(../images/heading_after_orange.png); left: calc(50% - 51px); }
.blog_box { border-style: solid; border-width: 1px; border-color: #e7e7e7; box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.1); transition: all ease-in-out 500ms; }
.blog_box .blog_main_image { width: 100%; height: 200px; overflow: hidden;}
.blog_list_content { padding: 25px 15px 20px; }
.blog_list_content h3 { font-size: 22px; color: #000; font-weight: 500; }
.blog_list_content h5 { font-size: 19px; color: #9c9c9c; font-weight: 400; margin-top: 15px; }
.blog_list_content h5 img { margin-right: 10px;  }
.blog_list_content p { font-size: 20px; line-height: 27px; font-weight: 400; color: rgba(44,44,44,.60); margin-top: 15px; }
.blog_list_content a.read_more_link { font-size: 25px; font-weight: 500; color: #08b6ce; position: relative; }
.blog_list_content a.read_more_link::after { position: absolute; bottom: -6px; margin-top: 15px; display: block; left: 0; content: ''; width: 25px; height: 3px; background: #08b6ce; transition: all ease-in-out 500ms }
.blog_box:hover {  box-shadow: 0px 8px 0px 0px rgba(0, 0, 0, 0.1); transition: all ease-in-out 500ms; }
.blog_box:hover .read_more_link::after { width: 75px; transition: all ease-in-out 500ms; }
.blog_page_main a.see_more { background: #ec6402; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.24); height: 74px; z-index: 209; line-height: 74px; border-radius: 70px; padding-left: 40px; padding-right: 40px; font-size: 30px; color: #ffffff; margin-top: 50px; font-weight: 500; text-transform: uppercase; display: inline-block; position: relative; overflow: hidden; z-index: 0;  transition: all ease-in-out 300ms; }
.blog_page_main a:hover.see_more { box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.24);  transition: all ease-in-out 300ms; }
.blog_page_main a.see_more::after { content: ''; position: absolute; width: 100px; opacity: 1; height: 150px; border-radius: 0;  background: rgb(255,255,255,.2); top: -60px; left: -100px;  z-index: -1; transform: rotate(20deg); -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); transition: all ease-in-out 300ms; }
.blog_page_main a:hover.see_more::after { top:0; left: 100%; transition: all ease-in-out 300ms; }
footer { padding-top: 50px; background: #1d272c; position: relative; margin-bottom: 0px; z-index: 1; }
footer::before { content: " "; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background: #1d272c; transform-origin: bottom left; -ms-transform: skew(0deg, -3deg); -webkit-transform: skew(0deg, -3deg); transform: skew(0, -3deg); }
.footer_logo { display: block; }
footer .hr_1 { width: 270px; height: 1px; max-width: 100%; margin: 30px auto 50px; background: #4a5256; display: inline-block; }
.footer_links { width: 100%; display: flex; }
.footer_heaing_link { width: 225px; max-width: 100%; text-align: left; }
.footer_heaing_link h5 { font-weight: 400; color: #fff; font-size: 30px; font-family: 'Cabin Condensed', sans-serif; position: relative; }
.footer_heaing_link h5::after { position: absolute; bottom: -6px; margin-top: 15px; display: block; left: 0; content: ''; width: 50px; height: 3px; background: #08b6ce; transition: all ease-in-out 500ms }
.footer_heaing_link ul { margin-top: 40px; }
.footer_heaing_link li a { color: rgba(255,255,255,.5); font-size: 17px; font-weight: 400; font-family: 'Cabin Condensed', sans-serif;margin-bottom: 15px; display: inline-block; transition: all ease-in-out 500ms; }
.footer_heaing_link li a:hover { color: #fff; transition: all ease-in-out 500ms; }
footer .hr_2 { width: 1000px; height: 1px; max-width: 100%; margin: 30px auto 50px; background: #4a5256; display: inline-block; }
.footer_store_icons { margin-bottom: 50px; display: inline-block; }
.footer_store_icons a.store_btn { display: inline-block; margin: 0 10px; }
.copy_social{ background: #161f24; padding-bottom: 25px; padding-top: 25px; font-family: 'Cabin Condensed', sans-serif; }
.copy_social p { color: #6c6c6c; font-size: 15px; font-weight: 400; }
.social_links { margin-top: 0; }
.social_links h6 { font-size: 20px; color: #fff; }
.social_links a { width: 40px; height: 40px; border-radius: 5px; border: 2px solid #ec6402;  text-align: center; line-height: 40px; display: inline-block; margin: 0 0px 0 15px; color: #fff; font-size: 22px; transition: all ease-in-out 500ms; }
.social_links a:hover { background: #08b6ce; border: 2px solid #08b6ce; transition: all ease-in-out 500ms; }

/*.......... Inner Header 1 .......... */
.inner_header { background: #000; background: url(../images/slider_image_1.jpg); padding-bottom: 200px; background-repeat: no-repeat; background-size: 100%; position: unset; }
.inner_header #mobile_div { display: none!important; }

/*.......... Login OTP Page Css ..........*/

.login_image_box_main {  border-style: solid; border-width: 1px; border-color: rgba(107, 106, 106, 0.16); max-width: 420px; padding-left: 30px; margin: -100px auto 150px; background: #fff; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); padding-right: 30px; }
.login_content_box { padding-left: 0px; font-family: 'Cabin Condensed', sans-serif; width: 420px; max-width: 100%; }
.login_heading { font-size: 40px; color: #000; font-weight: 700;  }
.signup_signin_text { font-size: 20px; color: #000; font-weight: 400;  }
.signup_signin_text a { font-weight: 700; color: #08b6ce; text-transform: uppercase; }
.enter_info { font-size: 30px; color: #1d272c; font-weight: 600; margin-top: 15px; margin-bottom: 15px; }
.login_input, .login_input:focus { background: #fff; border-radius: 7px; border: 2px solid #000; height: 66px; font-size: 20px; color: #817b7b; font-weight: 300; font-family: 'Barlow Condensed', sans-serif; }
.button_login{ background: #ec6402; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.24); height: 56px; z-index: 209; line-height: 56px; border-radius: 70px; border: 0; padding:0 40px; font-size: 20px; color: #ffffff; margin-top: 50px; font-weight: 500; text-transform: uppercase; display: inline-block; position: relative; overflow: hidden;  transition: all ease-in-out 300ms; }
.button_login:hover { box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.24);  transition: all ease-in-out 300ms; }
.button_login::after { content: ''; position: absolute; width: 100px; opacity: 1; height: 150px; border-radius: 0;  background: rgb(255,255,255,.2); top: -60px; left: -100px;  z-index: -1; transform: rotate(20deg); -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); transition: all ease-in-out 300ms; }
.button_login:hover::after { top:0; left: 100%; transition: all ease-in-out 300ms; }
.pageOption { overflow: hidden; position: relative; width: 510px; height: 580px; display: none; }
.option, .option img { width: 100%; height: 100%; }
.option { overflow: hidden; position: absolute;  /* arctan(27 / 40) = 34.01935deg 
   * need to skew by 90deg - 34.01935deg = 55.98065deg
  */ transform: skewY(0); right: 0; transform-origin: 0 0%; }
.option .img_div_box { transform: skewX(41.29deg); transform-origin: inherit; overflow: hidden; height: 580px; position: relative; }
.option .img_div_box::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgba(8,182,206,.73); }
.option .img_div_box img{ transform: skewX(-41.29deg); transform-origin: inherit; }

/*.......... Register Page Css ..........*/
.register_box_main {  border-style: solid; border-width: 1px; border-color: rgba(107, 106, 106, 0.16); margin: -100px auto 150px; background: #fff; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); padding: 60px 30px 40px 30px; }
.regiser_content { width: 100%; margin-top: 50px; }
.div_box_1 { width: 50%; padding-right: 20px; }
.div_box_2 { width: 50%; padding-left: 20px; }
.regiser_content [type="radio"]:checked, .regiser_content [type="radio"]:not(:checked) { position: absolute; left: -9999px; }
 .regiser_content [type="radio"]:not(:checked) + label { position: relative; border: 2px solid rgba(0,0,0,.16); border-radius: 10px; background: #fff; width: 100%; height: 60px; font-size: 30px; color: #a09797; font-weight: 400; line-height: 56px; padding-left: 55px;}
.regiser_content [type="radio"]:checked + label { position: relative; border: 2px solid rgba(0,0,0,.16); border-radius: 10px; background: #08b6ce; width: 100%; height: 60px; font-size: 30px; color: #fff; font-weight: 400; line-height: 56px; padding-left: 55px;}
.regiser_content [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 14px; top: 14px; width: 32px; height: 32px; border: 2px solid #d6d6d6; border-radius: 100%; background: #fff; }
.regiser_content [type="radio"]:checked + label:before { content: ''; position: absolute; left: 14px; top: 14px; width: 32px; height: 32px; border: 2px solid #fff; border-radius: 100%; background: #08b6ce; }
.regiser_content [type="radio"]:checked + label:after, .regiser_content [type="radio"]:not(:checked) + label:after { content: ''; width: 18px; height: 18px; background: #fff; position: absolute; top: 21px; left: 21px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.regiser_content [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.regiser_content [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.lable_image { width: 40px; height: 40px; position: relative; margin-right: 10px; margin-top: 8px; }
.regiser_content #business_register .lable_image { margin-right: 10px; margin-top: 8px; }
.regiser_content [type="radio"]:checked + label .lable_image .img_1 { opacity: 0; position: absolute; top: 0; left: 0; width: 40px; height: 40px; }
.regiser_content [type="radio"]:checked + label .lable_image .img_2 { opacity: 1; position: absolute; top: 0; left: 0; width: 40px; height: 40px; }
.regiser_content [type="radio"]:not(:checked) + label .lable_image .img_2 { opacity: 0; position: absolute; top: 0; left: 0; width: 40px; height: 40px; }
.regiser_content [type="radio"]:not(:checked) + label .lable_image .img_1 { opacity: 1; position: absolute; top: 0; left: 0; width: 40px; height: 40px; }
.regiser_content .personal_heading { font-size: 30px; color: #000; font-weight: 600; text-transform: capitalize; margin-top: 30px; margin-bottom: 40px; }
.register_user_image_1 { width: 150px; height: 150px; border-radius: 122px; border:2px solid #1d272c; padding: 4px; position: relative; }
.register_user_image_2 { width: 140px; height: 140px; border-radius: 112px; border:2px solid #1d272c; padding: 4px; margin-left: -1px; margin-top: -1px; }
.register_user_image_3 { width: 130px; height: 130px; border-radius: 102px; background: #000; margin-left: -1px; margin-top: -1px; }
.register_user_image_3 img{ width: 100%; height: 100%; border-radius: 100px; }
.register_user_image_1 .btn { background-color: transparent; padding: 0; position: absolute; bottom: 0; right: 0; }
.register_user_image_1 input[type=file] { font-size: 100px; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; }
.image_notes { padding-left: 20px; }
.image_notes p { font-size: 19px; color: #1b656f; font-weight: 400; }
.image_notes p span { color: #3b4b4d; font-weight: 500; }
.lable_input { padding-left: 15px; width: calc(100% - 30px); }
body.login .select-style.custom_input .select2-container, body.login .select-style.custom_input .select2-container--open .select2-dropdown--above, body.login .select-style.custom_input .select2-dropdown.select2-dropdown--below { width: 100%!important; }
 body.login .select-style.custom_input .select2-container--default .select2-selection--single { border:0; border-radius: 0; }
 body.login .select-style.custom_input .select2-container--default.select2-container--disabled .select2-selection--single { background: #fff!important }
body.login .select-style.custom_input .select2-container--default.select2-container--focus .select2-selection--multiple { border: 0; border-radius: 0; padding: 0; margin-top: 0; }
body.login .select-style.custom_input .select2-container--default.select2-container--disabled .select2-selection--multiple { background: #fff; border: 0; margin-top: 0; }
body.login .select-style.custom_input .select2-container .select2-search--inline .select2-search__field { margin-top: 0; }
body.login .select-style.custom_input .select2-container--default .select2-selection--multiple { border:0; }
body.login .select-style.custom_input .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #57b6ce; border: 1px solid #57b6ce; position: relative; color: #fff; font-size: 15px; }
body.login .select-style.custom_input .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #fff; margin-right: 0; position: absolute; top: -5px; right: -4px; background: #ff0000; width: 15px; height: 15px; margin: 0; padding: 0; line-height: 12px; text-align: center; border-radius: 50px; }
.marg_b { margin-bottom: 30px; }
.form_box { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 50px; }
.form_box img { margin-top: 9px; }
.form_box label { font-size: 20px; color: #08b6ce; font-weight: 500; margin-bottom: 0; }
.form_box label span { color: #ff0000; font-size: 12px; }
.form_box .custom_input{ font-size: 20px; color: #817b7b; font-weight: 300; padding: 0; border: 0; border-bottom: 0; border-radius: 0; }
.form_box .custom_input.form-control:disabled, .form_box .custom_input.form-control[readonly] { background: transparent; }
/* Change the white to any color ;) */
input.custom_input:-webkit-autofill,
input.custom_input:-webkit-autofill:hover, 
input.custom_input:-webkit-autofill:focus, 
input.custom_input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.form_box .select-style {  padding: 0; border: 0; border-bottom: 0; border-radius: 0; overflow: hidden; background: #fff url("../images/from_icons/down_icon.png") no-repeat 99% 50%; }
.form_box .select-style select { padding:0; width: 100%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; font-size: 20px; color: #817b7b; font-weight: 300;}
.form_box .select-style select:focus { outline: none; }
.login_instructions { border: 1px solid #ccc; border-radius: 10px; padding: 30px 20px; background: #f3f3f3; box-shadow: 0 3px 5px rgba(0,0,0,.1); }
.login_instructions h5 { font-size: 30px; color: #000; font-weight: 600; text-transform: capitalize; margin-top: 00px; margin-bottom: 10px; }
.login_instructions .instructions li { position: relative; margin-top: 5px; padding-left: 20px; font-size: 18px; }
.login_instructions .instructions li:last-child { margin-bottom: 0; }
.login_instructions .instructions li::after { position: absolute; top: 11px; left: 0; width: 8px; height: 8px; border-radius: 8px; content: ''; background: rgb(236, 100, 2); }
.regiser_content .doc_upload_heading { font-size: 30px; color: #000; font-weight: 600; text-transform: capitalize; margin-top: 00px; margin-bottom: 10px; }
.upload_doc_box {  border: 3px solid rgba(0, 0, 0, 0.161); border-radius: 10px; height: 250px; position: relative; margin-top: 0px;}
.upload_doc_box .btn.profile_docs { width: 100%; height: 100%; }
.upload_doc_box .btn.profile_docs img { width: 100%!important; height: 100%!important; border-radius: 7px; }
.upload_doc_box .btn.profile_docs p { font-size: 25px; font-weight: 400; position: absolute; width: 100%; bottom: 0; background: rgba(0, 0, 0, 0.42); border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; left: 0; padding-top: 6px; padding-bottom: 5px; }
.upload_doc_box .btn.profile_docs p a, .upload_doc_box .btn.profile_docs p a:hover { color: #fff; }
.identification-proof-section .upload_doc_box { margin-top: 0px; height: 176px; }
.upload_doc_box .btn { background-color: transparent; padding: 0; }
.upload_doc_box .btn p { font-size: 25px; font-weight: 400; color: rgba(0,0,0,.6); }
.upload_doc_box input[type=file] { font-size: 100px; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; }
.doc_type_heading { font-size: 25px; color: rgba(0,0,0,.9); font-weight: 500; margin-bottom: 15px; margin-top: 30px; }
.button_signup { background: #ec6402; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.24); height: 50px; z-index: 209; line-height: 50px; border-radius: 70px; border: 0; padding: 0 50px; font-size: 30px; color: #ffffff; margin-top: 50px; font-weight: 500; text-transform: uppercase; display: inline-block; position: relative; overflow: hidden; transition: all ease-in-out 300ms; }
.button_signup:hover { box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.24);  transition: all ease-in-out 300ms; }
.button_signup::after { content: ''; position: absolute; width: 100px; opacity: 1; height: 150px; border-radius: 0;  background: rgb(255,255,255,.2); top: -60px; left: -100px;  z-index: -1; transform: rotate(20deg); -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); transition: all ease-in-out 300ms; }
.button_signup:hover::after { top:0; left: 100%; transition: all ease-in-out 300ms; }

.regiser_content [type="checkbox"]:checked, .regiser_content [type="checkbox"]:not(:checked) { position: absolute; left: -9999px; }
.regiser_content [type="checkbox"]:checked + label, .regiser_content [type="checkbox"]:not(:checked) + label { position: relative; font-size: 20px; color: #505050; font-weight: 400; padding-left: 40px; font-family: 'Cabin Condensed', sans-serif;}
.regiser_content [type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; border: 2px solid #d6d6d6; border-radius: 5px; background: #fff; }
.regiser_content [type="checkbox"]:checked + label:before {  content: ''; position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; border: 2px solid #1d272c; border-radius: 5px; background: #1d272c; }
.regiser_content [type="checkbox"]:checked + label:after, .regiser_content [type="checkbox"]:not(:checked) + label:after { content: ''; width: 8px; height: 15px; background: transparent; position: absolute; top: 6px; left: 11px; border-radius: 0; border-right: 3px solid #fff; border-bottom: 3px solid #fff; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.regiser_content [type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.regiser_content [type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
a.regiter_terms_privacy { color: #08b6ce; font-weight: 700; text-transform: uppercase; }

/*.......... Choose Plan Page ..........*/
.choose_plan_box {  border-style: solid; border-width: 1px; border-color: rgba(107, 106, 106, 0.16); margin: -100px auto 150px; background: #fff; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); padding: 60px 30px 40px 30px; }
.choose_plan_content { margin-top: 50px; }
.choose_plan_content_box { background-color: rgb(255, 255, 255); box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.15); position: relative; margin-bottom: 50px; }
.choose_plan_content .col-12:last-child .choose_plan_content_box{ margin-bottom: 0; }
.choose_plan_content_box [type="radio"]:checked, .choose_plan_content_box [type="radio"]:not(:checked) { position: absolute; left: -9999px; }
 .choose_plan_content_box [type="radio"]:not(:checked) + label, .choose_plan_content_box [type="radio"]:checked + label { position: relative; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.15);}
.choose_plan_content_box [type="radio"]:not(:checked) + label .plan_name_heading:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #f4f4f4; }
.choose_plan_content_box [type="radio"]:checked + label .plan_name_heading:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1d272c; }

.plan_name_heading { width: 250px; background: #f4f4f4; text-align: center; padding-top: 30px; padding-bottom: 30px; position: relative; }
 .choose_plan_content_box [type="radio"]:not(:checked) + label .plan_name_heading h4 { color: #000; font-size: 50px; font-weight: 700; position: relative; padding-bottom: 15px; margin-bottom: 25px;}
 .choose_plan_content_box [type="radio"]:checked + label .plan_name_heading h4 { color: #fff; font-size: 50px; font-weight: 700; position: relative; padding-bottom: 15px; margin-bottom: 25px;}
.plan_name_heading h4::before { content: ''; position: absolute; bottom: 0; left: calc(50% - 12px); width: 9px; height: 9px; background: #ec6402; border-radius: 10px; }
.plan_name_heading h4::after { content: ''; position: absolute; bottom: 0; right: calc(50% - 12px); width: 9px; height: 9px; background: #ec6402; border-radius: 10px; }
.choose_plan_content_box [type="radio"]:not(:checked) + label .plan_name_heading h6 { color: #2b2127; font-size: 15px; font-weight: 400; position: relative; }
.choose_plan_content_box [type="radio"]:checked + label .plan_name_heading h6 { color: #fff; font-size: 15px; font-weight: 400; position: relative; }
.plan_deails_box { padding: 15px 30px; width: 100%; }
.plan_deails_box li { display: inline-block; margin-right: 30px; font-size: 16px; color: rgba(0,0,0,.8); }
.plan_deails_box li p { padding-left: 8px; display: inline-block; vertical-align: text-top; }
.plan_deails_box li span{ color: #ec6402  }

.buy_btn { font-size: 25px; color: #fff; font-weight: 500; display: block; padding: 5px 25px; text-transform: uppercase; background: #08b6ce; display: inline-block; border-radius: 10px; float: right; margin-top: -76px; margin-right: 30px; position: relative; }
.choose_plan_content .col-12:last-child .buy_btn{ margin-top:-32px; }

/*.......... Make PAyment Page ..........*/
.make_payment_content {  margin-top: 50px; }
.button_buy_plan { background: #ec6402; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.24); height: 50px; z-index: 209; line-height: 50px; border-radius: 70px; border: 0; padding: 0 50px; font-size: 30px; color: #ffffff; margin-top: 0px; font-weight: 500; text-transform: uppercase; display: inline-block; position: relative; overflow: hidden; transition: all ease-in-out 300ms; }
.button_buy_plan:hover { box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.24);  transition: all ease-in-out 300ms; }
.button_buy_plan::after { content: ''; position: absolute; width: 100px; opacity: 1; height: 150px; border-radius: 0;  background: rgb(255,255,255,.2); top: -60px; left: -100px;  z-index: -1; transform: rotate(20deg); -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); transition: all ease-in-out 300ms; }
.button_buy_plan:hover::after { top:0; left: 100%; transition: all ease-in-out 300ms; }

/*.......... Index after login ..........*/
.invite_frnd_btn { max-width: 200px;  }
.menu_btn { padding: 0; height: 46px; background: transparent; margin-left: 11px; border: 0; }
.menu_btn:focus { outline: none; }
.changeCursor { height: 100%; overflow: hidden; width: 100%; position: fixed; }
.post_job_btn { border-radius: 50%; background-color: rgb(8, 182, 206); box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.29); width: 98px; height: 98px; position: fixed; bottom: 20px; right: 20px; z-index: 9; }
.post_job_btn { bottom: 10px; right: 15px; }
.post_job_btn img {width: 50px; height: 50px; margin-top: 24px; margin-left: 24px;}
.tooltip-inner { background-color: #fff; color: rgb(8, 182, 206); font-size: 20px; }
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before { margin-left: -0px; content: ""; border-width: 5px 5px 0; border-top-color: #fff; }
.invite_friend_main { padding-top: 70px; background: #f3f3f3; position: relative; padding-bottom: 50px; z-index: 1; }
.invite_friend_main h2 { font-size: 50px; color: #000; font-weight: 500; font-family: 'Cabin Condensed', sans-serif; text-align: center; position: relative; padding-bottom: 25px; margin-bottom: 50px; }
.invite_friend_main h2::after { content: ''; position: absolute; bottom: 0px; width: 103px; height: 9px; background: url(../images/heading_after_orange.png); left: calc(50% - 51px); }
.invite_info { font-size: 20px; color: rgba(0,0,0,8); font-weight: 400px; padding-left: 30px; position: relative; }
.invite_info::after { content: ''; position: absolute; top: 8px; left: 0; width: 16px; height: 16px; border-radius: 5px; border: 3px solid #04889a; background: #f3f3f3; }
.invite_code_send_box { border-radius: 10px; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); width: 331px; max-width: 100%; height: 61px; margin-top: 40px; }
.invite_code_send_box p { line-height: 60px; font-size: 25px; font-weight: 400; color: rgba(0,0,0,.8); padding-left: 15px; }
.code_send_bg { background-color: rgb(236, 100, 2); height: 60px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;    padding: 0 15px; border: 0; }
.code_terms { font-size: 15px; color: #787878; font-weight: 400; text-transform: uppercase; padding-top: 8px; display: inline-block; position: relative; }
.code_terms sup{ color: #ff0000; position: absolute; top: 15px; right: -10px; font-size: 20px }

/*.......... Header other Pages ..........*/

.other_header { padding-bottom: 100px; }

/*.......... All Service PAge Css ..........*/
.all_service_page_section { padding-top: 70px; position: relative; padding-bottom: 50px; background: #fff; }
.all_service_page_section h2 { font-size: 50px; color: #000; font-weight: 500; font-family: 'Cabin Condensed', sans-serif; text-align: center; position: relative; padding-bottom: 25px; }
.all_service_page_section h2::after { content: ''; position: absolute; bottom: 0px; width: 103px; height: 9px;
    background: url(../images/heading_after_orange.png); left: calc(50% - 51px); }
.all_service_page_section h5 { font-size: 30px; color: #505050; font-weight: 400; text-align: center; max-width: 350px; margin: 20px auto 0; }
.all_service_page_section a:hover.servie_list_boxes { background: #1d272c; box-shadow: 0px 8px 0px 0px rgba(0, 0, 0, 0.1); transition: all ease-in-out 500ms; }
.all_service_page_section a:hover.servie_list_boxes h3 { color: #fff; transition: all ease-in-out 500ms; }
.custom-pagination { margin-top: -35px; }
.custom-pagination .page-link {  border: 0;  color: #727070;  font-size: 18px;  background: #e5e0e0;  margin: 0 2px;  border-radius: 50% !important; width: 45px;   height: 45px; display: flex; justify-content: center;  align-items: center;  padding: 0; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.08); }
.custom-pagination .page-item:first-child .page-link {  border-top-left-radius: 50%; border-bottom-left-radius: 50%;}
.custom-pagination .page-item:last-child .page-link { border-bottom-right-radius: 50%;}
.custom-pagination .page-item.active .page-link {  z-index: 1;  color: #fff;  background:#ec6402;}
.custom-pagination .page-link:hover { background: #ec6402;  transition: all ease-in-out .3s; color:#fff;}

/*........... blog all list css ............*/
.all_blogs_page_section { padding-top: 70px; position: relative; padding-bottom: 50px; background: #fff; }
.all_blogs_page_section h2 { font-size: 50px; color: #000; font-weight: 500; font-family: 'Cabin Condensed', sans-serif; text-align: center; position: relative; padding-bottom: 25px; margin-bottom: 55px; }
.all_blogs_page_section h2::after { content: ''; position: absolute; bottom: 0px; width: 103px; height: 9px;
    background: url(../images/heading_after_orange.png); left: calc(50% - 51px); }

/*........... All provider list css ............*/
.provider_page_section { padding-top: 70px; position: relative; padding-bottom: 50px; background: #fff; }
.provider_page_section h2 { font-size: 50px; color: #000; font-weight: 500; font-family: 'Cabin Condensed', sans-serif; text-align: center; position: relative; padding-bottom: 25px; margin-bottom: 25px; }
.provider_page_section h2::after { content: ''; position: absolute; bottom: 0px; width: 103px; height: 9px;
    background: url(../images/heading_after_orange.png); left: calc(50% - 51px); }
.provider_page_section h5 { font-size: 30px; color: #505050; font-weight: 400; text-align: center; max-width: 350px; margin: 20px auto 0; }
.provider_page_section h5 b{ color: #ec6402 }
.provider_page_section #webAjaxAppend { margin-top: 50px; }

/*.......... no data found ..........*/

.notfound { max-width: 560px; width: 100%; margin:0 auto; line-height: 1.1; padding-left: 160px; position: relative; margin-bottom: 40px; }
.notfound .notfound-404 { position: absolute; left: 0; top: calc(50% - 70px); display: inline-block; width: 140px; height: 140px; background-image: url('../images/emoji.png'); background-size: cover; }
.notfound h1 { font-size: 65px; font-weight: 700; margin-top: 0px; margin-bottom: 10px; color: #e66305; text-transform: uppercase; z-index: 4; position: relative; }
.notfound h2 { font-size: 21px; font-weight: 400; margin: 0; text-transform: uppercase; text-align:left; z-index: 4; position: relative; color: #151723; }
.notfound h2::after { display:none; }
.notfound p { color: #999fa5; font-weight: 400; z-index: 4; position: relative; }
.notfound a { display: inline-block; font-weight: 700; border-radius: 40px; text-decoration: none; color: #388dbc; z-index: 4; position: relative; }

/*.......... New Login Opitons ..........*/
.login_radio_role [type="radio"]:checked, .login_radio_role [type="radio"]:not(:checked) { position: absolute; left: -9999px; }
.login_radio_role [type="radio"]:checked + label { position: relative; font-size: 20px; color: #505050; font-weight: 400; padding: 0px; width: 100%; height: 100%; margin: 0; font-family: 'Cabin Condensed', sans-serif; background: #ec6402; color: #fff; border-radius: 15px; text-align: center; box-shadow: 0 3px 3px rgba(0,0,0,.11); opacity: 1;  }
.login_radio_role [type="radio"]:not(:checked) + label { position: relative; font-size: 20px; color: #505050; font-weight: 400; padding: 0px; width: 100%; height: 100%; margin: 0; font-family: 'Cabin Condensed', sans-serif; background: #f2f2f2; color: #222; border-radius: 15px; text-align: center; box-shadow: 0 3px 5px rgba(0,0,0,.31); opacity: .25; }
.login_roll { width: 46%; height: 110px; display: inline-block; margin-right: 14px; vertical-align: top; }
.login_roll:last-child { margin-right: 0; }
.role_image { width: 50px; margin: 15px auto 6px; position: relative; height: 50px;}
.role_image .img_1, .role_image .img_2 { position: absolute; width: 50px; top: 0; left: calc(50% - 25px); }
.login_radio_role [type="radio"]:checked + label .img_2 { opacity: 1; }
.login_radio_role [type="radio"]:checked + label .img_1 { opacity: 0; }
.login_radio_role [type="radio"]:not(:checked) + label .img_1 { opacity: 1; }
.login_radio_role [type="radio"]:not(:checked) + label .img_2 { opacity: 0; }

.login_via { width: 46%; display: inline-block; margin-right: 14px; vertical-align: top; }
.login_via:last-child { margin-right: 0; }
  .login_via [type="radio"]:checked, .login_via [type="radio"]:not(:checked) { position: absolute; left: -9999px; }
.login_via [type="radio"]:checked + label, .login_via [type="radio"]:not(:checked) + label { position: relative; padding-left: 40px; cursor: pointer; line-height: 20px; display: inline-block; color: #000; font-size: 20px; margin-bottom: 4px; font-weight: 400; width: 100%; border-radius: 7px; border: 2px solid #f1f1f1; padding-top: 10px; padding-bottom: 8px; }
.login_via [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 5px; top: calc(50% - 14px); width: 24px; height: 24px; border:0; border-radius: 50px; background: #fff; border: 2px solid rgba(0,0,0,.2) }
.login_via [type="radio"]:checked + label:before { content: ''; position: absolute; left: 5px; top: calc(50% - 14px); width: 24px; height: 24px; border:0; border-radius: 50px; background: #fff; border: 2px solid  rgb(236, 100, 2) }
.login_via [type="radio"]:checked + label:after, .login_via [type="radio"]:not(:checked) + label:after { content: ''; width: 16px; height: 16px;  background: rgb(236, 100, 2); position: absolute; top: 11px; left: 9px; border-radius: 0; -webkit-transition: all 0.2s ease; border-radius: 50px; transition: all 0.2s ease; }
.login_via [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.login_via img { width: 24px; }
.login_via span { margin-left: 7px; }
.login_via [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.country_code { width: 90px; }
.country_code select, .country_code .select2.select2-container.select2-container--default, .country_code .select2-selection.select2-selection--single{ height: 100%!important; border:0; border-radius: 0; border-right: 1px solid #ccc; font-size: 20px; color: #817b7b; font-weight: 300; font-family: 'Barlow Condensed', sans-serif; }
.country_code .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 60px;  }
.country_code .select2-container--default .select2-selection--single .select2-selection__arrow { top: 18px; }
body.login .select2-container, body.login .select2-container--open .select2-dropdown--above, body.login .select2-dropdown.select2-dropdown--below { width: 100%!important; max-width: 460px!important; }
.country_code + .form-control { border: 0; border-radius: 0; font-size: 20px; color: #817b7b; font-weight: 300; font-family: 'Barlow Condensed', sans-serif; border-radius: 7px; }
.button_login { margin-top: 10px; margin-bottom: 30px;  }
.login_content_box { padding-top: 25px; }

/*...........blog detail & Recent Blog ..........*/
.blog_recent { margin-bottom: 20px; color: #000; font-weight: 500; text-transform: capitalize; font-size: 30px; }
.blog_detail_box { width: 100% }
.blog_detail_box .blog_main_image { width: 100%; overflow: hidden;}
.blog_detail_content { padding: 25px 0px 20px; }
.blog_detail_content h3 { font-size: 22px; color: #000; font-weight: 500; }
.blog_detail_content h5 { font-size: 19px; color: #9c9c9c; font-weight: 400; margin-top: 15px; }
.blog_detail_content h5 img { margin-right: 10px;  }
.blog_detail_content p { font-size: 20px; line-height: 27px; font-weight: 400; color: rgba(44,44,44,.60); margin-top: 15px; }

/*.......... Job Request Page ..........*/
.Job_req_page { padding-top: 70px; position: relative; padding-bottom: 50px; background: #fff; }
.Job_req_page h2 { font-size: 50px; color: #000; font-weight: 500; font-family: 'Cabin Condensed', sans-serif; text-align: center; position: relative; padding-bottom: 25px; }
.Job_req_page h2::after { content: ''; position: absolute; bottom: 0px; width: 103px; height: 9px; background: url(../images/heading_after_orange.png); left: calc(50% - 51px); }
.job_req_form { margin-top: 50px; }


.job_req_form [type="radio"]:checked, .job_req_form [type="radio"]:not(:checked) { position: absolute; left: -9999px; }
 .job_req_form [type="radio"]:not(:checked) + label, .job_req_form [type="radio"]:checked + label { position: relative; border: 2px solid rgba(0,0,0,.16); border-radius: 10px; background: #fff; width: 100%; font-size: 20px; color: #a09797; font-weight: 400; padding: 15px 15px 15px 55px; text-align: center; }
.job_req_form [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 14px; top: calc(50% - 14px); width: 28px; height: 28px; border: 2px solid #d6d6d6; border-radius: 100%; background: #fff; }
.job_req_form [type="radio"]:checked + label:before {  content: ''; position: absolute; left: 14px; top: calc(50% - 14px); width: 28px; height: 28px; border: 2px solid #08b6ce; border-radius: 100%; background: #fff; }
.job_req_form [type="radio"]:checked + label:after, .job_req_form [type="radio"]:not(:checked) + label:after { content: ''; width: 18px; height: 18px; background: #08b6ce; position: absolute; top: calc(50% - 9px); left: 19px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.job_req_form [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.job_req_form [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.lable_image { margin: 0 auto;}
.lable_image .img_1 { opacity: 1; position: absolute; top: 0; left: 0; width: 40px; height: 40px; }
.job_radio { width: 270px; margin-right: 15px; max-width: 100%; }
.job_radio:last-child { margin-right: 0px; }


body.jobrequest .select-style.custom_input .select2-container, body.jobrequest .select-style.custom_input .select2-container--open .select2-dropdown--above, body.login .select-style.custom_input .select2-dropdown.select2-dropdown--below { width: 100%!important; }
 body.jobrequest .select-style.custom_input .select2-container--default .select2-selection--single { border:0; border-radius: 0; }
 body.jobrequest .select-style.custom_input .select2-container--default.select2-container--disabled .select2-selection--single { background: #fff!important }
body.jobrequest .select-style.custom_input .select2-container--default.select2-container--focus .select2-selection--multiple { border: 0; border-radius: 0; padding: 0; margin-top: 0; }
body.jobrequest .select-style.custom_input .select2-container--default.select2-container--disabled .select2-selection--multiple { background: #fff; border: 0; margin-top: 0; }
body.jobrequest .select-style.custom_input .select2-container .select2-search--inline .select2-search__field { margin-top: 0; }
body.jobrequest .select-style.custom_input .select2-container--default .select2-selection--multiple { border:0; }
body.jobrequest .select-style.custom_input .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #57b6ce; border: 1px solid #57b6ce; position: relative; color: #fff; font-size: 15px; }
body.jobrequest .select-style.custom_input .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #fff; margin-right: 0; position: absolute; top: -5px; right: -4px; background: #ff0000; width: 15px; height: 15px; margin: 0; padding: 0; line-height: 12px; text-align: center; border-radius: 50px; }

/*......... Provider Details Page ..........*/
.all_blogs_page_section { padding-top: 70px; position: relative; padding-bottom: 50px; background: #fff; }
.all_blogs_page_section h2 { font-size: 50px; color: #000; font-weight: 500; font-family: 'Cabin Condensed', sans-serif; text-align: center; position: relative; padding-bottom: 25px; }
.all_blogs_page_section h2::after { content: ''; position: absolute; bottom: 0px; width: 103px; height: 9px; background: url(../images/heading_after_orange.png); left: calc(50% - 51px); }
.all_profile_box { width: 100%; padding-left: 170px; }
.profile_border_box { width: 100%; border-radius: 10px; border: 1px solid #dcdcdc; box-shadow: 0 3px 5px rgba(0,0,0,.21); padding-top: 40px; padding-bottom: 60px; }
.profile_left_info { background: #08b6ce; width: 340px; max-width: 100%; margin-left: -170px; box-shadow: 0 3px 5px rgba(0,0,0,.21); padding: 15px; padding-bottom: 0; border-radius: 10px; align-self: end; }
.profile_photo_1 { width: 146px; height: 146px; border-radius: 150px; border: 2px solid #fff; margin: 0 auto 20px;padding-top: 6px; padding-left: 6px; }
.profile_photo_2 { width: 130px; height: 130px; border-radius: 130px; border: 2px solid #fff; padding-top: 6px; padding-left: 6px; display: block; position: relative; }
.profile_photo_3 { width: 113px; height: 113px; border-radius: 110px; display: block; background: #057584; }
.profile_photo_3 img { border-radius: 110px; }
.badge_box { position: absolute; bottom: -20px; left: 0; width: 100%; }
.bagde_icons { margin-top: 20px; margin-bottom: 20px; }
.bagde_icons img { width: 50px; margin-left: 5px; margin-right: 5px; }
.profile_left_info h5 { font-size: 30px; text-transform: uppercase; color: #fff; font-weight: 500; }
.profile_left_info p { font-size: 16px; font-weight: 400; color: rgba(255,255,255,.7); }
.profile_left_info p span { font-weight: 500;  text-transform: capitalize; }
.provider_book_btn { width: 170px; margin: 10px auto -10px; display: inline-block; position: relative; top: 11px; }
.provider_book_btn a { font-size: 20px; color: #fff; background: #ec6402; width: 100%; display: block; height: 45px; line-height: 45px; border-radius: 50px; text-transform: uppercase; box-shadow: 0 2px 4px rgba(0,0,0,.15); }
.provider_book_btn a span { width: 40px; height: 45px; line-height: 45px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; background: #ba4f02; position: relative; float: right; }
.provider_book_btn a span .tick { width: 8px; height: 15px; top: 12px; left: 14px; background: transparent; border-right: 1px solid #fff; border-bottom: 1px solid #fff; position: absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.profile_right_details { width: 100%; }
.profile_right_details .nav-tabs{ border-bottom: 2px solid #dcdcdc; padding-left: 15px; padding-right: 15px; }
.profile_right_details .nav-tabs .nav-item { margin-bottom: 0px; }
.profile_right_details .nav-tabs .nav-item .nav-link { color: #b8b8b8; font-size: 30px; font-weight: 500; }
.profile_right_details .nav-tabs .nav-item.show .nav-link, .profile_right_details .nav-tabs .nav-link.active { border: 0; border-bottom: 6px solid #08b6ce; margin-bottom: -3px; color: #000; }
.profile_right_details .tab-content { padding: 15px 25px; }
.profile_right_details .nav-tabs .nav-link:hover { border-color: transparent; }
.profile_right_details .nav-tabs .nav-link.active:hover { border: 0; border-bottom: 6px solid #08b6ce; margin-bottom: -3px; color: #000; }
.personal_info { width: 100%; margin-top: 15px; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.personal_info img { width: 30px; }
.personal_heaings_details { width: 100%; padding-left: 20px; }
.personal_heaings_details h3 {  font-size: 20px; color: #08b6ce; font-weight: 500; margin-bottom: 0; }
.personal_heaings_details p  { font-size: 20px; font-weight: 300; padding: 0; }
.review_box_main { width: 100%; margin-bottom: 50px;  }
.review_box_main:last-child { margin-bottom: 0; }
.reviewer_image { width: 80px; height: 80px; border-radius: 50px; margin-right: 15px; }
.reviewer_image img { width: 100%; height: 100%; border-radius: 50px;}
.review_content { width: calc(100% - 100px); }
.reviewer_details h3 { font-size: 30px; color: #000; font-weight: 600; }
.reviewer_details h6 { font-size: 20px; color: #222; font-weight: 400; }
.reviewer_details .star_box { display: block; }
.review_time { font-size: 20px; color: #000; font-weight: 400; white-space: nowrap; margin-left: 15px; }
.star_box { display: inline-block; }
.star_box .stars { display: inline-block; }
.star_box .stars i { color: #ec6402; }
.review_description { width: 100%; margin-top: 20px; }
.review_description p { font-size: 20px; color: #000; line-height: 25px; }

/*.......... My Bookings page ..........*/
.my_booking_main { padding-top: 70px; position: relative; padding-bottom: 0px; background: #fff; }
.my_booking_main h2 { font-size: 50px; color: #000; font-weight: 500; font-family: 'Cabin Condensed', sans-serif; text-align: center; position: relative; padding-bottom: 25px; }
.my_booking_main h2::after { content: ''; position: absolute; bottom: 0px; width: 103px; height: 9px; background: url(../images/heading_after_orange.png); left: calc(50% - 51px); }
.my_booking_details { width: 100%; margin-top: 50px; }
.my_booking_details .nav-tabs{ border-bottom: 2px solid #dcdcdc; }
.my_booking_details .nav-tabs .nav-item { margin-bottom: 0px; }
.my_booking_details .nav-tabs .nav-item .nav-link { color: #b8b8b8; font-size: 25px; font-weight: 300; }
.my_booking_details .nav-tabs .nav-item.show .nav-link, .my_booking_details .nav-tabs .nav-link.active { border: 1px solid #08b6ce; background: #08b6ce; color: #fff; }
.my_booking_details .tab-content { padding: 50px 0 30px 0; }
.my_booking_details .nav-tabs .nav-link:hover { border-color: transparent; }
.service_info_box { background: #eff6f8; border-radius: 10px; box-shadow: 0 3px 7px rgba(0,0,0,.25); padding: 15px; position: relative; z-index: 1; }
#indiviual_register .lable_image { margin: 8px 10px 0 0; }
.service_time { margin-bottom: 15px }
.service_info_box h3 { font-size: 30px; color: #000; font-weight: 500; margin-bottom: 15px; }
/*a.view_service { border: 2px solid #08b6ce; text-align: center; color: #000; padding: 5px 10px; display: inline-block; }*/
a.view_service { border: 2px solid #08b6ce; text-align: center; color: #fff; padding: 0; display: inline-block; width: 40px; height: 40px; line-height: 35px; background: #08b6ce; border-radius: 50px; font-size: 24px; }
.service_time_icon { width: 25px; margin-right: 15px; }
.service_info_box p{ font-size: 20px; font-weight: 400; color: #545454; }
.service_info_box p span { margin: 15px;  }
.my_service_provider { width: 100%; padding: 0 15px; }
.my_provider_name_info { background: #fff; padding: 20px 15px; border-radius: 0 0 15px 15px; box-shadow: 0 3px 6px rgba(0,0,0,.15) }
.my_provider_name_info .provider_rating { color :#000; font-size: 23px; }
.my_provider_name_info .provider_rating i { color: #ec6402; margin-right: 6px; }
.my_provider_photo_icon img { width: 50px; height: 50px; border-radius: 50px; margin-right: 15px; }
.name_skill h4 { font-size: 22px; color: #000; font-weight: 300;  }
.name_skill h6 { font-size: 17px; color: #000; font-weight: 300;  }
.ask_review_btn { margin: 10px auto -10px; display: inline-block; position: relative; top: -30px; float: right; margin-right: 15px; }
.ask_review_btn a { font-size: 20px; color: #fff; background: #08b6ce; width: 100%; display: block; height: 45px; line-height: 45px; border-radius: 50px; padding-left: 25px; text-transform: capitalize; box-shadow: 0 2px 4px rgba(0,0,0,.15); }
.ask_review_btn a span { width: 45px; height: 45px; line-height: 36px; border-top-right-radius: 50px; margin-left: 20px; border-bottom-right-radius: 50px; background: #0b96a9; position: relative; float: right; padding-left: 8px; }
.ask_review_btn a span img { width: 24px; height: 24px; } 
.check_review_btn { margin: 10px auto -10px; display: inline-block; position: relative; top: -30px; float: right; margin-right: 15px; }
.check_review_btn a { font-size: 20px; color: #fff; background: #139409; width: 100%; display: block; height: 45px; line-height: 45px; border-radius: 50px; padding-left: 25px; text-transform: capitalize; box-shadow: 0 2px 4px rgba(0,0,0,.15); }
.check_review_btn a span { width: 45px; height: 45px; line-height: 36px; border-top-right-radius: 50px; margin-left: 20px; border-bottom-right-radius: 50px; background: #0c7204; position: relative; float: right; padding-left: 8px; }
.check_review_btn a span img { width: 24px; height: 24px; } 

.book_again { margin: 10px auto -10px; display: inline-block; position: relative; top: -30px; float: right; margin-right: 15px; }
.book_again a { font-size: 20px; color: #fff; background: #ec6402; width: 100%; display: block; height: 45px; line-height: 45px; border-radius: 50px; padding-left: 25px; text-transform: capitalize; box-shadow: 0 2px 4px rgba(0,0,0,.15); }
.book_again a span { width: 45px; height: 45px; line-height: 36px; border-top-right-radius: 50px; margin-left: 25px; border-bottom-right-radius: 50px; background: #ba4f02; position: relative; float: right; padding-left: 8px; }
.book_again a span .tick { width: 8px; height: 15px; top: 12px; left: 14px; background: transparent; border-right: 1px solid #fff; border-bottom: 1px solid #fff; position: absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }


/*.......... Register new section ..........*/
.proof_radio label span { font-weight: 400; font-size: 14px }
.photo_device { font-size: 13px; color: #222; line-height: 17px; margin-top: 10px; }
.proof_radio [type="radio"]:checked, .proof_radio [type="radio"]:not(:checked) { position: absolute; left: -9999px; }
 .proof_radio [type="radio"]:not(:checked) + label { position: relative; width: 100%; padding: 0; border: 2px solid #08b6ce; border-radius: 10px; background: #fff; color: #08b6ce; font-size: 18px; font-weight: 500; cursor: pointer; margin-bottom: 10px; text-align: center;}
.proof_radio [type="radio"]:checked + label { position: relative; width: 100%; padding: 0; border: 2px solid rgba(0,0,0,.16); border-radius: 10px; background: #08b6ce; color: #fff; font-size: 18px; font-weight: 500; cursor: pointer; margin-bottom: 10px; text-align: center;}
.proof_radio [type="radio"]:checked + label::after, .proof_radio [type="radio"]:checked + label::before, .proof_radio [type="radio"]:not(:checked) + label::after, .proof_radio [type="radio"]:not(:checked) + label::before { display: none; }
.doc_type_heading { min-height: 29px; }

/*.......... Top bar css ..........*/
.top_bar { background: #08b6ce; color: #fff; position: sticky; top: 0; padding-top: 5px; padding-bottom: 5px; z-index: 9; font-size: 20px; font-weight: 400; }

/*.......... Chat page Css ...........*/
.chat_page_main { padding-top: 70px; position: relative; padding-bottom: 70px; background: #fff; }
.chat_page_main h2 { font-size: 35px; color: #000; font-weight: 500; font-family: 'Cabin Condensed', sans-serif; text-align: center; position: relative; padding-bottom: 25px; }
.chat_page_main h2::after { content: ''; position: absolute; bottom: 0px; width: 90px; height: 9px; background: url(../images/heading_after_orange.png); left: calc(50% - 51px); background-repeat: no-repeat; background-size: 100%; }
.chat_left_side { border-radius: 10px; background-color: #fff; padding: 20px 0; box-shadow: 0 3px 7px rgba(0,0,0,.18); }
.recent_chat_search { border-radius: 11px; border: 1px solid #ebebeb; background-color: rgb(255, 255, 255); box-shadow: 0px 3px 7px 1.44px rgba(0, 0, 0, 0.08); width: calc(100% - 30px); margin-left: 15px; }
.recent_chat_search input { height: 50px; font-size: 18px; color: #000; font-weight: 400; background: transparent; border: 0; }
.search_btn { background: #ec6402; border-radius: 0 11px 11px 0; width: 56px; }
.search_input:focus { box-shadow: none; }
.chat_left_side ul { margin-top : 40px; }
.chat_left_side ul li { padding: 15px; cursor: pointer; position: relative; }
.chat_left_side ul li::after { position: absolute; bottom: 0; width: 90px; height: 1px; background: #cccccc; left: 15px; content: ''; }
.chat_left_side ul li.active, .chat_left_side ul li.active:hover { background: #08b6ce }
.chat_left_side ul li:hover { background: #b3e2e9; transition: all ease-in-out 500ms; }
.chat_user_main img { width: 90px; height: 90px; margin-right: 15px; border-radius: 100px; border: 5px solid #ec6402; }
.chat_user_main h3 { font-size: 20px; color: #000; font-weight: 500; text-transform: uppercase; }
.chat_left_side ul li.active .chat_user_main h3, .chat_left_side ul li.active .chat_user_main .last_message, .chat_left_side ul li.active .chat_user_details span {  color: #fff;}
.last_message { font-size: 16px; color: #000; font-weight: 400; line-height: 16px; margin-top: 10px; }
.chat_user_details span { color: #cacaca; font-size: 14px; font-weight: 400 }
.conversation { width: 100%; margin-top: 30px; margin-bottom: 100px; display: inline-block; }
.user_1 { float: left; justify-content: flex-start; margin-bottom: 15px; width: 70%;}
.user_1 img { width: 45px; height: 45px; border-radius: 50px; }
.user_chat { max-width: 100%; }
.user_chat p { padding: 10px 20px; display: inline-block; margin-left: 10px; border-radius: 20px 20px 20px 0; background-color: #b3e2e9; min-height: 45px; color: #222; margin: 0; text-align: left; }
.user_chat p::after { display: none; }
.user_chat span.chat_time { text-align: right; font-size: 14px; font-weight: 400; color: #cacaca; width: 100%; display: block; margin-top: 5px; }
.user_2 {  float: right; margin-bottom: 15px; width: 70%; justify-content: flex-end; }
.user_2 img { width: 45px; height: 45px; border-radius: 50px; }
.user_2_chat { max-width: 100%; }
.user_2_chat p { padding: 10px 20px; display: inline-block; margin-left: 10px; border-radius: 20px 20px 0px 20px; background-color: #08b6ce; color: #fff; min-height: 45px; margin: 0 0px 0 20px; text-align: left;}
.user_2_chat p::after { display: none; }
.user_2_chat span.chat_time { text-align: right; font-size: 14px; font-weight: 400; color: #cacaca; width: 100%; display: block; margin-top: 5px; }
.message_send_box { width: calc(100% - 30px); position: absolute; bottom: 0; margin-top: 15px; margin-bottom: 20px; position: absolute; bottom: 0; }
.type_send_box {  border-radius: 11px; background-color: rgb(255, 255, 255); box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.18);  height: 66px; width: 100%;  border: 1px solid #ebebeb; }
.message_send_box .search_input { width: 100%; display: inline-block; height: 65px; border: 0; background: transparent; padding-left: 0; padding-right: 15px;  font-size: 18px; color: rgba(0,0,0,.65); font-weight: 400; }
.message_send_box .search_btn { padding: 0; border-radius: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; width: 85px; height: 65px; background: #ec6402; }
.message_send_box .search_btn img { width: 30px; }
.upload_chat_image { position: relative; width: 65px; display: inline-block; }
.upload_chat_image .up_btn { width: 65px; height: 65px; line-height: 65px; border-radius: 11px 0 0 11px; border: 0; background: transparent; font-size: 26px; color: rgba(0,0,0,.12); }
.upload_chat_image input[type=file] { font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; }


/*.......... My Profile Edit ..........*/
.my_profile_section { padding-top: 70px; position: relative; padding-bottom: 50px; background: #fff; }
.my_profile_section h2 { font-size: 50px; color: #000; font-weight: 500; font-family: 'Cabin Condensed', sans-serif; text-align: center; position: relative; padding-bottom: 25px; margin-bottom: 55px; }
.my_profile_section h2::after { content: ''; position: absolute; bottom: 0px; width: 103px; height: 9px; background: url(../images/heading_after_orange.png); left: calc(50% - 51px); }
.my_profile_section .personal_info:last-child { border-bottom: 0; }
.my_profile_section .profile_border_box { padding-bottom: 40px; }
.bonuse_box_main { width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
.bonuse_box_main:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: 0 }
.bonuser_image { width: 80px; height: 80px; border-radius: 50px; margin-right: 15px; }
.bonuser_image img { width: 100%; height: 100%; border-radius: 50px;}
.bonuse_content { width: calc(100% - 100px); }
.bonuser_details h3 { font-size: 30px; color: #000; font-weight: 600; }
.bonuser_details h6 { font-size: 20px; color: #222; font-weight: 400; }
.bonise_value { font-size: 20px; color: #000; font-weight: 500; white-space: nowrap; margin-left: 15px; }

/*.......... My Tasks ..........*/
.send_offer { margin: 10px auto -10px; display: inline-block; position: relative; top: -30px; float: right; margin-right: 15px; }
.send_offer a { font-size: 20px; color: #fff; background: #ec6402; width: 100%; display: block; height: 45px; line-height: 45px; border-radius: 50px; padding-left: 25px; text-transform: capitalize; box-shadow: 0 2px 4px rgba(0,0,0,.15); }
.send_offer a span { width: 45px; height: 45px; line-height: 36px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; background: #ba4f02; position: relative; float: right; padding-left: 8px; margin-left: 20px; }
.send_offer a span img { width: 24px; height: 24px; }
.edit_offer { margin: 10px auto -10px; display: inline-block; position: relative; top: -30px; float: right; margin-right: 15px; }
.edit_offer a { font-size: 20px; color: #fff; background: #139409; width: 100%; display: block; height: 45px; line-height: 45px; border-radius: 50px; padding-left: 25px; text-transform: capitalize; box-shadow: 0 2px 4px rgba(0,0,0,.15); }
.edit_offer a span { width: 45px; height: 45px; line-height: 36px; border-top-right-radius: 50px; margin-left: 20px; border-bottom-right-radius: 50px; background: #0c7204; position: relative; float: right; padding-left: 8px; }
.edit_offer a span img { width: 24px; height: 24px; } 
.offer_popup_header { font-size: 30px; font-weight: 500; color: #000; }
.popup_close { width: 40px; height: 40px; background: #ff0000; border:0; border-radius: 50px; cursor: pointer; }
.popup_close span { color: #fff; line-height: 35px; font-size: 45px; font-weight: 600; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); display: block; margin: 0; width: 40px; height: 40px; }
.add_price_box { border-radius: 3px; border: 2px solid #ccc; padding: 20px 15px; }
.pop_left_width { width: calc(100% - 55px); }
.pop_left_width label { color: #08b6ce; font-weight: 500; margin-bottom: 0; font-size: 20px; }
.pop_left_width .custom_input { font-size: 20px; color: #817b7b; font-weight: 300; padding: 0; border: 0; border-bottom: 0; border-radius: 0; }
.btn_send_offer { margin-top: 25px; width: 100%; padding-top: 10px; padding-bottom: 10px; border: 0; border-radius: 10px; font-size: 20px; color: #fff; background: #ec6402; }
.btn_Edit_offer { margin-top: 25px; width: 100%; padding-top: 10px; padding-bottom: 10px; border: 0; border-radius: 10px; font-size: 20px; color: #fff; background: #139409; }
.right_pop_image { width: 40px; height: 40px; margin-left: 15px; opacity: .5; }

/*.......... Profile Icons ...........*/
.profile_photo_1 { position: relative; }
.profile_photo_1 .profile_tag { width: 100%; position: absolute; bottom: 0; }
.profile_left_info h5 span { width: 20px; margin-left: 5px; display: inline-block; }

/*............ New ...........*/
.footable { margin-bottom: 25px; }


/*.......... Detail Page Css ..........*/
.check_business { position: relative; border: 2px solid rgba(0,0,0,.16); border-radius: 10px; background: #fff; width: 100%; font-size: 20px; color: #a09797; font-weight: 400; padding: 10px; text-align: center; }
.lable_image_detail { width: 30px; height: 30px; position: relative; }
.lable_image_detail .img_1 { opacity: 1; position: absolute; top: 0; left: 0; width: 30px; height: 30px; }
.check_business p { padding-left: 20px; }
.offer_box { background: #fcfeff; padding: 20px 15px; border-radius: 15px; box-shadow: 0 3px 6px rgba(0,0,0,.15) }
.offer_box .provider_rating { color :#000; font-size: 20px; }
.offer_box_photo_icon img { width: 70px; height: 70px; border-radius: 50px; margin-right: 15px; }
.name_skill h4 { font-size: 30px; color: #000; font-weight: 500;  }
.name_skill h6 { font-size: 20px; color: rgba(0,0,0,.7); font-weight: 400;  }
.btn_reject, a.btn_reject:hover { font-size: 20px; color: #bb0907; line-height: 20px; display: inline-block; font-weight: 600; margin-right: 5px; }
.btn_accept, a.btn_accept:hover { font-size: 20px; color: #318049; line-height: 20px; display: inline-block; font-weight: 600; margin-left: 5px; }
.comment_box { border-bottom: 1px solid #ccc; padding-bottom: 25px }
.comment_box .provider_rating { color :#000; font-size: 20px; }
.comment_box .provider_rating i { color: #ec6402; margin-right: 6px; }
.comment_box_photo_icon img { width: 70px; height: 70px; border-radius: 50px; margin-right: 15px; }
.comment_info { width: 100%; }
.comment_info h4 { font-size: 30px; color: #000; font-weight: 500;  }
.comment_info p { font-size: 20px; color: rgba(0,0,0,.7); font-weight: 400; margin-top: 10px;  }
.reply_comment .comment_box { border-bottom: 1px solid #ccc; padding-bottom: 25px; margin-bottom: 25px; }
.reply_comment .comment_box:last-child { border-bottom: 0; margin-bottom: 0; }
.reply_comment .comment_box .provider_rating { color :#000; font-size: 20px; }
.reply_comment .comment_box .provider_rating i { color: #ec6402; margin-right: 6px; }
.reply_comment .comment_box_photo_icon img { width: 70px; height: 70px; border-radius: 50px; margin-right: 15px; }
.reply_comment .comment_info h4 { font-size: 30px; color: #000; font-weight: 500;  }
.reply_comment .comment_info p { font-size: 20px; color: rgba(0,0,0,.7); font-weight: 400; margin-top: 10px;  }
.reply_comment { padding-left: 86px; margin-top: 15px; }
.reply_comment h6{ font-size: 25px;  margin: 20px 0 40px;}
.reply_comment a { font-size: 20px; color: #ee6402; font-weight: 500 }
.reply_comment a span { margin-left: 10px; }
.comment_send_box { margin-top: 10px; }
.send_comment_btn { width: 40px; height: 40px; background: #ee6402; border-radius: 50px; text-align: center;line-height: 40px; margin-left: 15px; border: 0; }
.send_input { font-size: 20px; width: calc(100% - 50px); border: 0; border-bottom: 1px solid #ccc; color: #000; }
.send_input:focus { outline: 0; }

/*.......... Filter Screen ..........*/
.filter_box { background: #fff; padding: 30px 15px; border-radius: 15px; box-shadow: 0 2px 6px rgba(0,0,0,.15); }
.filter_box h3 { font-size: 25px; color: #000; font-weight: 500; margin-bottom: 25px; }
.form_image { width: 30px; height: 30px; margin-left: 10px; }
.form_border { border: 1px solid #ccc; padding: 10px; border-radius: 10px; }
.label_input { width: 100%; }
.label_input label { width: 100%; font-size: 16px; color: #000; margin: 0; font-weight: 500; }
.filter_input_box { width: 100%; border-radius: 0; border: 0; font-size: 16px; color: #000; padding: 0; }
.filter_input_box:focus { outline: none; }
.filter_box .select-style { padding: 0; border: 0; border-bottom: 0; border-radius: 0; overflow: hidden; background: #fff url(../images/from_icons/down_icon.png) no-repeat 99% 50%; }
.filter_box .select-style select { padding: 0; width: 100%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none;  font-size: 16px; color: #000;}
.apply_btn { width: 130px; max-width: 100%; background: #08b6ce; margin-right: 5px; border-radius: 5px; height: 40px; line-height: 40px; text-align: center; padding: 0; color: #fff; font-size: 20px; font-weight: 400; border: 0; cursor: pointer; }
.reset_btn { width: 130px; max-width: 100%; background: #ec6402; margin-right: 5px; border-radius: 5px; height: 40px; line-height: 40px; text-align: center; padding: 0; color: #fff; font-size: 20px; font-weight: 400; border: 0; cursor: pointer; }
body.mytasks .select2-container--default .select2-selection--single { border-radius: 0; border:0; font-size: 16px; color: #000; }

/*.......... Rating Box ..........*/
.rating_image { margin: 10px auto 20px; display: block; text-align: center; width: 100px; }
p.how_rate { font-size: 23px; color: #000; font-weight: 600; text-transform: uppercase; text-align: center; }
.review_star { width: 100%; margin-top: 25px; margin-bottom: 25px; text-align: center; display: block; font-size: 25px; border-top: 1px solid rgba(0,0,0,.1); padding-top: 20px; }
.review_star i { margin-right: 5px; color: #f16400 }
.review_star i:last-child { margin-right: 0px; }
.write_heading { font-size: 25px; color: #000; text-transform: capitalize; text-align: center; margin-bottom: 25px; }
.add_review_comment { padding: 15px; width: 100%; border-radius: 7px; border: 1px solid #ccc }
.add_review_comment textarea { width: 100%; padding: 0; border: 0; font-size: 15px; color: #000; line-height: 15px; resize: none; }

/*.......... todo list page ..........*/
.todo_list_main { padding-top: 70px; position: relative; padding-bottom: 0px; background: #fff; }
.todo_list_main h2 { font-size: 50px; color: #000; font-weight: 500; font-family: 'Cabin Condensed', sans-serif; text-align: center; position: relative; padding-bottom: 25px; }
.todo_list_main h2::after { content: ''; position: absolute; bottom: 0px; width: 103px; height: 9px; background: url(../images/heading_after_orange.png); left: calc(50% - 51px); }
.todo_box_main { background: #eff6f8; border-radius: 10px; box-shadow: 0 3px 7px rgba(0,0,0,.25); position: relative; z-index: 1; }
.todo_box_main .todo_image { width: 100%; border-radius: 10px 10px 0 0; height: 200px; overflow: hidden;  position: relative; }
.todo_box_main .save_icon { position: absolute; top: 0; right: 15px; color: rgb(8, 182, 206); font-size: 30px; top: -8px; }
.todo_box_main .save_icon i { text-shadow: 0 3px 5px rgba(0,0,0,.25); }
.service_time { margin-bottom: 15px }
.todo_info { padding: 15px; }
.todo_box_main h3 { font-size: 30px; color: #000; font-weight: 600; }
.todo_price { font-size: 25px; font-weight: 600; color: rgb(8, 182, 206); }
.service_time_icon { width: 25px; margin-right: 15px; }
.todo_box_main p{ font-size: 20px; font-weight: 400; color: #545454; }
.todo_box_main p span { margin: 15px;  }
.my_service_provider { width: 100%; padding: 0 15px; }
.my_provider_name_info { background: #fff; padding: 20px 15px; border-radius: 0 0 15px 15px; box-shadow: 0 3px 6px rgba(0,0,0,.15) }
.my_provider_photo_icon img { width: 50px; height: 50px; border-radius: 50px; margin-right: 15px; }
.name_skill h4 { font-size: 22px; color: #000; font-weight: 300;  }
.name_skill h6 { font-size: 17px; color: #000; font-weight: 300;  }
.todo_slider_main { background: #eff6f8; border-radius: 10px; box-shadow: 0 3px 7px rgba(0,0,0,.25); position: relative; z-index: 1; overflow: hidden; }
.todo_slider_main .todo_image { width: 100%; border-radius: 10px 10px 0 0; height: 200px; overflow: hidden;  position: relative; }
.todo_slider_main .carousel-indicators li { border: 1px solid #fff; border-radius: 10px; width: 15px; height: 15px; background: transparent; cursor: pointer; }
.todo_slider_main .carousel-indicators li.active { background: #fff; border: 1px solid #fff; }
.todo_info_main { width: 100%; padding: 0 15px; }
.todo_info_main_box { background: #fff; padding: 20px 15px 40px 15px; border-radius: 0 0 15px 15px; box-shadow: 0 3px 6px rgba(0,0,0,.15); }
.todo_details { width: 100%; margin-top: 25px; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
.todo_details h3 { font-size: 20px; color: #08b6ce; font-weight: 500; margin-bottom: 0; }
.todo_details p { font-size: 20px; font-weight: 300; padding: 0; }

/*.......... Showcase upload ..........*/
.showcase_box { width: 100%; background: #fff; padding: 30px 15px; border-radius: 15px; box-shadow: 0 2px 6px rgba(0,0,0,.15); margin-top: 60px; margin-bottom: 60px; }
.show_case_upload { position: relative; overflow: hidden; display: inline-block; width: 100%; }
.show_btn { font-size: 20px; color: rgba(0,0,0,.31); width: 100%; height: 250px; border: 0; margin-top: 15px; border-radius: 7px; }
.show_case_upload input[type=file] {  font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; }
.show_btn i { font-size: 65px; display: block;  }

/*.......... Edit Profile Css ..........*/
body.editprofile .select2-container--default .select2-selection--single { border: 0;  border-radius: 0; }
body.editprofile .select2-container--default.select2-container--focus .select2-selection--multiple { border: 0;  border-radius: 0; }
body.editprofile .select-style .select2-container--default.select2-container--focus .select2-selection--multiple { border: 0; border-radius: 0; padding: 0; margin-top: 0; }
body.editprofile  .select-style .select2-container--default.select2-container--disabled .select2-selection--multiple { background: #fff; border: 0; margin-top: 0; }
body.editprofile .select-style .select2-container .select2-search--inline .select2-search__field { margin-top: 0; }
body.editprofile .select-style .select2-container--default .select2-selection--multiple { border:0; }
body.editprofile .select-style .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #57b6ce; border: 1px solid #57b6ce; position: relative; color: #fff; font-size: 15px; }
body.editprofile .select-style .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #fff; margin-right: 0; position: absolute; top: -5px; right: -4px; background: #ff0000; width: 15px; height: 15px; margin: 0; padding: 0; line-height: 12px; text-align: center; border-radius: 50px; }

/*.......... NEW Css 06 May ..........*/
.chat_cancel { height: fit-content; }
.chat_cancel a.btn_chat{ background: #08b6ce; color: #fff; font-size: 20px; line-height: 20px; padding: 6px; border-radius: 5px; margin: 0 4px 0 0; width: 120px; max-width: 100%; display: inline-block; text-align: center; }
.chat_cancel a.btn_Cancel{ background: #de0202; color: #fff; font-size: 20px; line-height: 20px; padding: 6px; border-radius: 5px; margin: 0 0px 0 4px; width: 120px; max-width: 100%; display: inline-block; text-align: center; }

/*.......... payment popup ..........*/
.payment_service_box { background: #fff; border-radius: 10px; border: 1px solid #ccc; padding: 15px; }
.payment_service_box h3 { font-size: 25px; color: #000; font-weight: 500; margin-bottom: 9px; }
.payment_service_box .service_time { margin-bottom: 4px; }
.payment_service_box .service_time_icon { width: 20px; margin-right: 10px; }
.payment_service_box .service_info_box p { font-size: 16px; font-weight: 400; color: #545454; }
.payment_service_price_box { background: #fff; border-radius: 10px; border: 1px solid #ccc; padding: 15px 15px 0 15px; margin-top: 20px; margin-bottom: 15px; }
.payment_service_price_box h6 { font-size: 17px; color: #000; font-weight: 400; }
.payment_service_price_box h5 { font-size: 17px; color: #000; font-weight: 600; }
.payment_radio { width: 120px; display: inline-block; margin-right: 14px; vertical-align: top; margin-top: 20px; }
.payment_radio:last-child { margin-right: 0; }
.payment_radio [type="radio"]:checked, .payment_radio [type="radio"]:not(:checked) { position: absolute; left: -9999px; }
.payment_radio [type="radio"]:checked + label, .payment_radio [type="radio"]:not(:checked) + label { position: relative; padding-left: 30px; cursor: pointer; line-height: 20px; display: inline-block; color: #000; font-size: 20px; margin-bottom: 4px; font-weight: 400; width: 100%; }
.payment_radio [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0px; top: calc(50% - 12px); width: 24px; height: 24px; border:0; border-radius: 50px; background: #fff; border: 2px solid rgba(0,0,0,.2) }
.payment_radio [type="radio"]:checked + label:before { content: ''; position: absolute; left: 0px; top: calc(50% - 12px); width: 24px; height: 24px; border:0; border-radius: 50px; background: #fff; border: 2px solid  rgb(236, 100, 2) }
.payment_radio [type="radio"]:checked + label:after, .payment_radio [type="radio"]:not(:checked) + label:after { content: ''; width: 16px; height: 16px;  background: rgb(236, 100, 2); position: absolute; top: 2px; left: 4px; border-radius: 0; -webkit-transition: all 0.2s ease; border-radius: 50px; transition: all 0.2s ease; }
.payment_radio [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.payment_radio [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.g_total { background: #08b6ce; width: calc(100% + 30px); margin-left: -15px; padding: 8px 15px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px }
.pay_btn { display: inline-block; background: #ec6402; color: #fff; font-size: 20px; font-weight: 500; text-transform: uppercase; padding: 5px 25px; }

.identification-proof-section .form_box { border: 3px solid #ccc; padding-bottom: 0; margin-bottom: 30px; padding: 4px 0; border-radius: 7px; }
.identification-proof-section .col-md-12 { padding-left: 0; padding-right: 0; }
.identification-proof-section .lable_input { width: calc(100% - 10px); }
header p {
    color: #fff!important;
    font-weight: 300!important;
    display: inline-block;
    float: right;
    background: #08b6ce;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 2px;
        margin-bottom: 5px;
}

/*.......... Responsive Css ..........*/

@media (max-width: 1200px)
{
.top_slider_padding { top: 0px; }
.top_slider h1 { font-size: 70px; }
.download_app_main p { font-size: 20px; }
.download_app_main h2 { margin-bottom: 25px;}

}
@media (max-width: 1024px) and (orientation: landscape)
{
	.top_slider { height: 100%; }
}
@media screen and (max-width: 991.98px)
{
	.top_slider .carousel-control-prev { width: 46px; height: 46px; z-index: 11; bottom: 10px; left: auto; right: 60px; }
	.top_slider .carousel-control-prev img { width: 26px; margin-top: -3px; }
	.top_slider .carousel-control-next { width: 46px; height: 46px; z-index: 11; bottom: 10px; right: 20px; left: auto;  }
	.top_slider .carousel-control-next img { width: 26px; margin-top: -3px; }
	.top_slider_padding { top: 50px; }
	.top_slider h1 { font-size: 50px; }
	.top_slider p { font-size: 25px; }
	header { padding-top: 20px; }
	.top_slider { height: 100%; }
	.download_app_main h2 { font-size: 40px; padding-bottom: 15px; margin-bottom: 35px; }
	.download_app_main p { color: #fff; font-size: 15px; }
	.footer_links { display: block; max-width: 100%; text-align: left; }
	.footer_heaing_link { width: 215px;  display: inline-block; vertical-align: top; }
	.login_heading { font-size: 40px; }
	.enter_info { font-size: 30px; }
	.login_content_box form { margin-top: 30px; }
	.button_login { margin-top: 0; }
	.pageOption { height: 420px; }
	.plan_deails_box li { font-size: 12px; }
	a.view_service { margin-bottom: 15px; }
}
@media screen and (max-width: 767.98px)
{
	header { padding-top: 15px; }
	header .top_nav_btn { display: none!important;  }  
	header .menu_btn { position: absolute; top: -50px; right: 15px; }
	.container { max-width: 100%; }
	.navbar { padding: 0; background: #08b6ce; margin-top: 10px; width: calc(100% + 30px); margin-left: -15px; z-index: 1;}
	.full_nav { height: 0; }
	.custom_nav .nav-item:first-child .nav-link { padding-left: 15px; }
	.custom_nav .nav-item .nav-link { padding-left: 15px; background: transparent; color: #fff!important; }
	.login_signup_btn { padding: 5px 15px; width: 100%; text-align: left; }
	.login_signup_btn { width: 100%; }
	.top_slider { height: auto; }
	.top_slider_padding { padding-top: 6%; top: 0; }
	.top_slider h1 { font-size: 25px; text-shadow: 2.243px 2.243px 0px rgba(0, 0, 0, 0.35) }
	.custom_nav .select-style { width: 100%; }
	.custom_nav .nav-item .nav-link { margin-left: 0; }
	.custom_nav .nav-item .nav-link::after { display: none; }
	.custom_nav .nav-item .nav-link.login_signup_btn { border-radius: 0px; box-shadow: none; padding: .5rem 1rem }
	.top_slider .carousel-caption { left: 15px; right: 15px; }
	.top_slider .carousel-control-prev { width: 30px; height: 30px; z-index: 11; bottom: 10px; left: 15px; display: none; }
	.top_slider .carousel-control-prev img { width: 20px; margin-top: -3px; }
	.top_slider .carousel-control-next { width: 30px; height: 30px; z-index: 11; bottom: 10px; left: 45px; display: none;  }
	.top_slider .carousel-control-next img { width: 20px; margin-top: -3px; }
	.top_slider p { font-size: 20px; }
	.mobile_search { display: block; }
	.search_box { margin-top: 10px; }
	.servie_list_boxes h3 { font-size: 30px; margin-bottom: 20px; }
	.servie_list_boxes { margin-bottom: 80px; }
	.service_icon_box { width: 80px; height: 80px; border-radius: 15px; margin-top: -60px; }
	.service_icon_box img { width: 50px; }
	.service_section_main h2 { font-size: 40px; }
	.service_section_main h5 { font-size: 20px; }
	.feature_provider_main { padding-top: 50px; padding-bottom: 50px; }
	.feature_provider_main h2 { font-size: 40px; }
	.mt-130 { margin-top: 80px; }
	.download_app_box { padding: 100px 15px; }
	a.see_more { height: 56px; line-height: 56px; font-size: 20px; margin-bottom: 25px; }
	.service_section_main { padding-top: 40px; }
	.footer_heaing_link { width: 49%; }
	.footer_store_icons a.store_btn { display: block; margin:0 0 20px 0; }
	.footer_store_icons a:last-child.store_btn { margin-bottom: 0; height: 56px; line-height: 56px; font-size: 20px; }
	.blog_page_main a.see_more { margin-bottom: 0; height: 56px; line-height: 56px; font-size: 20px; }
    .service_section_main { margin-bottom: 0px;  }
	.feature_provider_main a.see_more { margin-bottom: 0; }
	.blog_page_main { padding-top: 50px; padding-bottom: 50px; }
	.blog_page_main h2 { font-size: 40px; }
	footer .hr_1 { margin: 0px auto 20px; }
	.container { max-width: 100%; }
	.pageOption { display: none; }
	.login_content_box { max-width: 100%; padding: 50px 15px 50px 0px; }
	.login_image_box_main { margin-bottom: 100px; }
	.login_input, .login_input:focus { height: 46px; }
	.button_login{ font-size: 17px; height: 46px; line-height: 46px; }
	.register_box_main { padding: 60px 15px 40px 15px; margin-bottom: 100px; }
	.plan_name_heading { padding: 30px; width: 100%; }
	.plan_deails_box li { display: block; }
	.choose_plan_box { padding-left: 15px; padding-right: 15px; }
	.choose_plan_box { margin-bottom: 100px; }
	.post_job_btn { width: 58px; height: 58px; }
	.post_job_btn img { width: 26px; height: 26px; margin-top: 17px; margin-left: 17px; }
	.tooltip-inner { font-size: 14px; }
	.invite_friend_main {  padding-top: 50px;padding-bottom: 15px;} 
	.country_code .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 42px; }
	.country_code .select2-container--default .select2-selection--single .select2-selection__arrow { top: 8px; }
	.profile_left_info { width: 100%; margin-left: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
	.all_profile_box { padding-left: 0; }
	.profile_border_box { padding-top: 0; }
	.profile_right_details { margin-top: 50px; }
	.chat_left_side { margin-bottom: 50px; }
	.chat_cancel a.btn_chat { margin: 0 0 5px 0; display: block; }
	.chat_cancel a.btn_Cancel { margin: 5px 0 0px 0; display: block; }
	a.view_service { margin-bottom: 0px; }
}
@media screen and (max-width: 575.98px)
{
	.top_slider_padding { padding-top: 20%;}
	.search_box { margin-top: 10px;  height: 40px }
	.search_box button, .search_box button:focus { padding: 0 10px; }
	.search_box input, .search_box input:focus { font-size: 15px; }
	.search_box i { font-size: 20px; }
	.mobile_search {  display: none; margin-top: 0px; z-index: 9; position: relative; }
	.download_app_buttons_box a { display: block; margin-top: 15px; }
	.footer_heaing_link { width: 100%; }
	.social_links { margin-top: 15px; }
	.login_image_box_main { margin-top: 50px; padding-left: 15px; max-width: 390px; }
	.inner_header { padding-bottom: 50px; }
	.div_box_1 { width: 100%; padding: 0;}
	.div_box_2 { width: 100%; padding: 0;}
	.image_notes { padding-left: 0; margin-top: 15px; }
	.register_box_main { margin-top: 50px; }
	.image_notes p { font-size: 17px; }
	.form_box { margin-bottom: 20px; }
	.plan_deails_box li { margin-right: 0; }
	.plan_deails_box { padding-left: 15px; padding-right: 15px }
	.buy_btn { font-size: 20px; margin-right: 20px; }
	.choose_plan_box { margin-top: 50px; }
	.invite_frnd_btn { max-width: 150px;  position: fixed; right: auto; left: 15px; bottom: 15px; }
	.invite_frnd_btn img { width: 100% }
	.invite_friend_main { padding-bottom: 7px; }
	.notfound .notfound-404 { left: calc(50% - 70px); top: 0; }
	.login_via [type="radio"]:checked + label, .login_via [type="radio"]:not(:checked) + label { font-size: 15px; }
    .notfound h1 { padding-top: 160px; }
	.notfound h2 { text-align: center;}
	.notfound { padding-left: 0; text-align: center;}
	.profile_right_details .nav-tabs .nav-item .nav-link { font-size: 25px; }
	.my_service_provider { padding: 0; }
	.my_booking_details .nav-tabs { width: calc(100% + 30px); margin-left: -15px; }
	.my_booking_details .nav-tabs .nav-item .nav-link { font-size: 16px; padding-left: 10px; padding-right: 10px; }
	.my_booking_details .nav-tabs .nav-item .nav-link { border-radius: 0; }
	.upload_chat_image { width: 55px; }
	.upload_chat_image .up_btn { width: 55px; }
	.chat_cancel a.btn_chat { margin: 0 5px 0px 0; display: inline-block; }
	.chat_cancel a.btn_Cancel { margin: 0px 0 0px 5px; display: inline-block; }
	a.view_service { margin-bottom: 15px; }
}
/.......... Job upgrade page .........../
.upgrade_main { width: 100%; padding: 0 15px; }
.upgrade_job_detail { background: #fff; padding: 20px 15px; border-radius:15px; box-shadow: 0 3px 6px rgba(0,0,0,.15) }
.upgrade_job_detail h4 { font-size: 22px; color: #000; font-weight: 500; text-transform: uppercase; margin-bottom: 10px;  }
.upgrade_job_detail h6 { font-size: 20px; color: #000; font-weight: 400;  }
.upgrade_job_detail p { font-size: 17px; color: #000; font-weight: 300; margin-top: 20px; position: relative;  }
.upgrade_job_detail p::before { position: absolute; top: -14px; left: 0; width: 150px; background: rgba(0,0,0,.3); height: 2px; content: ''; }
.upgrade_buy_btn { margin: 10px auto -10px; display: inline-block; position: relative; top: -30px; float: right; margin-right: 15px; }
.upgrade_buy_btn a { font-size: 20px; color: #fff; background: #ec6402; width: 100%; display: block; height: 45px; line-height: 45px; border-radius: 50px; padding-left: 25px; text-transform: capitalize; box-shadow: 0 2px 4px rgba(0,0,0,.15); }
.upgrade_buy_btn a span { width: 45px; height: 45px; line-height: 36px; border-top-right-radius: 50px; margin-left: 20px; border-bottom-right-radius: 50px; background: #ba4f02; position: relative; float: right; padding-left: 8px; }
.upgrade_buy_btn a span img { width: 24px; height: 24px; } 

/.......... virctual box page .........../
.virctual_p_main { width: 100%; padding: 0 15px; }
.virctual_p_detail { background: #fff; padding: 20px 15px; border-radius:15px; box-shadow: 0 3px 6px rgba(0,0,0,.15) }
.virctual_p_detail h4 { font-size: 22px; color: #000; font-weight: 500; text-transform: uppercase; margin-bottom: 10px;  }
.virctual_p_detail h6 { font-size: 20px; color: #000; font-weight: 400;  }
.virctual_p_detail p { font-size: 17px; color: #000; font-weight: 300; margin-top: 20px; position: relative;  }
.virctual_p_detail p::before { position: absolute; top: -14px; left: 0; width: 150px; background: rgba(0,0,0,.3); height: 2px; content: ''; }
.my_provider_name_info { background: #fff; padding: 20px 15px; border-radius: 0 0 15px 15px; box-shadow: 0 3px 6px rgba(0,0,0,.15) }
.my_provider_name_info .provider_rating { color :#000; font-size: 23px; }
.my_provider_name_info .provider_rating i { color: #ec6402; margin-right: 6px; }
.virctual_p_btn { margin: 10px auto -10px; display: inline-block; position: relative; top: -30px; float: right; margin-right: 15px; }
.virctual_p_btn a { font-size: 20px; color: #fff; background: #ec6402; width: 100%; display: block; height: 45px; line-height: 45px; border-radius: 50px; padding-left: 25px; text-transform: capitalize; box-shadow: 0 2px 4px rgba(0,0,0,.15); }
.virctual_p_btn a span { width: 45px; height: 45px; line-height: 36px; border-top-right-radius: 50px; margin-left: 20px; border-bottom-right-radius: 50px; background: #ba4f02; position: relative; float: right; padding-left: 8px; }
.virctual_p_btn a span img { width: 24px; height: 24px; }