/*
 Theme Name:   Service Finder Child
 Description:  Child Theme for Service Finder - Manosdeobra
 Author:       Manosdeobra
 Template:     service-finder
 Version:      1.0.0
*/

body * {
    font-family: 'Outfit';
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Outfit';
}

h4 {
    font-weight: 900;
}

.active-sumery-panel #bookingsmry .sf-suumery-close-btn {
    right: 100%;
    top: 1.3%;
}

.admin-nav ul {
    font-family: 'Outfit';
}

.admin-nav ul > li > a {
    padding: 15px 40px 15px 20px;
    font-size: 13px;
    text-transform: capitalize;
}

.add-to-favo-btn {
    padding: 3px 12px 3px 12px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
    background-size: 20% auto;
    color: white;
    display: block;
    border: 0px;
    font-weight: 300;
    font-family: 'Outfit';
    font-size: 12px;
    box-shadow: 0px 0px 14px -7px #FFC87D;
    background: #000f5a;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    border-radius: 8px;
    width: auto;
}

.add-to-favo-btn:hover {
    background: #001685;
    background-position: right center;
    transform: scale(1.05);
    color: #fff;
    text-decoration: none;
}

.add-to-favo-btn:active {
    transform: scale(0.95);
}

.alert.alert-info {
    margin: 100px 10px;
}

.aon-app-date-btns li a.sf-applynow-btn {
    background: #ffb600;
    border: 0;
    color: #000;
}

.aon-app-date-btns li a.sf-applynow-btn:hover,
.aon-app-date-btns li a.sf-applynow-btn:active,
.aon-app-date-btns li a.sf-applynow-btn:focus { 
     background:#ffc900; 
     border: 0;  
}

.aon-ow-provider .aon-ow-top .aon-pro-check {
    left: 0;
    top: 0;
}

.aon-app-date-btns {
    align-items: normal;
    flex-direction: column;
    gap: 15px;
}

.aon-inner-page-title .aon-title {
    font-weight: 900;
}

.aon-inner-page-title .aon-title-small2 {
    font-weight: 900;
    letter-spacing: -0.5px;
}

.aon-pro-sec-right .aon-pro-mid .aon-pro-mid-right ul li a {
    width: 50px;
    height: 50px;
}

.aon-pro-sec .aon-pro-sec-right .aon-pro-mid .aon-pro-mid-right ul li a {
    padding-top: 2px;
    font-size: 25px;
}

.aon-pro-sec-right .aon-pro-top .aon-pro-name span {
    padding: 15px 20px;
}

.aon-pro-sec-right .aon-pro-top .aon-pro-profesion {
    border-radius: 6px;
    font-size: 10px;
    background: #ffb824;
    border: 0;
    padding: 3px 7px;
    color: #555;
}

.aon-user-text {
    text-align: left;
}

.aon-pro-doc-contacts li span {
    color: #222222;
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
    padding: 15px 0;
}

.aon-pro-sec-right .aon-pro-top .aon-pro-name {
    font-size: 40px;
    font-weight: 900;
}

.aon-pro-categories {
    display: inline-grid;
    grid-template-columns: repeat(1, auto);
    gap: 5px;
    margin-bottom: 20px;
    align-items: start;
    justify-items: start;
}

.aone-hire-pro-card {
    margin: 25px 10px 10px 10px;
    align-items: flex-start;
    flex-direction: column;
    background: #e8e8fc;
}

.aone-hire-pro-card-left {
    align-items: flex-start;
}

.aone-hire-left-section .aon-pro-title {
    font-weight: 900;
}

.aone-hire-left-section .aon-pro-amount {
    font-weight: 900;
}

.aone-hire-pro-card-left .media {
    min-width: 60px;
    width: auto;
    height: auto;
    max-width: 140px;
    border-radius: 5%;
}

.aone-hire-pro-card-right .aon-pro-amount {
    font-size: 25px;
    font-weight: 900;
}

.aon-candi-date-btns li a.sf-tag-btn i {
    margin-right: 0;
}

.aon-pro-section-area .container {
    padding-left: 30px;
    padding-right: 30px;
}

.aon-pro-sec-media {
    border-radius: 100%;
    padding: 10px; 
    background: linear-gradient(135deg, #C07F2C, #FFC87D); 
    display: inline-block;
}

.aon-pro-sec-media > img {
    display: block;
    border-radius: 100%;
    width: 100%;
    height: auto;
    background: white; 
}

.aon-banner2-title {
    margin-bottom: 70px;
}

.aon-pro-sec-left .aon-pro-sec-media {
    border-radius: 300px;
}

.aon-jobbnr-time-status2 {
    padding: 7px 13px;
    background: #ffb600;
    font-size: 14px;
    font-style: italic;
}

#avlsrhfilter {
    gap: 10px;
    justify-content: flex-start;
}

.bg-gray {
    background-color: #ffb824;
    border-radius: 0 0 10px 10px;
}

.booking-panel-btn-wrap .btn {
    padding: 10px 20px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 500;
}

.booking-panel-btn-wrap {
    margin-bottom: 50px;
    display: flex;
    gap: 10px;
}

.booking-summary-btn {
    font-size: 13px;
    font-weight: 500;
}

#bookingservices > li {
    background: #e4eeff !important;
    font-weight: 600;
}

#bookingsmry .sf-suumery-close-btn {
    border-radius: 11px 0px !important;
    padding: 16px;
    margin: -17px -31px;
}

.btn-custom {
    padding: 9px 20px;
    font-size: 14px;
    border-radius: 12px !important;
    background-color: #ffb824;
    color: #222222 !important;
}

.btn-primary {
    border-radius: 15px;
    font-family: Outfit;
    font-weight: 300;
}

.btn-primary:hover { 
    background: #ffc900;   
    color: #333;
}

.btn-primary:focus { 
    color: #333; 
}

.btn-link {
    border-color: transparent;
    padding: 5px 15px;
    background: #ffb824;
    color: #222222;
    border-radius: 10px;
}

.btn-link:hover {
    border-color: transparent;
    padding: 5px 15px;
    background: #ffac00;
    color: #222222;
    border-radius: 10px;
}

.btn-group {
    gap: 5px;
}

.btn.btn-primary.invite-for-Job-btn {
    background: #3f3f3f;
    color: #ffffff;
    font-weight: 500;
    font-family: 'Outfit';
	transition: all 0.3s ease-in-out;
}

.btn.btn-primary.invite-for-Job-btn:hover {
    background: #535353;
    color: #fff;
	opacity: 0.8;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transform: scale(1.05);
}

.btn, .panel, .form-control, .img-thumbnail, .panel-heading, .dropdown-menu, .panel-group .panel, .nav-tabs > li > a, .modal-content, .navbar-toggle, .nav-pills > li > a, .pager li > a, .pager li > span, .well, .alert {
    border-radius: 10px;
}

a.btn.btn-primary:hover, a.btn.btn-primary.focus, a.btn.btn-primary:focus, .btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary, .btn-primary[disabled], .btn-primary[disabled]:focus, .owl-prev:hover, .owl-prev:active, .owl-prev:focus, .owl-next:hover, .owl-next:active, .owl-next:focus {
    background: #ffc900;
    color: #333;
}

.cal-row-head [class*="cal-cell"]:nth-child(2) {
    padding-left: 10px;
}

.card-body.aon-card-body .row > [class*="col-"] > div {
    width: 100%;
}

.crop-img-right {
    padding-left: 0px;
}

.closeadvsrh {
    top: 8px;
    right: 8px;
    background: #ffb824;
    color: #000000;
}

.closeadvsrh:hover { 
    background:#ffc900;
    color: #333;
} 

.cvf-universal-content {
	padding-left: 15px;
}

.content-admin-main .job-manager-form {
    background-color: #fff;
    border: 2px solid #e1e1e1;
    padding: 20px 0;
    margin: 60px 0px;
    border-radius: 10px;
    max-width: 700px;
}

.comments-area .comment-form #add_comment_rating_wrap #add_post_rating {
    bottom: 9px;
    right: -15px;
    font-weight: 900;
}

.comments-area .comment-form p {
    z-index: 9;
}

.custom-img-class {
    border-radius: 27px 27px 0 0;
    width: 100%;
    padding: 0;
    background: #444444;
}

div#n2-ss-3 .n-uc-UmOlLLWju65Z-inner {
    border: 1px solid #fff;
    border-radius: 25px;
    background: #f8f8f8;
    padding: 25px;
}

div#n2-ss-3 .n-uc-1993e81991097-inner {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 25px;
}

div#n2-ss-3 .n-uc-19e3c859b045c-inner {
    padding-top: 25px;
}

div#n2-ss-3 .n-uc-13cf9dfa78215-inner {
    padding: 25px;
}

div#n2-ss-3 .n-uc-1948d0630517a-inner {
    border-top: 1px solid #c4c4c4;
    padding-top: 25px;
}

div#n2-ss-3 .n-uc-130b9175ef43f-inner {
    padding-bottom: 25px;
}

div#n2-ss-3 .n-uc-116f088843a21-inner {
    padding: 25px;
}

div#n2-ss-3 .n-uc-17c5ee37e2f43-inner {
    border-top: 1px solid #c4c4c4;
		padding-top: 25px;
}

div#n2-ss-3 .n-uc-13955afc0c0b7-inner {
    padding-bottom: 25px;
}

div#n2-ss-3 .n-uc-z3cl5AvYfVHY-inner {
    padding: 25px;
}

div#n2-ss-3 .n-uc-3A478JskwyVv-inner {
    border-top: 1px solid #c4c4c4;
		padding-top: 25px;
}

div#n2-ss-3 .n-uc-zWfPUXKOg7g0-inner {
    padding-bottom: 25px;
}

div#n2-ss-3 .n-uc-X44PQTZDNEcU-inner {
    padding: 25px;
}

div#n2-ss-3 .n-uc-zsvMS8b05Xoo-inner {
    border-top: 1px solid #c4c4c4;
		padding-top: 25px;
}

div#n2-ss-3 .n-uc-6RHDLTZDjjS1-inner {
    padding-bottom: 25px;
}

div#n2-ss-3 .n-uc-KhYpxYB8fhMM-inner {
    padding: 25px;
}

div#n2-ss-3 .n-uc-N4MypYE2o6i7-inner {
    border-top: 1px solid #c4c4c4;
		padding-top: 25px;
}

div#n2-ss-3 .n-uc-vTY3LuIN3XY8-inner {
    padding-bottom: 25px;
}

div#n2-ss-3 .n-uc-Vb8l9l1U9DiO-inner {
    padding: 25px;
}

div#n2-ss-3 .n-uc-DFuOBUOER94x-inner {
    border-top: 1px solid #c4c4c4;
		padding-top: 25px;
}

div#n2-ss-3 .n-uc-wUQJlYKUW4vw-inner {
    padding-bottom: 25px;
}

.docs-preview-buttons .site-button.outline.green {
    padding: 5px 25px 5px 25px !important;
    color: #000000 !important;
    background: #ffb600 !important;
}

.dropdown-menu>li>a {
    white-space: normal;
    border-bottom: 1px solid #d2d2d2;
    width: 350px;
}

.edit-member .profile-pic-bx {
    margin: 0 auto 60px;
}

.extra-nav .extra-cell .hdr-user .btn-bnr-user {
    padding: 8px 15px;
    border-radius: 12px;
    font-size: 14px;
}

.extra-nav .extra-cell .hdr-user .btn-bnr-user:hover {
    background: #ffc900; 
    color: #333;
} 

.extra-nav .extra-cell .hdr-user .btn-bnr-user > i {
    font-size: 20px;
}

.extra-nav .extra-cell a.btn:nth-child(1) {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fa-heart:before {
    color: #ff5e5e;
}

.fa[class*="fa-"] {
    border-radius: 10px 0px 0px 10px;
    background: transparent;
    border: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.fa-angle-down:before {
    padding: 7px 10px 7px 10px;
    border-radius: 20px;
    background: #ffb824;
    color: #000;
}

.form-control {
    border-radius: 10px;
    border: 1px solid #e8e8e8;
}

.form-nav .nav.sf-profile-tabs li.active a {
    color: #fff;
    background: #ffb824;
}

.form-nav .nav.sf-profile-tabs li:hover a { 
	background:#ffac00; 
	color: #fff;
}

.footer a:hover {
    color: #222;
}

.footer a, .footer a:visited {
    color: #887676;
}

.hdr-login-section li a {
    color: #000;
    font-size: 14px;
    white-space: nowrap;
    background: #ffb824;
    padding: 5px 15px;
    border-radius: 10px;
}

.hdr-login-section::before {
    right: 45px;
    border-bottom: 8px solid #ffb824;
}

.hdr-login-section.active {
    border: 1px solid #ffb824;
    top: 130%;
}

.hdr-login-section {
    background-color: #fff;
    border-radius: 15px;
    padding: 10px;
    gap: 5px;
}

.header-style8 .extra-nav .extra-cell a.btn {
    padding: 6px 15px;
    border-radius: 12px;
    font-family: Outfit;
    font-weight: 300;
    font-size: 14px;
}

.header-style8.sf-header-inner .extra-nav .extra-cell a.btn {
    padding: 6px 15px;
    border-radius: 12px;
    font-family: Outfit;
    font-weight: 300;
    font-size: 15px;
    text-transform: uppercase;
}

.header-style8.sf-header-inner .extra-nav .extra-cell a.btn:hover {
    background: #ffc900;
    border: 2px solid #ffc900;
    color: #333;
}

.header-style8 .extra-nav .extra-cell a.btn:hover { 
    background: #ffc900;
    border: 2px solid #ffc900;
    color: #333;
}

.header-style8 .header-nav .nav {
    float: left;
    margin-left: 50px;
    margin-top: 18px;
}

.header-style8 .container .extra-nav {
    margin-right: 0;
    margin-top: 0;
}

.header-nav .nav > li > a {
    padding: 13px 10px;
}

.header-nav .nav > li:hover > .sub-menu {
    border-radius: 10px;
}

.header-nav .nav > li:hover .sub-menu li:first-child a {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.header-nav .nav > li:hover .sub-menu li:last-child a {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.header-nav .nav > li.menu-item-has-children:before {
    right: 0;
    color: #ffb824 !important;
}

.header-nav .nav > li.menu-item-has-children:hover:before {
  color: #fff !important;
}

.header-style8 .main-bar {
    padding-left: 30px;
    padding-right: 30px;
}

#header-part.sf-header-inner.sf-search-header .logo-header {
    margin-top: 15px;
}

#header-part.sf-header-inner.sf-search-header .header-nav .nav > li > a {
    padding: 17px 15px !important;
}

#header-part .navbar-toggle span {
    background: #000000 !important;
    height: 4px;
    width: 25px;
}

#header-part .navbar-toggle {
    padding: 10px 7px;
    margin: 26px 0;
}

.input-group-addon {
    border-radius: 10px;
}

.info_details {
    border-radius: 10px;
}

.infoimage {
    border-radius: 10px;
    width: 120px;
    height: 124px;
    margin: 8px 15px 8px 8px;
}

#infocloser {
    width: 17px;
    height: 16px;
    border-radius: 4px;
}

[id^="proid-"] {
	padding-left: 0;
}

.innerblocks-wrap {
		padding-bottom: 20px;
}

.job-manager-form fieldset .account-sign-in {
    border-radius: 15px;
}

.job-manager-form fieldset .account-sign-in .button {
    float: right;
    border-radius: 15px;
    margin-left: 5px;
}

.job-manager-form fieldset .account-sign-in .button:focus { 
    background-color:#ffc900; border-color:#ffc900; color:#000; 
}  

.job-manager-form input[type="submit"] {
    font-weight: 900;
}

.job_listing_preview_title {
    background: #010082;
    padding: 1.5em 2em;
    margin-top: 100px;
    border-radius: 10px 10px 0 0;
}

.job_listing_preview_title h2 {
    margin-top: 0px;
    color: #fff;
    font-family: 'Outfit';
    font-weight: 900;
}

.job_listing_preview {
    border: 1px solid #bea86b;
    border-top: 0;
    margin-bottom: 100px;
    border-radius: 0 0 15px 15px;
}

.listing-grid-box.sf-listing-grid-2 .row [class*="col-"] .sf-pro-box .sf-pro-pic {
    border-radius: 30px 30px 0 0;
}

.listing-grid-box.sf-listing-grid-2 .row [class*="col-"] .sf-pro-box {
    box-shadow: 5px 5px 12px rgb(178 178 178);
    border-radius: 32px;
    background: #ffffff;
    border: 0;
}

.listing-grid-box.sf-listing-grid-2 .row {
    margin-left: -15px;
    margin-right: -15px;
}

.listing-grid-box.sf-listing-grid-2 .row [class*="col-"] {
    display: block;
    padding-left: 0px;
    padding-right: 15px;
    width: 25%;
}

.listing-box .sf-pro-check {
    margin-left: 0px;
}

.logo-header {
    height: 60px;
    margin-top: 19px;
}

.map-company {
    color: #ffb824;
    font-weight: 900;
    font-size: 15px;
}

.margin-b-30 {
    margin-bottom: 20px;
}

.map-category {
    padding: 2px 5px;
    border-radius: 5px;
    margin-right: 35px;
    display: flex;
    margin-bottom: 0;
    font-size: 11px;
}

.media-info {
    margin-right: 20px;
}

.modal-header {
    border-radius: 10px 10px 0 0;
}

.modal .modal-body {
    border: 0;
    border-radius: 10px;
    margin-right: 0;
    margin-left: 0;
}

.modal-footer .btn-default, .modal-footer .btn-primary {
    border-radius: 12px;
}

.modal-footer {
    gap: 10px;
    display: flex;
    justify-content: flex-end;
}

#multidatepopover .modal-body {
    padding: 20px;
}

.more-text {
	display: none;
}

.mwai-chat.mwai-window.mwai-open:not(.mwai-opening):not(.mwai-closing) .mwai-header:not(.mwai-header-osx) {
    cursor: move;
    color: #222;
    font-weight: 900;
    font-style: italic;
    padding: 10px 20px;
}

.n2-ss-slider .n2-ss-slider-controls-below {
    flex-direction: row;
    justify-content: center;
    gap: 10px;
}

.n2-ss-slider .n2-ss-item-image-content img {
    border-radius: 15px;
}

.nav-tabs {
    border-bottom: 0;
}

.nav.sf-profile-tabs li a {
    font-size: 15px;
    padding: 8px 20px;
    background: #e4eeff;
    margin-bottom: 10px;
}

.nav.sf-profile-tabs li {
    margin-right: 13px;
}

.owl-prev:hover {
    background: #ffc90000;
    background-color: #ffb824 !important;
    border-color: #FFB824 !important;
    color: #000 !important;
}

.owl-nav .owl-next:hover {
  background: transparent;
}

.owl-carousel .owl-item {
    padding-right: 10px;
    padding-bottom: 25px;
}

.owl-next {
    background-color: #ffac00;
}

.owl-prev {
    background-color: #ffac00;
}

.owl-next:hover {
    background-color: #ffb824 !important;
    border-color: #FFB824 !important;
    color: #000 !important;
}

.overlay-st2 {
    background-color: #000000;
    opacity: 0.5;
}

.page-wraper {
    background: #fff;
}

.panel-heading {
    border-radius: 0;
}

.padding-20 {
    padding: 0;
}

.sf-bnr2-text span {
    font-size: 20px;
    font-weight: 200;
    font-family: 'Outfit';
}

.search-form-2 .form-control {
    border-radius: 15px;
}

.search-form-2 .form-control .dropdown-toggle {
    border-radius: 15px;
}

.section-content.profiles-content {
    margin-top: 100px;
    margin-bottom: 100px;
    border-radius: 15px;
    color: #000;
    max-width: fit-content;
    justify-self: center;
    padding-top: 20px;
    padding-bottom: 0px;
}

.slick-list {
    overflow: visible;
}

body .sf-social-share li a {
    color: #000;
    background: #ffb600;
}

.sf-advace-search-two {
    border-radius: 15px;
}

.sf-banner2-row {
    padding-top: 70px;
    padding-bottom: 70px;
}

.sf-map-filter .btn {
    margin-right: 0px;
}

.sf-map-filter .btn-primary:hover { 
    background: #ffc900;
    color: #333;
}

.sf-educcol-date i {
    width: 0;
    height: 0;
    border: 0;
}

.sf-educcol-date {
    position: unset;
    width: fit-content;
}

.sf-educ-colinfo {
    padding: 30px;
    background: #ebefff;
    color: #000;
    border-color: #d7dfff;
}

.sf-educ-colinfo p {
    padding-top: 10px;
}

.sf-educ-row {
    align-items: flex-start;
}

.sf-candi-title {
    margin: 50px 0px 30px;
}

.sf-caty-pic {
    height: 700px;
}

.sf-advace-search-two .sf-tilte {
    color: #222;
    font-family: 'Outfit';
}

.sf-head-title.ele-title {
    font-family: 'Outfit';
    font-weight: 900;
}

.sf-submit-btns.clearfix {
    justify-content: left;
    gap: 15px;
}

.sf-submit-btns.clearfix .admin-button {
    padding: 13px 25px;
    font-weight: 900 !important;
    border-radius: 15px;
}

.sf-jobbnr1-left {
  border: 2px solid #ebebec;
  border-radius: 15px;
  padding: 0px 30px 30px 30px;
  background: #fff;
}

.sf-job-ban-title {
    font-weight: 900;
}

.sf-job-bnr-row {
    gap: 20px;
}

.sf-overvi-listing li {
    background: #f6f6f6;
    border-radius: 12px;
}

.sf-overvi-listing li:nth-child(even) {
    background: #eef0fd;
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.01);
    border-radius: 12px;
}

.sf-overvi-listing li .sf-ove-list-icon {
    border: 1px solid #c8b582;
}

.sf-candi-gallery-large {
    height: fit-content;
}

.sf-jobd-right {
    border: 1px solid #bea86b;
}

.sf-jobs2-box {
    border: 1px solid #bea86b;
}

.sf-search-any-option > li.sf-filterby-date {
    width: auto;
}

.sf-search-sortby li.sf-select-sort-by {
    width: 100%;
}

.sf-search-sortby li {
    width: 100%;
}

.sf-header-inner .header-nav .nav > li > a {
    color: #ffffff;
}

.sf-header-inner .header-nav .nav > li .sub-menu li:first-child a:hover {
	background-color: #EBEBEB; 
	color: #FFB600; 
	border-radius: 8px 8px 0 0;
}

.sf-bnr2-text strong {
    font-size: 40px;
    font-weight: 900;
    line-height: 44px;
    text-transform: none;
    font-family: 'Outfit';
}

.sf-header-inner .header-nav .nav > li {
    margin-bottom: -30px;
}

.sf-header-inner > .main-bar {
    background: #010082;
}

.sf-next-pre-btn .btn {
    font-weight: 900;
    font-family: 'Outfit';
}

.sf-recomm-header {
    margin-top: 70px;
}

.sf-job-box {
    margin-bottom: 100px;
}

.sf-social-share li a {
    border-radius: 15px;
}

.sf-social-share  li a:hover { 
    background:#ffc900; 
}

.sf-social-share {
    border-radius: 15px;
    border: 1px solid #ffb600;
    gap: 5px;
}

.side-bar .widget_nav_menu li {
    padding: 10px 10px 10px 0px;
}

.sf-post-tags ul li {
    display: ruby;
    line-height: 3.5;
}

.sf-post-tags h4 {
    margin: 8px 30px 0px 0px;
}

.sf-post-tags li a {
    color: #000000;
    background: #ffb824;
    border: 0;
}

.sf-post-tags li a:hover {
    background: #ffc900;
}

.sf-quesans-meta {
    display: flex;
    gap: 15px;
}

.sf-search-any-option > li .bootstrap-select .dropdown-toggle {
    border-radius: 10px;
}

.sf-pre-cat {
    color: #000
}

.sf-pre-cat:hover {
    color: #ff4d00
}

.sf-ex-company-card .sf-date {
    right: 20px;
}

.sf-pro-col-box {
    border-radius: 15px;
}

.sf-certificate-card .sf-info .sf-date {
    text-decoration: none;
    font-weight: 400;
}

.sf-certificate-card .sf-media img {
    width: 70px;
    border-radius: 50px;
    height: 70px;
}

.sf-certificate-card {
    align-items: normal;
}

.sf-serach-result-title {
    font-weight: 900;
}

.sf-serach-result-price {
    font-size: 30px;
    font-weight: 900;
}

.sf-serach-result-footer {
    top: 20px;
}

.sf-job-box-price {
    font-weight: 900;
}

.sf-job-box-title {
    font-weight: 900;
    font-size: 30px;
    line-height: 32px;
}

.sf-booking-footer {
    padding: 30px;
}

.sf-serach-result-left .btn-primary {
    display: grid;
    padding: 8px 15px;
    font-size: 13px;
    color: #333 !important;
}

.sf-booking-body {
    margin: -12px -25px -12px;
}

.sf-featured-tag {
    background: #ffac00;
    top: 24px;
    left: -30px;
    color: #000000;
    font-weight: 900;
    clip-path: polygon(19% 0%, 82% 0%, 100% 100%, 0% 100%);
    padding: 5px 25px;
    transform: rotate(-45deg);
}

.sf-pro-info {
    padding: 20px 30px;
    background: linear-gradient(135deg, #D1913C 0%, #ffb82433 53%, #D1913C 100%);
    border-radius: 0px 0px 30px 30px;
}

.sf-pro-servi-name {
    color: #fff;
}

.sf-pro-box {
    border-radius: 30px;
}

.sf-featured-box {
    align-items: normal;
    box-shadow: 10px 10px 0px rgb(0 0 80);
    border-radius: 20px;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
}

.sf-featured-box .sf-featured-pic {
    width: auto;
    height: auto;
    border-radius: 20px;
}

.sf-featured-box .sf-featured-info .sf-fea-invite-fav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 9px;
}

.sf-featured-box .sf-featured-info {
    width: calc(150% - 100px);
    border-radius: 0px 20px 20px 0px;
    border: 0;
    padding: 25px;
    background: #f9f9f9;
}

.sf-featured-box .btn-add-to-fav {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    background: #000000;
    border: none;
    font-weight: 600;
    color: #ffb824;
    font-size: 12px;
    padding: 3px 12px 3px 12px;
    width: auto;
    display: block;
    border-radius: 6px;
    cursor: pointer;
}

.sf-featured-box .btn-add-to-fav:hover {
    font-weight: 600;
    font-size: 12px;
    padding: 3px 12px 3px 12px;
    border-radius: 6px;
}

.section-area.sf-caty-section .section-content {
    padding-left: 0px;
    padding-right: 0px;
}

.sf-searchbar-box .sf-search-btn {
    height: 45px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
}

.sf-key-address .input-group-with-icon input {
    border-radius: 15px;
}

.sf-servi-bx-wrap {
    border-radius: 30px;
    padding: 10px 20px 30px 20px;
    border: 1px solid #ddd;
    background: #e4eeff;
}

.sf-servi-bx-wrap li:last-child .sf-services-bx {
    margin-bottom: 0px;
    background: #ffffff;
    padding: 30px 30px;
}

.sf-services-bx {
    background: #fff;
    padding: 30px 30px;
}

.sf-services-bx .sf-content-info .sf-title {
    margin: 0px 0px 20px 0px;
    font-size: 24px;
    font-weight: 900;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: auto;    
}

.sf-services-bx .sf-price-controls {
    min-width: auto;
    width: auto;
    padding: 20px 16px;
    border-radius: 20px;
    border: 1px solid #ffb824;
    text-align: center;
    background: #ffb824;
}

.sf-services-bx .sf-price-controls .sf-servi-title-2 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #222222;
    background: #e4eeff;
    border-radius: 10px 10px 0 0;
}

.sf-services-bx .sf-price-controls .sf-servi-price {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    background: #e4eeff;
}

.sf-services-bx .sf-price-controls .sf-servi-prics-duration {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #222222;
    background: #e4eeff;
}

.sf-provi-service-hour {
    display: block;
    margin-right: 0;
    color: #222222;
    margin-bottom: 10px;
    background: #e4eeff;
    border-radius: 0 0 10px 10px;
    padding-bottom: 5px;
}

.sf-services-bx .sf-price-controls .view-detail-btn {
    font-size: 14px;
    padding: 7px 15px;
    background: #222222;
    color: #ffb824;
}

.sf-summery-box {
    border-radius: 13px 0px 0px 13px;
}

.sf-summery-total {
    border-radius: 12px;
}

.sf-servi-right .sf-servi-title-2 {
    margin-bottom: 0px;
    background: #e4eeff;
    border-radius: 10px 10px 0 0;
}

.sf-servi-right .sf-servi-price {
    background: #e4eeff;
    margin-bottom: 0px;
}

.sf-servi-right .sf-servi-prics-duration {
    margin-bottom: 0px;
    color: #222222;
    background: #e4eeff;
}

.sf-provi-service-count {
    display: block;
}

.sf-servi-right .sf-price-controls {
    border-radius: 15px;
    padding: 15px 15px;
    background: #ffb824;
    padding-bottom: 7px;
}

.sf-booking-incomplete {
    padding: 4px 10px;
    vertical-align: middle;
}

.sf-ex-company-card .sf-title {
    margin: 0px 100px 10px 0px;
}

.sf-userInfoArea {
    border-radius: 10px;
}

.sf-serach-result-propic img {
    border-radius: 100%;
}

.sf-serach-result-left .btn-link {
    display: block;
}

.sf-profilecat-label {
    margin-top: 15px;
}

.sf-profilecat-label a {
    display: flex;
    color: #000000;
    border: 0;
    border-radius: 10px;
    background: #ffb824;
    padding: 5px 15px;
}

.sf-hiring-status {
    display: block;
    margin: 0 auto 15px;
    padding: 5px 8px;
    border-radius: 10px;
}

.sf-serach-result-left .btn-link:after {
    background-color: #00000000;
}

.sf-owl-arrow .owl-prev .ar-left {
    background-color: #fff;
}

.sf-owl-arrow .owl-prev .ar-left::before {
    background-color: #fff;
}

.sf-owl-arrow .owl-prev .ar-left:after {
    background-color: #fff;
}

.sf-owl-arrow .owl-next .ar-right {
    background-color: #fff;
}

.sf-owl-arrow .owl-next .ar-right::before {
    background-color: #fff;
}

.sf-owl-arrow .owl-next .ar-right:after {
    background-color: #fff;
}

.sf-userInfoLeft .sf-userImage {
    width: 170px;
}

.sf-userInfoLeft .sf-userImage img {
    border-radius: 100%;
}

.sf-review-rating {
    padding: 0;
}

.sf-faq-st1-wrap .panel-default > .panel-heading {
    cursor: pointer;
}

.sf-faq-st1-wrap .panel-default > .panel-heading:hover {
  background-color: #ffb824; 
  border-color: #ffb824; 
}

.sf-search-any-option > li {
    width: auto;
}

.sf-featured-box .sf-featured-info .sf-pro-bot-right .addtofavorite5 {
    color: #ffb824;
}

.sf-featured-box .sf-featured-info .sf-pro-bot-right .removefromfavorite5 {
    color: #ffb824;
}

.sf-pro-bot-box {
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: 5px;
}

.sf-selectall-providers {
    margin-bottom: 35px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 13px;
}

.sf-quote-related-providers {
    margin-left: 0;
    margin-right: 0;
}

.sf-radio-checkbox input[type=checkbox] + label {
	align-content: center;
}

.sf-quote-related-providers .sf-radio-checkbox {
    padding: 85px 0 0;
}

.sf-jobs-box .sf-jobs-pic {
    border-radius: 10px 10px 0 0;
}

.sf-jobs-box {
    background: #000041;
    padding: 0;
    border-radius: 12px;
}

.sf-jobs-title {
    color: #ffb824;
}

.sf-jobs-bot .sf-jobs-price {
    color: #ffb824;
}

.sf-jobs-bot .sf-jobs-time {
    color: #ffffff;
}

.sf-jobs-meta-list li {
    color: #fff;
}

.sf-jobs-box .sf-job-type {
    background: #ffb824;
    border-radius: 5px;
}

.sf-task-info {
    background: #000041;
}

.sf-task-box {
    background: #000041;
}

.sf-task-title {
    color: #ffb824;
    font-size: 22px;
}

.sf-task-tags {
    color: #fff;
}

.sf-task-meta-list li strong {
    color: #ffb824;
}

.sf-task-meta-list li span {
    color: #fff;
}

.sf-task-des {
    color: #fff;
}

.sf-featured-box .sf-featured-info .btn-invite-Job {
    padding: 10px 15px 10px 15px;
}

.sf-varification-circle {
    background: #ffb824;
}

.sf-featured-approve {
    background-color: #ffb824;
    color: #000000;
    border: 2px solid #ffb824;
}

.sf-featured-approve:hover {
     width: 160px;
}

.sf-jobs2-bot .sf-jobs-type {
    background: #ffb600;
    padding: 7px 13px;
    font-style: italic;
}

.sf-serach-lable-invitation {
    border-radius: 8px;
    padding: 3px 15px;
}

.sf-serach-lable-quotation {
    border-radius: 8px;
    padding: 3px 15px;
}

.sf-featured-col {
    margin-right: 10px;
}

#showhidemap {
    width: 100%;
}

.tabbable .nav-tabs li.active a, .tabbable .nav-tabs li:hover a, .tabbable .nav-tabs li:focus a {
    color: #ffb824;
    border-radius: 10px 10px 0 0;
}

.tabbable .nav-tabs li a {
    border-radius: 10px 10px 0px 0px;
}

.tabbable .tab-content {
    border-width: 1px 1px 1px;
    border-radius: 0px 10px 10px 10px;
}

.toggle-off.btn {
    align-content: center;
}

.wp-block-search .wp-block-search__input {
    border-radius: 10px 0 0 10px;
}

.wp-block-search {
    margin-bottom: 0;
}

.wp-block-search__button {
    margin-left: 0;
    border-radius: 0 10px 10px 0;
}

.wp-block-search .wp-block-search__button {
    padding: 0px 30px;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0;
    border-radius: 10px;
    color: #fff;
    width: fit-content;
}

@media (max-width: 1700px) { .extra-cell a.btn:nth-child(1) { max-width: 760px; } }
@media (max-width: 1620px) { .extra-cell a.btn:nth-child(1) { max-width: 680px; } }
@media (max-width: 1540px) { .extra-cell a.btn:nth-child(1) { max-width: 600px; } }
@media (max-width: 1460px) { .extra-cell a.btn:nth-child(1) { max-width: 520px; } }
@media (max-width: 1380px) { .extra-cell a.btn:nth-child(1) { max-width: 440px; } }
@media (max-width: 1300px) { .extra-cell a.btn:nth-child(1) { max-width: 360px; } }
@media (max-width: 1220px) { .extra-cell a.btn:nth-child(1) { max-width: 280px; } }
@media (max-width: 1140px) { .extra-cell a.btn:nth-child(1) { max-width: 200px; } }
@media (max-width: 1060px) { .extra-cell a.btn:nth-child(1) { max-width: 120px; } }

@media only screen and (max-width: 575px) {
    .listing-grid-box.sf-listing-grid-2 .row [class*="col-"] {
        width: 100%;
    }
}

@media only screen and (max-width: 575px) {
    .d-flex {
        flex-direction: column;
    }
}

@media only screen and (max-width: 575px) {
    .sf-vender-list-pic {
        width: auto;
        min-height: 300px;
    }
}

@media only screen and (max-width: 575px) {
    .sf-vender-list-info {
        width: auto;
    }
}

@media only screen and (max-width: 575px) {
    .sf-featured-box .sf-featured-info {
        border-radius: 0px 0px 20px 20px;
        width: auto;
    }
}

@media only screen and (max-width: 575px) {
    .sf-featured-box .sf-featured-pic {
        border-radius: 20px 20px 0 0;
        height: 300px;
    }
}

@media only screen and (max-width: 575px) {
	.booking-panel-btn-wrap {
		margin-bottom: 50px;
		display: flex;
		gap: 10px;
		flex-direction: column;
	}
}

@media only screen and (max-width: 575px) {
	.sf-userInfoTop {
    	display: grid;
    	width: 100%;
    	justify-items: start;
	}
}

@media only screen and (max-width: 575px) {
	.sf-userInfoRight {
		padding-left: 0;
	}
}

@media only screen and (max-width: 575px) {
	.aone-hire-pro-card-left {
		display: flex;
		align-items: center;
		flex-direction: column;
		gap: 15px;
	}
}

@media only screen and (max-width: 575px) {
    .aon-pro-sec {
        display: block;
    }
}

@media only screen and (max-width: 650px) {
    .aon-pro-sec-left .aon-pro-sec-media {
        width: auto;
    }
}

@media only screen and (max-width: 767px) {
    .btn-link.serviceshowdetails.view-full-detail {
        padding: 5px 15px;
    }
}

@media only screen and (max-width: 767px) {
    .sf-services-bx .sf-content {
        flex-direction: column;
        gap: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .sf-services-bx .sf-content-info .sf-title {
        justify-self: center;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .sf-services-bx .sf-content-info {
        justify-items: center;
    }
}

@media only screen and (max-width: 767px) {
    .sf-services-bx {
        justify-items: center;
    }
}

@media only screen and (max-width: 767px) {
    .sf-services-bx .sf-price-controls .view-detail-btn {
        white-space: normal;
        word-wrap: break-word;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
	.logo-header {
		height: 80px;
	}
}

@media (max-width: 768px) { 
    .aon-pro-sec .aon-pro-sec-right .aon-pro-mid .aon-pro-mid-right ul li a {
        padding-top: 5px;
    }
}

@media (max-width: 768px) {
  .aon-pro-categories {
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 991px) {
    .aon-app-date-btns li a.sf-save-btn {
	    padding: 20px 15px;
        justify-content: center;
    }
}

@media only screen and (max-width: 991px) {
    .dropdown-menu>li>a {
        white-space: normal;
        border-bottom: 1px solid #d2d2d2;
        width: auto;
    }
}

@media only screen and (max-width: 991px) {
    .hdr-login-section.active {
        display: grid;
    }
}

@media only screen and (max-width: 991px) {
    #header-part.sf-header-inner.sf-search-header .header-nav .nav > li > a {
        padding: 12px 15px !important;
    }
}

@media only screen and (max-width: 991px) {
    .header-nav-left .extra-nav, .header-nav-left .nav > li > a {
        border: 0;
    }
}

@media only screen and (max-width: 991px) {
    .header-style8 .header-nav .nav {
        overflow: visible;
        border: 1px solid #FFB824;
        border-radius: 10px;
	    border-right-width: thick;
        border-top-width: medium;
        padding-right: 6px;
        display: contents;
        margin-left: 31px !important;
        width: 289px;
        max-height: fit-content;
        padding-bottom: 8px;
        padding-left: 8px;
    }
}

@media only screen and (max-width: 991px) {
    .header-nav .nav > li .sub-menu li a {
        color: #ffffff;
    }
}

@media only screen and (max-width: 991px) {
    .header-nav .nav > li ul, .header-nav .nav > li .sub-menu, .header-nav .nav > li .mega-menu {
        background-color: #ffb824;
    }
}

@media only screen and (max-width: 991px) {
    .header-nav .nav > li ul,
    .header-nav .nav > li .sub-menu,
    .header-nav .nav > li .mega-menu {
    background-color: #ffac00;
    }
    
    .header-nav .nav > li ul li a:hover,
    .header-nav .nav > li .sub-menu li a:hover,
    .header-nav .nav > li .mega-menu li a:hover {
    background-color: #222;
    color: #ffac00;
    }
}

@media only screen and (max-width: 991px) {
    .header-style8 .container .extra-nav {
        margin-top: 25px;
        display: block;
    }
}

@media only screen and (max-width: 991px) {
    .header-style8 .extra-nav .extra-cell a.btn {
        border: 1px solid #ffb824 !important;
        border-radius: 10px;
        background: #ffb824;
        color: #000 !important;
    }
}

@media only screen and (max-width: 991px) {
    .header-nav .nav > li .sub-menu {
        border-radius: 10px !important;
    }
}

@media only screen and (max-width: 991px) {
    .sf-quote-related-providers > li {
        width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    .sf-search-any-option > li.sf-filterby-date {
        width: -webkit-fill-available;
    }
}

@media only screen and (max-width: 991px) {
    .sf-ltr .header-nav-left {
        width: 350px;
    }
}

@media only screen and (max-width: 991px) {
    .sf-header-inner .header-nav .nav > li {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 991px) {
    .sf-search-any-option {
        display: block;
        grid-template-columns: 1fr 1fr;
        margin: 0px -15px 0px;
    }
}

@media only screen and (max-width: 991px) {
    .left-nav-wrap .nav-left-slide-btn {
        background: #ffb824;
    }
}

@media only screen and (max-width: 991px) {
	.sf-search-any-option > li {
		width: 100%;
	}
}

@media only screen and (max-width: 991px) {
    .sf-services-bx .sf-price-controls {
        flex-direction: column;
        display: block;
    }
}

@media only screen and (max-width: 991px) {
    .sf-services-bx .sf-content {
        display: flex;
    }
}

@media only screen and (max-width: 991px) {
    .sf-services-bx .sf-price-controls .sf-servi-title-2 {
        margin-right: 0;
        padding: 7px;
    }
}

@media only screen and (max-width: 991px) {
    .sf-services-bx .sf-price-controls .sf-servi-price {
        margin-right: 0;
        padding: 7px;
    }
}

@media only screen and (max-width: 991px) {
    .sf-services-bx .sf-price-controls .sf-servi-prics-duration {
        margin-right: 0;
        padding: 7px;
    }
}

@media only screen and (max-width: 991px) {
    .extra-nav .extra-cell .hdr-user {
        margin-right: 5px;
    }
}

@media only screen and (max-width: 991px) {
    .logo-header {
    	margin-top: 15px;
    }
}

@media only screen and (max-width: 991px) {
    #header-part.sf-header-inner .extra-nav .extra-cell a.btn, #header-part.sf-header-inner.is-sticky .extra-nav .extra-cell a.btn {
        background-color: #ffb824;
    }
}

@media only screen and (max-width: 991px) {
    .listing-grid-box.sf-listing-grid-2 .row [class*="col-"] {
        width: 50%;
    }
}

@media only screen and (max-width: 991px) {
    .sf-booking-body {
        padding: 30px;
    }
}

@media only screen and (max-width: 991px) {
    .sf-hire-box-left {
        padding: 40px 30px;
    }
}

@media only screen and (max-width: 991px) {
    .sf-educ-col2 {
        width: fit-content;
        margin-left: 0;
    }
}

@media only screen and (max-width: 991px) {
    .sf-allCaty-grid-wrap {
        padding-top: 32px;
    }
}

@media only screen and (max-width: 991px) {
    .sf-caty-listResult-wrap .row {
        flex-direction: column;
    }
}

@media only screen and (max-width: 991px) {
    .sf-caty-btn {
        color: #222222;
    }
}

@media only screen and (max-width: 1200px) {
    .aon-pro-sec {
        display: flex;
        gap: 30px;
        align-items: flex-start;
    }
}

@media only screen and (max-width: 1200px) {
    .listing-grid-box.sf-listing-grid-2 .row [class*="col-"] {
        width: 33.33%;
    }
}

@media only screen and (max-width: 1226px) {
    .header-style8 .header-nav .nav {
        display: block;
        margin-left: 20px;
    }
}