/**
 * @author Kwamelal
 * @copyright 2021 - present Spesuna
 * @license http://www.gnu.org/copyleft/lesser.html
*/
/**/
.a-link,.default-link-color {
    color: #00cf30;
}
.a-link-blue,.default-link-color-blue {
    color: #0070ff;
}
.a-link,
.custom-a-link,
.-cursor-pointer- {
    cursor: pointer;
}
.i-small {
    font-size: .70rem !important;
}
.simple-icon-item {
    font-size: 1.25rem;
}
.-sm-fs- {
    font-size: .85rem;
}
.n-bb{
    border-bottom-width: 0 !important;
}
.gint{
    color: #708090;
    font-weight: 500;
}
.bxs #nav-section{
    box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%), 0px 2px 4px -1px rgb(0 0 0 / 20%) !important;
}
body.admin-editable-mode *[data-edit-element-id]{
    outline: 4px solid #45a049 !important;
}
body.admin-editable-mode .p-events-none{
    pointer-events: none !important;
}
body.admin-editable-mode .p-events-auto{
    pointer-events: auto !important;
}
body.admin-editable-mode .recently-viewed-items-container.inactive{
    display: block !important;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
select:not(.with-appearance) {
    padding-right: 40px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(data:image/svg+xml;utf8;base64,PHN2ZyBoZWlnaHQ9JzI1JyB2aWV3Qm94PScwIDAgMjQgMjQnIHdpZHRoPSc1MCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNNyAxMGw1IDUgNS01eicgZmlsbD0nIzk5OScvPjwvc3ZnPg==) no-repeat 102% 45% !important;
}
::selection{
    background: #d5d4d2;
    color: #fff;
}
::-moz-selection{
    background: #d5d4d2;
    color: #fff;
}
.container-fluid{
    padding-right: 0;
    padding-left: 0;
}
.bg-fafafa{
    background-color: #fafafa !important;
}
.bg-f0f8ff{
    background-color: #f0f8ff !important;
}
.bg-fff{
    background-color: #fff !important;
}
.bg-f5f5f5{
    background-color: #f5f5f5 !important;
}
.bg-f7f7f7{
    background-color: #f7f7f7 !important;
}
.bg-f8f9fa{
    background-color: #f8f9fa !important;
}
.bg-f9f9f9{
    background-color: #f9f9f9 !important;
}
.bg-fbfbfb{
    background-color: #fbfbfb !important;
}
.bg-f2f2f2{
    background-color: #f2f2f2 !important;
}
.bg-eee{
    background-color: #eee !important;
}
.btbb{
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}
.btnbb{
    border-top: 1px solid #e4e4e4;
}
.btnbbot{
    border-bottom: 1px solid #eee;
}
.max-width{
    max-width: 100%;
}
.max-width-200{
    max-width: 200px;
}
.trans,
.custom-slider-btn,
.custom-slider {
    -webkit-transition: all .30s cubic-bezier(.694,0,.335,1);
    -moz-transition: all .30s cubic-bezier(.694,0,.335,1);
    -ms-transition: all .30s cubic-bezier(.694,0,.335,1);
    -o-transition: all .30s cubic-bezier(.694,0,.335,1);
    transition: all .30s cubic-bezier(.694,0,.335,1);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.trans-slow {
    -webkit-transition: all 1s cubic-bezier(.694,0,.335,1);
    -moz-transition: all 1s cubic-bezier(.694,0,.335,1);
    -ms-transition: all 1s cubic-bezier(.694,0,.335,1);
    -o-transition: all 1s cubic-bezier(.694,0,.335,1);
    transition: all 1s cubic-bezier(.694,0,.335,1);
}
.trans-none{
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.f-w-500 *:not(i),
.fw-500{
    font-weight: 500 !important;
}
.w-s-nowrap{
    white-space: nowrap !important;
}
.e-l-s {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: calc(100% - 20px);
}
.e-l-s-i{
    display: inline !important;
}
.e-l-s-b {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: calc(100% - 20px);
    font-weight: 400;
}
.e-l-s-b-m {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 30px);
}
.e-l-s-b.ovinit{
    overflow: initial !important;
}
.t-a-r {
    text-align: right !important;
}
.t-a-l {
    text-align: left !important;
}
.t-a-c {
    text-align: center !important;
}
.c-p {
    cursor: pointer !important;
}
.-bold- {
    font-weight: bold !important;
}
.l-s, 
.l-i-c:not(.show-ichild) {
    display: none !important;
}
.slim{
    font-weight: 500 !important;
}
.l-i {
	opacity: 0.5;
	touch-action: none;
	pointer-events: none;
    -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: wait;
}
.l-i.no-opacity {
    opacity: 1.0;
}
.l-i .l-s {
	display: inline-block !important;
	vertical-align: inherit;
    margin-right: 5px;
    opacity: 1.0 !important;
}
.l-i .l-i-c {
    display: inline-block !important;
    margin-right: 5px;
    opacity: 1.0 !important;
}
.ls-loading,
.s-i {
    position: relative;
    -webkit-animation: loadingAnimation 1s 0s linear infinite;
    -moz-animation: loadingAnimation 1s 0s linear infinite;
    -ms-animation: loadingAnimation 1s 0s linear infinite;
    -o-animation: loadingAnimation 1s 0s linear infinite;
    animation: loadingAnimation 1s 0s linear infinite;
}
.special-i-svg-icon{
    width: 25px;
}
.special-i-svg-icon.v-align-m{
    vertical-align: middle;
}
.mobile-searcher-svg-btn{
    width: 22px;
    vertical-align: middle;
    margin-top: -2px;
    fill: #202124;
}
.special-i-svg-icon.sisi-menu{
    fill: #fff;
    vertical-align: middle;
}
.simple-faq-item{
    width: 100%;
    border-top: 1px solid #dbdbdb;
    padding-top: 20px;
    padding-bottom: 10px;
}
.simple-faq-question-btn.active .la-angle-down{
    display: inline-block;
    transform: rotate(180deg);
}
.simple-faq-item:first-child{
    border-top-width: 0;
}
.simple-faq-item > div{
    width: 100%;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}
.simple-faq-item > div:first-child{
    cursor: pointer;
}
.simple-faq-item > div:first-child > div:first-child{
    width: calc(100% - 40px);
}
.simple-faq-item > div:first-child > div:first-child h4{
    line-height: 1.6;
    font-size: .97rem;
}
.simple-faq-item > div:first-child > div:nth-child(2){
    width: 40px;
    min-width: 40px;
    text-align: right;
}
.simple-faq-item > div:nth-child(2){
    margin-bottom: 0;
    max-height: 0;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
}
.simple-faq-item > div:nth-child(2) p{
    padding-bottom: 10px;
    font-size: .92rem;
    color: #828282;
}
.people-also-ask-container{
    width: 100%;
    max-width: 855px;
    border: 1px solid #dbdbdb;
    margin: auto;
    overflow: hidden;
    border-radius: 15px;
}
.us-none{
    -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
    user-select: none;
}
.warn-color{
    color: #e63838 !important;
}
.-separator- {
    width: 100px;
    height: 1px;
    background-color: #eee;
    margin: 20px 0;
}
.-separator- > div {
    background-color: #141518;
    width: 0;
    height: 100%;
}
.-contains-separator-:hover .-separator- > div {
    width: 100%;
}
.-auto-margin- {
    margin-left: auto !important;
    margin-right: auto !important;
}
.img-200 {
    max-width: 200px;
}
.hide {
    display: none;
}
.hide-important{
    display: none !important;
}
.refund-notice{
    font-size: 10px;
    font-weight: 500;
    background: #ff0000;
    color: #fff;
    padding: 0px 5px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    border-radius: 3px;
}
.dashbaord-list-item-row .refund-notice{
    margin-top: 5px;
}
.cro-tate{
    transform: rotate(320deg);
}
.hidden-ov {
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}
.hidden-ov-y{
    overflow-y: hidden !important;
}
html.hidden-ov,
body.hidden-ov{
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}
input[type="checkbox"]{
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}
.pagination-details {
    padding-left: 8px;
}
.pagination-details p {
    color: #7a7d85;
    font-weight: 400;
}
.pagination-details h4 {
    font-weight: 600;
}
.page-link{
	line-height: 45px;
}
.ripple-btn {
    position: relative;
    overflow: hidden;
    transition: background 400ms;
}
span.ripple {
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    animation: ripple 600ms linear;
    background-color: rgba(255, 255, 255, 0.8);
}
.welcome-section-container > div:first-child .index-search-container-holder,
.welcome-section-container > div:first-child .index-search-container{
    margin-top: 0 !important;
}
.index-search-btn{
    border-width: 0;
    background-color: transparent;
    border-radius: 5px;
    font-size: .92rem;
    color: #000;
    font-weight: 600;
    width: 70px;
}
.index-search-container-holder{
    max-width: 500px;
}
.index-search-container{
    width: 100%;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
    padding: 12px 5px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    max-width: 580px;
}
.index-search-container > div:first-child{
    width: 40px;
    min-width: 40px;
    text-align: center;
}
.index-search-container > div:nth-child(2){
    width: calc(100% - 130px);
}
.index-search-container > div:nth-child(2) input{
    border-width: 0;
    width: 100%;
    display: block;
    font-size: .90rem;
    background-color: #fff;
}
.index-search-container > div:nth-child(3){
    width: 90px;
    text-align: center;
}
.index-search-container-results{
    top: 100%;
    position: absolute;
    width: 100%;
    min-height: 100px;
    max-height: 300px;
    overflow-x: auto;
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgba(32, 33, 36, .28);
    border-radius: 5px;
    z-index: 2;
    display: none;
    padding-bottom: 15px;
    max-width: 580px;
}
.index-search-container.in-search-mode{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.20);
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.20);
    border-bottom: 1px solid #eee;
}
.index-search-container.in-search-mode + .index-search-container-results{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: block;
}
.index-search-container-results-content{
    padding: 10px 15px;
}
.iscr-popular{
    padding: 5px 8px;
    font-size: .83rem;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
}
.index-search-result-item{
    width: 100%;
    padding: 5px 5px;
}
.index-search-result-item > div:first-child{
    width: 40px;
    min-width: 40px;
    text-align: center;
}
.index-search-result-item > div:first-child svg {
    vertical-align: middle;
}
.index-search-result-item > div:nth-child(2){
    width: calc(100% - 40px);
    font-size: .90rem;
    line-height: 1.45;
}
.index-search-result-item > div:nth-child(2) .mtch {
    font-weight: 600;
    color: #000;
}
.index-search-container-loader.loading svg{
    display: none !important;
}
@keyframes ripple {
    to {
      transform: scale(4);
      opacity: 0;
    }
}
@keyframes loadingAnimation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes loadingAnimation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@-moz-keyframes loadingAnimation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@-ms-keyframes loadingAnimation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@-o-keyframes loadingAnimation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.line-separator {
    width: 100%;
    height: 1px;
    background: rgb(231,231,231);
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.text-align-center {
    text-align: center;
}

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

.text-align-left {
    text-align: left;
}
.flex-item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.flex-item-important {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
}
.flex-item-centered {
    display: -webkit-flex !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.flex-item-align-items-center {
    align-items: center;
}
.flex-item-align-items-stretch {
    align-items: stretch;
}
.flex-item-align-self-flex-end {
    align-items: flex-end;
}
.flex-item-align-items-flex-start {
    align-items: flex-start;
}
.flex-item-justify-content-space-between {
    justify-content: space-between;
}
.flex-item-justify-content-space-around {
    justify-content: space-around;
}
.flex-item-justify-content-center {
    justify-content: center;
}
.flex-item-justify-content-flex-end {
    justify-content: flex-end;
}
.flex-direction-column{
    flex-direction: column;
}
.flex-direction-row-reverse{
    flex-direction: row-reverse;
}
.flex-item-flex-grow-1 {
    flex-grow: 1;
}
.flex-item-flex-wrap {
    flex-wrap: wrap;
}
.clearfix {
    cursor: initial;
}
.show-extra-text-btn,
.hide-extra-text-btn{
    color: #6e6e7e;
    font-weight: inherit;
    cursor: pointer;
}
.show-extra-text-btn i.las,
.hide-extra-text-btn i.las{
    font-size: 12px !important;
}
.extra-text > .long,
.extra-text.active > .short{
    display: none;
}
.profile-online-status-container{
    margin-top: 10px;
}
.team-member-item{
    width: 33%;
    text-align: center;
    margin: 50px 0;
}
.team-member-item-image{
    width: 150px;
    height: 150px;
    border-radius: 50%;
}
.team-member-item-name{
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    font-size: 1.1rem;
    line-height: 1.6rem;
    max-width: 80%;
}
.team-member-item-role{
    font-size: .80rem;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.2rem;
    margin-top: 10px;
}
.timeline-container{
    max-width: 800px;
    margin: auto;
}
.timeline-container, 
.timeline-container > div,
.timeline-holes{
    width: 100%;
}
.timeline-controller{
    position: relative;
}
.timeline-belt{
    width: 100%;
    height: 5px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    border-radius: 60px;
}
.timeline-holes{
    text-align: center;
    margin-top: -15px;
}
.timeline-holes > span{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #dadce0;
    border: 1px solid #dadce0;
    cursor: pointer;
}
.timeline-holes > span.active{
    background: #212121;
    border-color: #212121;
    transform: scale(1.4);
}
.timeline-container-slider{
    margin-bottom: 50px;
}
.timeline-container-slider,
.timeline-container-slider-content,
.timeline-container-slider-content > div{
    width: 100%;
    position: relative;
}
.timeline-container-slider-content > div{
    min-width: 100%;
}
.simple-timeline-card-item{
    width: 90%;
    margin: 50px auto;
    margin-top: 25px;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 30px 60px rgb(0 0 0 / 30%);
}
.simple-timeline-card-item h2{
    font-weight: 800;
    font-size: 1.7rem;
    line-height: 1.5;
    margin-top: 10px;
}
.timeline-underliner{
    width: 50px;
    height: 5px;
    background-color: #fff;
    margin-top: 10px;
    display: inline-block;
    border-radius: 60px;
}
.-our-timeline-{
    overflow: hidden !important;
}
.simple-timeline-card-item > div{
    height: inherit;
    padding: 30px;
}
.simple-timeline-card-item > div:first-child{
    width: 40%;
    background-color: #eee;
    color: #212121;
    border-right: 1px solid #e4e4e4;
}
.simple-timeline-card-item > div:first-child div{
    color: #808080;
    font-size: .84rem;
}
.simple-timeline-card-item > div:nth-child(2){
    width: 60%;
}
.simple-timeline-card-item > div.rb-purple{
    background-color: rgb(102, 51, 153);
}
.simple-timeline-card-item > div.cl-black{
    background-color: rgb(0, 0, 0);
}
.online-status > span{
    background-color: #f4182a !important;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 3px;
}
.online-status.active > span{
    background-color:#00cf30 !important
}
.exturl{
    color: #00cf30 !important;
}
.extra-text.active > .long{
    display: inline-block;
}
.f-a-bb:focus, 
.deposit-funds-input-item > input:focus,
.standalone-input:focus,
.complete-and-rate-project-form-item:focus,
.rv-review-content-input:focus,
.car-review-stars textarea:focus {
	border-color: #45a049 !important;
    -webkit-box-shadow: inset 0 1px 4px rgba(52, 186, 8, .08), 0 0 0 0.2em rgba(52, 186, 8, .30);
    box-shadow: inset 0 1px 4px rgba(52, 186, 8, .08), 0 0 0 0.2em rgba(52, 186, 8, .30);
}
.clearfix:before,
.clearfix:after {
    clear: both;
    content: "";
    display: table;
}
#cover-container, 
#main-container {
    display: block;
    width: 100%;
}
#cover-container {
    margin: auto;
}
.inactive-item{
    visibility: hidden;
    pointer-events: none;
}
.wsnw{
    white-space: nowrap !important;
}
.no-content-indicator{
    padding: 20px;
    text-align: center;
    font-size: 1rem;
    display: block;
    width: 100%;
}
.-full-width-item-{
    width: 100%;
}
.-full-width-item-.imp{
    width: 100% !important;
}
.-full-width-item-80-{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.info-span,
.info-span > span{
    position: relative;
    display: inline-block;
    text-align: center;
}
.info-span > span{
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    z-index: 10;
    transform: translateY(20px);
    opacity: 0.0;
    pointer-events: none;
    flex-wrap: wrap;
    white-space: pre-wrap;
}
.info-span > span.to-top{
    transform: translateY(-170px) !important;
}
.info-span > span > span{
    width: 250px;
    padding: 10px 15px;
    color: #fff;
    background-color: #555;
    position: absolute;
    z-index: 10;
    font-size: .82rem;
    line-height: 1.45;
    font-weight: 400;
    border-radius: 3px;
    text-align: left;
    margin-top: 10px;
}
.info-span > span::before {
    content: "";
    position: absolute;
    border: 10px solid transparent;
    z-index: 1;
    top: -7px;
    border-bottom-color: #555;
}
.info-span > i{
    font-size: 1.15rem;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    width: 25px;
}
.info-span > i.base{
    font-size: 1.0rem;
    vertical-align: baseline;
}
.info-span > i.base-t{
    font-size: 1.2rem;
    vertical-align: baseline;
}
.info-span:hover .info-span-text{
    transform: translateY(0);
    opacity: 1.0;
}
/* /Basic styles */

/* section-item */
.section-item,
.section-content {
    position: relative;
} 
.section-item {
    width: 100%;
    display: block;
}
#search-section{
    display: none;
}
.msi-loading .loading-spinner{
    display: none;
    margin-right: 0;
}
.msi-loading.loading .loading-spinner{
    display: inline-block !important;
}
.msi-loading.loading .la-search,
.msi-loading.loading svg
{
    display: none !important;
}
svg.la-search {
    fill: #828282;
    width: 1.5rem;
}
.section-content {
    width: 90%;
    max-width: 1080px;
    margin: auto;
}
.-wide-page- .section-content{
    width: 94%;
    max-width: 1300px;
}
.-wide-page-two- .section-content {
    width: 100%;
    max-width: 98%;
}
.min-section-content .section-content{
    max-width: 850px;
}
.section-content.-full-width-item-{
    width: 100%;
    max-width: 100%;
}
.section-content.special-section-content{
    background-color: #fff;
    margin: 50px auto;
    border: 1px solid #e4e5e7;
    border-radius: 5px;
    padding: 30px 30px;
}
.padding-left-right{
    padding-left: 10px;
    padding-right: 10px;
}
.padding-top-bottom-min{
    padding: 20px 0;
}
.padding-top-bottom-min-3{
    padding: 30px 0;
}
.padding-top-bottom-min-2-0{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.padding-top-bottom-min-2{
    padding: 15px 0;
}
.padding-top-bottom{
    padding: 60px 0;
}
.padding-top-bottom-max{
    padding: 180px 0;
}
.padding-bottom-max{
    padding-bottom: 180px;
}
.padding-top-bottom-max-2{
    padding: 150px 0;
}
.padding-top-bottom-max-3{
    padding: 120px 0;
}
.padding-top-25{
    padding-top: 25px;
}
.padding-top{
    padding-top: 60px;
}
.padding-top-max{
    padding-top: 100px;
}
.padding-bottom{
    padding-bottom: 60px;
}
.padding-bottom-max{
    padding-bottom: 100px;
}
.padding-top-0{
    padding-top: 0px !important;
}
.padding-bottom-0{
    padding-bottom: 0px !important;
}
/* /section-item */

/* site logo */
.site-logo > div:first-child img{
    max-width: 30px;
    vertical-align: text-bottom;
}
.site-logo.fmini > div:first-child img{
    max-width: 25px;
}
.site-logo > div:first-child{
    margin-right: 10px;
}
.site-logo.errp > div:first-child{
    margin-right: 0;
}
.site-logo.errp > div:first-child img{
    max-width: 40px;
}
.site-logo b {
    font-size: 1.55rem;
    font-weight: 600;
    vertical-align: middle;
    color: #404145;
    /* color: #202124; */
}
.site-logo.acc b{
    font-size: 1.95rem;
}
.site-logo.fmini b{
    font-size: 1.15rem;
}
b.ini {
    color: #202124;
}
.site-logo b.ini{
    vertical-align: initial;
    color: #828282;
}
footer .site-logo b.ini {
    font-size: 1.10rem;
}
/* /site logo */

/* header */
#header-section{
    position: relative;
    z-index: 12;
    border-bottom: 1px solid #e4e5e7;
    background-color: #fff;
}
.transpt{
    background-color: rgba(255,255,255,0.95) !important;
    backdrop-filter: blur(20px);
}
.transpt.default-transpt{
    background-color: rgba(255,255,255,0.99) !important;
}
#header-section.eee{
    border-bottom: 1px solid #e4e5e7;
}
#header-section.f7f7f7{
    border-bottom: 1px solid #f7f7f7;
}
#header-section.nbb{
    border-bottom-width: 0;
}
#header-section.sticky{
    position: sticky;
    top: 0;
}
.sticky-top-0{
    top: 0 !important;
}
.section-content-header-one{
    position: relative;
    top: 0;
}
.section-content-header-two{
    position: absolute;
    z-index: 1;
    top: -80px;
    padding: 0 5%;
    width: 100% !important;
    background-color: #fff;
    display: none !important;
}
.section-content-sbs-item > div:first-child{
    width: 50px;
    min-width: 50px;
}
.section-content-sbs-item > div:first-child > img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.section-content-sbs-item > div:nth-child(2){
    width: calc(100% - 130px);
}
.section-content-sbs-item > div:nth-child(3) {
    width: 100px !important;
    min-width: 100px !important;
    text-align: right !important;
}
.pv-state > div:first-child{
    width: 100px !important;
    min-width: 100px !important;
}
.pname{
    font-weight: 600;
    font-size: 14px;
}
.pusname{
    display: block;
    margin-top: -5px;
    color: #909090;
    font-size: 13px;
    font-weight: 500;
}
.file-upload-progress-bar{
    width: 100%;
    margin: 10px 0;
    height: 4px;
    background-color: #eee;
    display: none;
}
.file-upload-progress-bar.active{
    display: block;
}
.file-upload-progress-bar > div{
    height: 100%;
    width: 0%;
    background-color: #00cf30;
}
.job-get-current-lat-lng-btn {
    font-size: .82rem;
    font-weight: 500;
}
.-job-poster-.sticky{
    position: sticky;
    top: 75px;
    z-index: 5;
}
.show-closest-artisans-btn-two {
    display: none;
    width: 100%;
    background: #f0f8ff;
    border: 1px solid #0070ff;
    padding: 10px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    margin-top: 15px;
    border-radius: 3px;
    line-height: 1.5;
}
.show-closest-artisans-btn-two.active {
    display: block;
}
.watched-btn:not(.active){
    opacity: 0.6;
    pointer-events: none;
}
#nav-section.sticky{
    position: sticky;
    top: 75px;
}
#nav-section > div.section-content{
    height: 45px;
}
#header-section > .section-content{
    height: 75px;
}
#header-section.sticky.fixed{
    position: fixed;
    top: 0;
}
#header-section.sticky.fixed + #nav-section.sticky.fixed{
    position: fixed;
    top: 75px;
}
#header-section.sticky.fixed + main:not(.amg){
    margin-top: 75px;
}
#header-section.sticky.fixed + #nav-section.sticky.fixed + main:not(.amg){
    margin-top: 120px;
}
#header-section.sticky.fixed + .-breadcrumb-{
    margin-top: 75px;
}
#header-section.sticky.fixed + #nav-section.sticky.fixed + .-breadcrumb-{
    margin-top: 120px;
}
#header-section > .section-content:not(.section-content-header-two) > div > div:first-child,
#header-section > .section-content:not(.section-content-header-two) > div > div:nth-child(3){
    width: 25%;
}
#header-section > .section-content:not(.section-content-header-two) > div > div:nth-child(2){
    width: 50%;
    padding: 0 20px;
}
#header-section.-min- > .section-content:not(.section-content-header-two) > div > div:first-child{
    width: 15%;
}
#header-section.-min- > .section-content:not(.section-content-header-two) > div > div:nth-child(3){
    width: 55%;
}
#header-section.-min- > .section-content:not(.section-content-header-two) > div > div:nth-child(2){
    width: 30%;
	padding: 0 0;
}
#header-section.-min- > .section-content:not(.section-content-header-two) > div > div.sempty{
    width: 15%;
}
#header-section.-min- > .section-content:not(.section-content-header-two) > div > div.sempty + div{
    width: 70%;
}
#header-section > .section-content:not(.section-content-header-two) > div > div:nth-child(3){
    text-align: right;
}
#header-section > .section-content > div.full-header-width{
    width: 100%;
    margin: auto;
}
.header-menu{
    list-style-type: none;
}
.header-menu > li{
    display: inline-block;
    position: relative;
}
.header-menu.left > li{
    margin-left: 15px;
}
.currency-selector-form {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
}
.footer-currency-selector {
    padding: 20px 0;
    border-bottom: 1px solid #e5e7e9;
}
.currency-selector-form label {
    margin-bottom: 0;
    font-family: 'gordita';
    font-size: .9rem;
    font-weight: 500;
    display: inline-block;
}
.currency-selector-form select {
    min-width: 125px;
    max-width: 160px;
    padding: 5px 22px 5px 7px;
    border: 1px solid #d9dde1;
    border-radius: 5px;
    background-color: #fff;
    color: #202124;
    cursor: pointer;
    font: inherit;
    font-size: .82rem;
}
.currency-selector-form select:focus {
    border-color: #45a049;
    outline: 2px solid rgba(69, 160, 73, .18);
}
.header-menu > li.will-show{
    display: none;
}
.header-menu > li > a > i:not(.fa-caret-down){
    font-size: 1.5rem;
    vertical-align: middle;
}
.header-menu > li > a, 
.preview-content-container-options > a{
    font-weight: 500;
    font-size: .97rem;
    cursor: pointer;
}
.header-menu > li > a .fa-caret-down, 
.preview-content-container-options > a .fa-caret-down{
    font-size: 13px;
}
.dark-header{
    background-color: #21282d !important;
    border-bottom-color: #21282d !important;
}
.dark-header .header-first-box-menu > li.site-left-menu-btn,
.dark-header .drop-list-item-btn,
.dark-header .site-logo b,
.dark-header .header-menu > li > a, 
.dark-header .preview-content-container-options > a{
    color: #fff;
}
.dark-header .ca-special,
.dark-header .market-search-item,
.drop-list-item-alert{
    border-color: #21282d !important;
}
.dark-header .site-logo b {
    font-weight: 500;
}
.mark-all-messages-as-read-btn {
    font-weight: 500;
    color: #999;
    cursor: pointer;
}
/* .header-menu > li > a.bd, */
.preview-content-container-options > a.bd{
    color: #45a049 !important;
}
.-welcome-btn-, .-btn-{
    -webkit-transition: all .30s cubic-bezier(.694,0,.335,1);
    -moz-transition: all .30s cubic-bezier(.694,0,.335,1);
    -ms-transition: all .30s cubic-bezier(.694,0,.335,1);
    -o-transition: all .30s cubic-bezier(.694,0,.335,1);
    transition: all .30s cubic-bezier(.694,0,.335,1);
}
.-btn-{
    display: inline-block;
    border: 1px solid #202124;
    padding: 5px 12.5px;
    border-radius: 5px;
    font-weight: 500;
}
.-btn-.-fill-{
    background-color: #00cf30;
    border-color: #00cf30;
    color: #fff;
}
.-btn-.-green-{
    border-color: #00cf30;
    color: #00cf30;
}
.-btn-.-green-.-fill-{
    background-color: #00cf30;
    color: #fff;
}
.header-first-box-menu{
    list-style-type: none;
    white-space: nowrap;
}
.header-first-box-menu > li{
    display: inline-block;
}
.default-b-color{
    color: #202124 !important;
}
.header-first-box-menu > li.site-left-menu-btn{
    font-size: 1.5rem !important;
    margin-right: 10px;
    display: none;
}
.help-center-header-content .site-left-menu-btn i{
    font-size: 1.35rem;
    vertical-align: middle;
    color: #fff;
}
@media screen and (min-width: 900px){
    .-btn-:hover{
        background-color: #202124;
        color: #fff;
    }
    .-btn-.-green-:hover{
        background-color: #d3d3d3;
        color: #fff;
    }
    .-btn-.-fill-:hover{
        background-color: #3bb75e;
        border-color: #3bb75e !important;
        color: #fff !important;
    }
}
/* header */

/* main */
main{
    min-height: 70vh;
    min-height: 70dvh;
}
/* /main */

/* notifications */
.drop-list-item-btn {
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}
.drop-list-item-btn{
    font-size: 1.6rem;
}
.drop-list-item-alert{
    position: absolute;
    height: 19px;
    width: 19px;
    line-height: 19px;
    padding: 0;
    text-align: center;
    font-size: 10px;
    border-radius: 50%;
    top: -7px;
    right: -7px;
    background-color: #ff0000;
    pointer-events: none;
    color: #fff;
    z-index: 1;
}
.drop-list-item-alert.inactive{
    transform: scale(0.0);
}
.contract-alert,
.dashboard-alert{
    display: none;
    width: 25px;
    height: 18px;
    line-height: 19px;
    border-radius: 55px;
    background-color: #828282;
    margin-left: 10px;
    text-align: center;
    color: #fff;
    pointer-events: none;
    font-size: 10.25px;
    vertical-align: text-bottom;
}
.ca-special {
    display: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    bottom: -8px;
    left: -10px;
    background-color: #ff0000;
    border: 2px solid #fff;
    /* display: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    top: -3px;
    right: -3px;
    background-color: #ff0000;
    border: 2px solid #fff; */
}
.contract-alert.active,
.dashboard-alert.active{
    display: inline-block !important;
}
.user-profile-header-image{
    position: relative;
}

.drop-list-item-container{
    position: absolute;
    right: -30px;
    display: none;
}
.drop-list-item-container.active{
    display: block;
}
.drop-list-item-container-content{
    min-width: 450px;
    width: 35vw;
    width: 35dvw;
    background-color: #fff;
    position: relative;
    border: 1px solid #e4e5e7;
    border-radius: 2px;
    margin-top: 25px;
    box-shadow: 0 5px 10px 3px #00000024;
}
.drop-list-item-container-content:after,
.drop-list-item-container-content:before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    top: -19px;
    right: 30px;
    z-index: 1;
}
.drop-list-item-container-content:after{
    border-bottom-color: #dbdbdb;
    top: -20px;
    z-index: 0;
}
.drop-list-item-container-content > div{
    width: 100%;
    padding: 5px 20px;
}
.drop-list-item-container-content > div:first-child{
    background-color: #fff;
    border-bottom: 1px solid #e4e5e7;
    height: 45px;
    z-index: 1;
}
.notification-item > div:first-child img[src*="logo_clip_profile"] {
    object-fit: fill;
}
.notification-item.countable-message-item > div:first-child img[src*="cedijob"] {
    border-width: 0;
    width: 42.5px;
    height: 42.5px;
}
.drop-list-item-container-content > div:first-child > div:nth-child(2) a{
    color: #00cf30;
}
.drop-list-item-container-content > div:first-child > div:first-child h5{
    font-weight: 700;
}
.drop-list-item-container-content > div:first-child > div:nth-child(2) small{
    color: #00cf30;
    text-decoration: underline;
    font-size: .80rem;
    display: inline-block;
    font-weight: 500;
}
.drop-list-item-container-content > div:nth-child(2){
    padding: 0;
    max-height: 60vh;
    max-height: 60dvh;
    min-height: 300px;
    overflow: auto;
    background-color: #fff;
}
.drop-list-item-container-content > div:nth-child(3){
    background-color: #fff;
    border-top: 1px solid #e4e5e7;
}
.notfication-closer-btn{
    font-size: 1.15rem;
    display: inline-block;
    margin-right: 25px;
    vertical-align: middle;
    cursor: pointer;
}
.notification-item{
    width: 100%;
    padding: 10px 15px;
    color: #030303;
    border-bottom: 1px solid #eee;
}
.notification-item.is-new{
    background-color: #fafafa;
}
.show-mobile-search-container,
.hide-mobile-search-container{
    cursor: pointer;
}
.drop-list-item-container-content > div:nth-child(2) > a:nth-last-of-type(1){
    border-bottom-width: 0;
}
.notification-simple-link{
    font-weight: 600;
}
.notification-item > div:first-child{
    width: 80px;
    min-width: 80px;
    text-align: left;
}
.notification-item > div:first-child img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #e4e5e7;
}
.notification-item > div:nth-child(2){
    width: calc(100% - 80px);
    text-align: left;
}
.notification-item > div:nth-child(2) p{
    margin-bottom: 5px;
}
.notification-item > div:nth-child(2) p small{
    display: inline-block;
    line-height: 1.6;
    font-size: .85rem;
    font-weight: 500;
    word-break: break-word;
}
.notification-reaction{
    display: block;
    margin-top: -5px;
}
.notification-reaction > span{
    font-size: .80rem;
    font-weight: 500;
    color: #828282;
    margin-top: -8px;
}
.trby{
    color: #c2c2c5;
    margin: 0 15px;
}
.appl-indicator{
    display: inline-block;
    padding: 7px 10px;
    background: #0070f3;
    line-height: 10px;
    font-size: 12px;
    font-weight: 600;
    color: #f7f7f7;
    border-radius: 60px;
    margin: 5px 0;
}
.appl-indicator.cbd{
    background: #8a2be2 !important;
}
.new-notification{
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: transparent;
    margin-right: 4px;
}
.new-notification.active{
    background-color: #00cf30;
}
.notification-full-name{
    color: #828282;
}
.notification-full-name.verified-user{
    margin-right: 25px;
}
.list-loader{
    text-align: center;
}
.list-loader > .loading-spinner{
    margin: 15px auto;
}
.alert-empty.inactive{
    display: none !important;
}
/* /notifications */

/* search */
.see-more-content-btn i{
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #828282;
    color: #828282;
    line-height: 60px;
    text-align: center;
    font-size: 1.5rem;
}
.see-more-content-btn small{
    color: #202124;
}
.market-sub-heading{
    color: #828282;
    font-size: .85rem;
    line-height: 1.4;
    margin: 8px 0;
}
.market-search-item-container{
    position: relative;
    z-index: 1;
    max-width: 450px;
}
.market-search-item-container.full{
    max-width: 100%;
}
.market-item-r{
    font-size: 14px;
}
.market-item-r i{
    color: #14a800 !important;
}
.market-item-reaction-item-btn {
    display: inline-block;
    font-size: 1.35rem !important;
    margin-right: 15px;
}
.market-item-reaction-item-btn-two {
    vertical-align: middle;
    cursor: pointer;
    margin-left: 10px;
}
i.las.la-heart.save-market-item-btn {
    color: #ffcd43 !important;
}
.market-search-item{
    width: 100%;
    border: 1px solid #cfd9de;
    border-radius: 2px;
    height: 45px;
    background: #fff;
    box-shadow: inset 0 1px 2px #eee;
    z-index: 2;
    position: relative;
}
.market-search-item.rounded {
    border-radius: 60px;
}
.market-search-item.-min-{
    height: 40px;
}
.market-search-item.-slim-{
    height: 35px;
}
.market-search-item.-slim- svg.la-search{
    fill: #828282;
    width: 1.25rem;
}
.market-search-item > div{
    padding: 5px;
}
.market-search-item > div:nth-child(2){
    padding-left: 0;
    white-space: nowrap;
}
.content-notification{
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    background: antiquewhite;
    color: #ff0000;
    font-size: .85rem;
    display: none;
}
.content-notification.active{
    display: block;
}
.search-clearer{
    opacity: 0.0 !important;
    pointer-events: none;
    min-width: 15px !important;
    max-width: 15px !important;
    width: 15px !important;
    height: 15px !important;
    min-height: 15px !important;
    max-height: 15px !important;
    padding: 0 !important;
    line-height: 15px !important;
    font-size: 10px;
    background: #999;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
}
.search-clearer.active{
    pointer-events: auto;
    opacity: 1.0 !important;
}
.market-search-item > div:nth-child(2) input{
    border-width: 0;
    font-size: 1.05rem;
    font-weight: 400;
    width: 100%;
    padding-right: 5px;
    background-color: transparent;
    font-family: 'Roboto', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.market-search-item > div:first-child,
.market-search-item > div:nth-child(3){
    width: 45px;
    min-width: 45px;
    text-align: center;
    -webkit-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.market-search-item.-min- > div:first-child, 
.market-search-item.-min- > div:nth-child(3) {
    line-height: 30px;
}
.market-search-item.-min- > div:first-child,
.market-search-item.-min- > div:nth-child(3){
    height: 40px;
    position: relative;
}
.market-search-item.-min- > div:first-child i, 
.market-search-item.-min- > div:nth-child(3) i {
    font-size: 1.35rem;
    color: #828282;
}
.market-search-item.-min- > div:nth-child(3) i{
    font-size: .85rem;
}
.search-intro-container{
    position: absolute;
    top: 40px;
    z-index: 3;
    right: 0;
}
.search-intro-container.search-intro-container-mobile {
    top: 55px;
    right: 5px;
}
.search-intro-container > div{
    width: 200px;
    padding: 15px;
    border-radius: 5px;
    background-color: #0070ff;
    position: relative;
    color: #fff;
    line-height: 1.4;
    text-align: left;
    font-size: .85rem;
}
.search-intro-container > div::before {
    content: "";
    position: absolute;
    border: 10px solid transparent;
    border-bottom-color: #0070ff;
    top: -19px;
    right: 13px;
}
.search-intro-container-closer-container{
    text-align: right;
    margin-left: 10px;
    cursor: pointer;
}
.search-intro-container-closer{
    display: inline-block !important;
    width: 17px;
    height: 17px;
    line-height: 17px !important;
    border-radius: 50%;
    text-align: center;
    background-color: #fff !important;
    color: #000 !important;
}
select[name="basic_plan_revisions"], 
select[name="standard_plan_revisions"], 
select[name="premium_plan_revisions"],
select[name="basic_plan_duration"], 
select[name="standard_plan_duration"], 
select[name="premium_plan_duration"],
input[name="basic_plan_price"], 
input[name="standard_plan_price"], 
input[name="premium_plan_price"] {
    border: 1px solid #dbdbdb;
    padding: 10px;
    border-radius: 5px;
}
.package-details-container-item.is-focused{
    box-shadow: 0 0 5px 3px rgba(0,0,0,0.15);
}
.package-details-container-item .plan-title{
    display: block;
    line-height: 1.5;
    width: 100%;
    font-weight: 700;
    border-width: 0;
    height: 80px;
    resize: vertical;
}
.package-details-container-item .remove-plan-item{
    display: inline-block;
    padding: 2px 15px;
    font-weight: 600;
    margin-top: 10px;
    border-radius: 60px;
    font-size: .80rem;
    border: 1px solid #dbdbdb;
    line-height: 15px;
    cursor: pointer;
}
.package-details-container-item-header{
    position: sticky;
    top: 0;
    background: #fff;
}
.mr-search-container .-dropdown-menu- > ul.-drop-child-item-.-minified- i,
.mr-search-container  .-dropdown-menu- > ul > li > * > *:first-child i{
    font-size: 1.35rem;
    vertical-align: inherit;
    color: #000;
}
.market-search-item > div:nth-child(4){
    width: 80px;
    background-color: #fafafa;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 0.85rem;
    font-weight: 500;
    height: 45px;
    line-height: 35px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.high-notice-item{
    padding: 20px;
    background-color: #faebd7;
    font-weight: 500;
    font-size: .85rem;
    border: 1px solid #ff0000;
    margin-top: 20px;
    margin-bottom: 20px;
}
#gig-container-section-description h2:not(.gig-tab-title) {
    font-size: 1.6rem;
    margin: 20px 0;
    line-height: 1.4;
}
#gig-container-section-description h3:not(.gig-tab-title) {
    font-size: 1.3rem;
    margin: 20px 0;
    line-height: 1.4;
}
#gig-container-section-description h4:not(.gig-tab-title) {
    font-size: 1.1rem;
    margin: 20px 0;
    line-height: 1.4;
}
.gig-item-description-ord{
    margin-top: 10px;
}
.gig-list-container-loader .gig-layout-item {
    pointer-events: none;
}
.step-to-complete-order-container{
    border-radius: 5px;
    background-color: #fafafa;
    padding: 25px;
}
.step-container-heading{
    font-size: 1.35rem;
    margin: 10px 0;
    margin-bottom: 20px;
    line-height: 1.4;
}
.step-process-item{
    width: 100%;
    margin: 25px 0;
}
.step-requirement-questions{
    width: 100%;
    padding: 15px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #eee;
    margin-top: 10px;
}
.step-process-item > div:first-child{
    width: 50px;
    min-width: 50px;
}
.step-process-item > div:nth-child(2){
    width: calc(100% - 50px);
}
.step-process-item > div:nth-child(2) p{
    font-size: .94rem;
    line-height: 1.4;
    margin-bottom: 15px;
}
.step-process-item > div:nth-child(2) small{
    display: block;
    line-height: 1.4;
    color: #828282;
    font-size: .82rem;
}
.step-number{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #00cf30;
    color: #00cf30;
}
.step-question-item{
    font-size: .94;
    line-height: 1.4;
}
.step-questions-container{
    display: none;
}
.step-questions-container.active{
    display: block;
}
.order-now-btn{
    background: #e8faf4;
    border: 1px solid #a6eaca;
    color: #1dbf73;
    font-weight: 500;
    font-size: .82rem;
    border-radius: 3px;
    padding: 1px 8px;
    line-height: 1.3rem;
}
.order-now-btn.order-btn-golden-rod{
    color: #fff;
    border: 1px solid #daa520;
    background: #daa520;
}
.simple-default-link-item{
    color: #00cf30 !important;
    text-decoration: underline !important;
}
.simple-default-link-item.bd5{
    font-weight: 500;
}
.simple-default-link-item.bd6{
    font-weight: 600;
}
.simple-default-link-item.blak{
    color: #414141 !important;
}
.market-search-item.-min- > div:nth-child(4){
    height: 38px;
    line-height: 30px;
    border-left: 1px solid #cfd9de;
    font-size: .96rem;
}
.market-search-item.rounded > div:nth-child(4){
    background: #000 !important;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    color: #fff !important;
    font-size: .88rem !important;
} 
.market-search-item.-slim- > div:nth-child(4) {
    height: 33px;
    line-height: 23px;
}
.market-search-item-container-results{
    width: 100%;
    position: relative;
    background-color: #fff;
    display: none;
}
.market-search-item-container-results.active{
    display: block;
}
.market-search-item-container-results > div{
    position: absolute;
    width: 100%;
    border-radius: 3px;
    background-color: #fff;
    margin-top: 5px;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.14);
    max-height: 80vh;
    max-height: 80dvh;
    min-height: 100px;
    overflow-y: auto;
    padding: 15px 0;
    border: 1px solid #e4e5e7;
}
.search-results-container-item{
    width: 100%;
    padding: 5px 10px;
}
.search-results-container-item.active-search-results-container-item{
    background-color: #eee !important;
}
.chosen-search-type{
    display: block;
    margin-top: 10px;
    font-size: 1.25rem;
    color: transparent !important;
}
.search-selector-btn.active-search-selector-btn .chosen-search-type{
    color: #030303 !important;
}
.search-results-container-item.n-h{
    cursor: auto important;
}
.search-results-container-item > div:first-child{
    width: 30px;
    min-width: 30px;
    text-align: center;
}
.search-results-container-item > div:first-child i{
    font-size: .80rem;
    color: #828282;
}
.search-results-container-item > div:first-child img{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    vertical-align: inherit;
}
.search-results-container-item > div:nth-child(2){
    padding-left: 10px;
    font-size: .85rem;
    font-weight: 400;
    width: calc(100% - 30px);
}
.search-results-container-item > div:nth-child(2) > div{
    line-height: 1.3rem;
    font-weight: 400;
    font-size: .88rem;
}
.search-results-container-item > div:nth-child(2) > div span {
    font-weight: 500;
}
.search-results-container-item > div:nth-child(2) small{
    display: block;
    line-height: initial;
    color: #828282;
    font-weight: 400;
}
.search-results-container-item > div:first-child i.las {
    font-size: 1.10rem;
}
.search-results-container-item > div:nth-child(2) .mtch {
    font-weight: 600 !important;
    color: #000 !important;
}
/* search */

/* nav */
#nav-section{
    position: relative;
    z-index: 11;
    border-bottom: 1px solid #e4e5e7;
    background-color: #fff;
}
#nav-section,
#header-section.with-shadow{
    border-bottom: 1px solid #e4e5e7;
    /* box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%); */
}
#nav-section.no-shadow{
    box-shadow: 0 0 0 0 transparent;
    border-bottom: 1px solid #e4e5e7;
}
#nav-section.no-shadow-no-border{
    box-shadow: 0 0 0 0 transparent;
    border-bottom: 0px solid transparent;
}
/* #nav-section > div > div{
    height: 40px;
} */
.nav-menu-list{
    list-style-type: none;
    width: 100%;
    position: relative;
}
.nav-menu-list > li{
    display: inline-block;
    font-size: 0.86rem;
    font-weight: 500;
    border-bottom: 3px solid transparent;
    border-top: 2px solid transparent;
    line-height: 40px;
    position: relative;
}
.nav-menu-list > li.right-dir-btn{
    right: 3%;
}
.-wide-page- .nav-menu-list > li{
    font-size: 0.94rem;
}
.nav-menu-list > li,
.nav-menu-list > li > span > a{
    color: #828282;
    font-weight: 400;
    font-size: .97rem;
    /* font-size: .92rem; */
}
.bg-black .nav-menu-list > li{
    line-height: 40px;
}
.bg-black .nav-menu-list > li span.stress{
    display: inline-block;
    background: #eee !important;
    border: 1px solid #eee !important;
    height: 25px;
    line-height: 23px;
    padding-left: 10px;
    border-radius: 60px;
    padding-right: 10px;
}
.bg-black .nav-menu-list > li span.stress a {
    color: #828282 !important;
}
.bg-black .nav-menu-list > li > a{
    line-height: 37px;
    display: inline-block;
    color: #828282;
}
.nav-menu-list > li.active{
    border-bottom-color: #00cf30;
}
.nav-menu-list.nav-menu-list-m-right > li{
    margin-right: 20px;
    text-align: center;
    cursor: pointer;
}
.nav-menu-list > li > div{
    width: 58vw;
    width: 58dvw;
    max-height: 70vh;
    max-height: 70dvh;
    left: -45px;
    overflow-y: auto;
    border: 1px solid #cfd9de;
    position: absolute;
    top: 106.5%;
    z-index: -1;
    padding: 35px 45px;
    border-radius: 3px;
    background-color: #fff;
    z-index: 1;
    box-shadow: 0 5px 10px 3px #00000024;
    display: none;
}
.nav-menu-list > li > div.-wider-{
    width: 80vw;
    width: 80dvw;
}
.nav-menu-list > li > div.right {
    right: -45px;
    left: auto;
}
.nav-menu-list > li > div > div{
    width: 100%;
}
.nav-menu-list > li > div > div > div{
    width: 30%;
    margin-right: 3%;
    margin-bottom: 25px;
}
.nav-menu-list > li > div > div > div > ul{
    list-style-type: none;
}
.nav-menu-list > li > div > div > div > ul > li{
    margin: 0 0;
    padding: 0;
    line-height: 25px;
    margin: 5px 0;
}
.nav-menu-list > li > div > div > div > ul > li > a{
    font-size: 0.85rem;
    font-weight: 500;
    color: #828282;
}
.nav-menu-list > li > div > div > div > ul > li:first-child b{
    font-size: 0.95rem;
    font-weight: 600;
}
.nav-menu-list-dropdown-menu-list{
    list-style-type: none;
}
.nav-menu-list-dropdown-menu-list > li{
    width: 33%;
    margin: 7px 0;
    padding-right: 40px;
    line-height: normal;
}
.nav-menu-list > li > div.-wider- .nav-menu-list-dropdown-menu-list > li{
    width: 24%;
}
.nav-menu-list-dropdown-menu-list > li a {
    color: #3c4043;
    font-size: .92rem;
    font-weight: 500;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media screen and (min-width: 900px){
    .nav-menu-list > li:hover > span > a{
        color: #3c4043;
    }
    .nav-menu-list > li:not(.no-hover):hover{
        border-bottom-color: #00cf30;
    }
    .nav-menu-list-dropdown.active{
        display: block;
    }
    .nav-menu-list > li > div > div > div > ul > li > a:hover{
        text-decoration: underline;
        color: #00cf30;
    }
}
/* nav */

/* breadcrumb */
#breadcrumb-section > div > div{
    font-size: .80rem;
}
#breadcrumb-section > div > div span{
    margin-right: 2.5px;
    text-transform: capitalize;
    font-weight: 600;
}
.-bc-bbbt-{
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}
@media screen and (min-width: 900px){
    #breadcrumb-section > div > div span a:hover{
        color: #00cf30;
        text-decoration: underline;
    }
}
/* /breadcrumb */

/* category */
.market-category-display-item{
    min-width: 18%;
    text-align: center;
    margin: 25px 25px;
}
.market-category-display-item > div:first-child i{
    font-size: 2.85rem;
}
.market-category-display-item > div:first-child{
    margin-bottom: 15px;
}
.market-category-display-item > div:nth-child(2) {
    font-size: .92rem;
    font-weight: 400;
}
#category-section{
    background: #fff;
    z-index: 3;
}
#category-section > div{
    padding-top: 0;
}
#breadcrumb-section > div > div{
    padding-bottom: 10px;
}
.job-breadcrumb > div > div{
    padding-bottom: 20px !important;
}
#category-section > div > div > h1{
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 2.25rem;
}
#category-section > div > div > p{
    color: #959aa6;
    margin-bottom: 20px;
    font-size: 1rem;
    line-height: 1.3rem;
}
#category-section > div > div > p.market-category-sub-header{
    font-size: 1rem;
    line-height: 1.5rem;
}
.sub-category-list > div:first-child, 
.sub-category-list > div:nth-child(3){
    width: 40px;
    min-width: 40px;
}
.sub-category-list > div:nth-child(3){
    text-align: right;
}
.sub-category-list > div:first-child i, 
.sub-category-list > div:nth-child(3) i{
    font-size: 1.5rem;
}
.sub-category-list > div:nth-child(2) > a{
    padding: 5px 20px;
    background-color: #eee;
    border-radius: 60px;
    margin-right: 5px;
    font-weight: 500;
    font-size: .85rem;
    cursor: pointer;
}
.sub-category-list > div:nth-child(2) {
    white-space: nowrap;
    overflow: hidden;
    height: 61px;
    width: calc(100% - 80px);
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
@media screen and (min-width: 900px){
    .sub-category-list > div:nth-child(2) > a:hover{
        color: #fff;
        background-color: #00cf30;
    }
}
/* /category */

/* filter */
#filter-section{
    background-color: #fff;
    border-bottom: 1px solid #e4e5e7;
}
#filter-section:not(.no-sticky){
    position: sticky;
    top: 0;
    z-index: 10;
}
.filter-btn{
    border: 1px solid #e4e5e7;
    background-color: #f7f7f7;
    padding: 8px 15px;
    border-radius: 60px;
    font-size: 0.85rem;
    font-weight: 500;
    margin-right: 10px;
}
@media screen and (min-width: 900px){
    .filter-btn:hover{
        background-color: #eee;
    }
}
/* /filter */

/* gig item */
.special-info-container{
    background-color: #f0f8ff;
    color: #007aff;
    padding: 10px;
    border-radius: 5px;
    overflow: hidden;
    margin: 10px 0;
}
.special-info-container.red{
    background-color: #faebd7;
    color: #ff0000;
}
.special-info-container.azure{
    background-color: #f0ffff;
    color: #030303;
}
.special-info-container.yellow{
    background-color: #ff8;
    color: #030303;
    border: 1px solid #ffd700;
}
.special-info-container > div:first-child{
    width: calc(100% - 100px);
    padding-right: 15px;
    font-size: .83rem;
    line-height: 1.4;
    font-weight: 400;
}
.special-info-container > div:nth-child(2){
    width: 100px;
    text-align: right;
}
.special-info-container.-two- > div:first-child{
    width: calc(100% - 140px);
}
.special-info-container.-two- > div:nth-child(2){
    width: 140px;
}
.special-info-container.special-info-container-full > div:first-child{
    width: 100% !important;
}
.special-info-container.-two-.special-info-container-full > div:nth-child(2){
    display: none !important;
}
.special-info-container-btn{
    color: #fff !important;
    font-size: .85rem;
    padding: 4px 10px;
    border-radius: 3px;
    background-color: #007aff;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    font-weight: 600;
}
.special-info-container.red .special-info-container-btn{
    background-color: #ff0000;
}
.special-info-container.azure .special-info-container-btn{
    background-color: #7fffd4;
    color: #030303 !important;
}
.text-editor-box, .text-editor-box-two{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: rgba(255, 255, 255, .5);
    display: none;
}
.text-editor-box.active, .text-editor-box-two.active{
    display: block;
}
.text-editor-box > div, .text-editor-box-two > div{
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.text-editor-box > div > div, .text-editor-box-two > div > div{
    width: 90%;
    max-width: 450px;
    padding: 20px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
}
input#get-location-details-with-ghpostaddr-address {
    text-transform: uppercase;
}
.text-editor-box-description-input{
    display: block;
    width: 100%;
    resize: vertical;
    font-size: .90rem;
    margin: 15px 0;
    border-radius: 3px;
    padding: 5px 10px;
    max-height: 200px;
    min-height: 100px;
}
.text-editor-box-description-input-two{
    display: block;
    width: 100%;
    resize: vertical;
    font-size: .90rem;
    margin: 15px 0;
    border-radius: 3px;
    padding: 5px 10px;
}
.seller-rating-indicator{
    display: inline-block;
    color: #fff;
    font-size: 11px;
    line-height: 12px;
    padding: 3px 6px;
    padding-top: 4px;
    border-radius: 3px;
    margin-top: 4px;
}
.seller-rating-indicator.standard{
    background: #6a359e;
    color: #fff;
}
.seller-rating-indicator.new{
    background: #faebd7;
    color: #000;
}
.seller-rating-indicator.advanced{
    background: #0070f3;
    color: #fff;
}
.seller-rating-indicator.beginner{
    background: rgb(95, 158, 160);
    color: #fff;
}
.seller-rating-indicator.top-rated{
    background: #fe6246;
    color: #fff;
}
.gig-layout-item{
    width: 24.90%;
    padding: 10px 10px;
    /* padding: 15px 13px; */
    display: inline-block;
    vertical-align: top;
}
.gig-layout-item-general .gig-layout-item{
    width: 24.70%;
}
.gig-layout-item-general-two .gig-layout-item{
    width: 32.5%;
}
.gig-layout-item.gig-layout-item-wide{
    padding: 0;
    width: 100%;
}
.gig-layout-item > a > div{
    height: 430px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
}
.gig-layout-item.gig-layout-item-wide > a > div,
#gig-container-section-slider{
    height: 400px;
    border-width: 0;
}
.gig-layout-item > a > div > div:first-child{
    height: 200px;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.picks-footer{
    border-top: 1px solid #dadce0;
    border-bottom: 1px solid #dadce0;
    padding-top: 25px;
    padding-bottom: 25px;
}
.gig-layout-item.gig-layout-item-wide > a > div > div:first-child{
    height: 100%;
    border-radius: 0 !important;
}
.gig-layout-item > a > div > div:first-child > div{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    pointer-events: none;
}
.gig-layout-item > a > div > div:first-child > div:first-child{
    z-index: 2;
}
.gig-layout-item > a > div > div:first-child > div:first-child > div > div i{
    height: 30px;
    line-height: 30px;
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    text-align: center;
    font-size: 1.25rem;
    display: inline-block;
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.15);
    background-color: #fff;
    z-index: 0;
    pointer-events: auto;
}
.gig-layout-item > a > div > div:first-child > div:first-child > div > div i.max {
    height: 40px;
    line-height: 40px;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
}
.gig-direction-btns i{
    border-radius: 50% !important;
}
.gig-directions-one .gig-direction-btns {
    display: none !important;
}
.gig-layout-item > a > div > div:first-child > div:first-child > div > div:first-child:not(.maintain-pos){
    position: relative;
    left: -50px;
}
.gig-layout-item > a > div > div:first-child > div:first-child > div > div:nth-child(3):not(.maintain-pos){
    position: absolute;
    right: -50px;
}

.gig-layout-item > a > div > div:first-child > div:first-child > div > div:first-child i{
    border-radius: 60px;
    border-left-width: 0;
}
.gig-layout-item > a > div > div:first-child > div:first-child > div > div:nth-child(3) i{
    border-radius: 60px;
    border-right-width: 0;
}
/* .gig-layout-item > a > div > div:first-child > div:first-child > div > div.gig-direction-btn-left i{
    margin-left: -5px;
} */
.gig-layout-item > a > div > div:first-child > div:first-child > div > div.gig-direction-btn-right i{
    margin-left: 5px;
}
.gig-layout-item > a > div > div:first-child > div:first-child > div > div.gig-direction-btn-left.maintain-pos i{
    left: 25px !important;
}
.gig-layout-item > a > div > div:first-child > div:first-child > div > div.gig-direction-btn-right.maintain-pos i{
    right: 20px !important;
}
.gig-direction-bullets > span{
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 3px;
    box-shadow: 0 0 1px 2px rgba(0,0,0,0.14);
}
.gig-direction-bullets > span.active{
    height: 12px;
    width: 12px;
}
.gig-video-play-btn{
    position: absolute !important;
    width: 100%;
    text-align: center;
    pointer-events: none;
    cursor: auto;
}
.gig-video-play-btn i{
    font-size: 1.25rem !important;
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
    display: inline-block !important;
    border-radius: 50%;
    color: #fff !important;
    background: rgba(0,0,0,0.35) !important;
    opacity: 0.0;
    pointer-events: none;
    cursor: auto;
}
.gig-video-play-btn i.active{
    opacity: 1.0;
    pointer-events: auto;
    cursor: pointer;
}
.general-local-video-player{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 21;
    display: none;
}
.general-local-video-player.active{
    display: block;
}
.general-local-video-player > div{
    width: 100%;
    height: 100%;
}
.general-local-video-player > div > div{
    width: 60%;
    min-width: 320px;
    height: 400px;
    position: relative;
}
.general-local-video-player > div > div > video{
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: #000;
}
.general-local-video-player > div > div > .general-local-video-player-closer{
    font-size: 1.35rem;
    color: #fff;
    position: absolute;
    right: -40px;
}
.play-gig-video-btn[data-video-url=""] {
    pointer-events: none !important;
}
.gig-direction-bullets.inactive{
    margin-bottom: -100px;
}
.gig-layout-item > a > div > div:first-child > div:nth-child(2){
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    pointer-events: none;
}
.gig-layout-item > a > div > div:first-child > div:nth-child(2) > div{
    position: absolute;
    bottom: 0;
    padding: 10px 15px;
    background: linear-gradient(to top, rgba(0,0,0,0.2), transparent);
}
.gig-layout-item > a > div > div:first-child > div:nth-child(3){
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
}
.gig-layout-item > a > div > div:first-child > div:nth-child(3) > div{
    width: 100%;
    height: 100%;
    position: relative;
}
.gig-image-slider > div{
    width: 100%;
    height: 100%;
}
.gig-image-slider > .gig-image-slider-item{
    overflow: hidden;
    width: 100%;
    min-width: 100%;
    position: relative;
}
.gig-image-slider > .gig-image-slider-item.is-gig-media-video{
    background-color: #000;
}
.gig-layout-item.gig-layout-item-wide .gig-image-slider > .gig-image-slider-item.is-gig-media-video{
    border-radius: 5px;
}
.gig-image-slider > .gig-image-slider-item img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.gig-layout-item.gig-layout-item-wide .gig-image-slider > .gig-image-slider-item{
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gig-layout-item.gig-layout-item-wide .gig-image-slider > .gig-image-slider-item img{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.gig-layout-item > a > div > div:nth-child(2){
    height: 210px;
}
.gig-layout-item > a > div > div:nth-child(2) > div{
    height: 100%;
}
.gig-layout-item > a > div > div:nth-child(2) > div > div:first-child{
    height: 80%;
    border-bottom: 1px solid #e4e5e7;
    padding: 10px 15px;
}
.gig-layout-item > a > div > div:nth-child(2) > div > div:nth-child(2){
    height: 25%;
    padding-left: 5px;
    padding-right: 5px;
}
.gig-layout-item > a > div > div:nth-child(2) > div > div:nth-child(2) > div{
    padding: 0 10px;
}
.gig-layout-item > a > div > div:nth-child(2) > div > div:nth-child(2) > div:first-child i{
    font-size: 1.35rem !important;
    margin-right: 5px;
    color: #000;
}
.gig-layout-item > a > div > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) span{
    font-size: 0.85rem;
}
.gig-layout-item > a > div > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) span b {
    font-size: .94rem;
}
.simple-user-online-status{
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #14a800;
    top: 30px;
    right: 12px;
    border: 2px solid #fff;
}
.gig-user-account-box{
    margin-bottom: 10px;
}
.gig-user-account-box > div:first-child{
    width: 50px;
    min-width: 50px;
    position: relative;
}
.gig-user-account-box > div:first-child > img{
    width: 40px;
    height: 40px;
    border: 1px solid #e4e5e7;
    border-radius: 50%;
}
.gig-user-account-box > div:nth-child(2){
    width: calc(100% - 100px);
}
.gig-user-account-box > div:nth-child(2) > span{
    display: block;
    font-size: 0.90rem;
    font-weight: 600;
    line-height: 20px;
    color: initial;
}
.gig-user-account-box > div:nth-child(2) > span:nth-child(2){
    font-size: 0.75rem;
    color: #828282;
    font-weight: 400;
    display: block;
    margin-top: -4px;
}
.gig-user-account-box > div:nth-child(2) > span:nth-child(2) p{
    margin: 0;
}
.gig-user-account-box > div:nth-child(3){
    width: 50px;
    text-align: right;
}
.gig-item-description p{
    height: 38px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    font-size: 0.94rem;
    line-height: 1.2rem;
    font-weight: 500;
    margin-bottom: 0;
}
.gig-pricing-container-body-head > div:first-child {
    padding-right: 30px;
    width: calc(100% - 150px);
    word-wrap: break-word;
}
.line-clamp-1{
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.lsc{
    color: #828282;
    font-weight: 500;
    font-size: .85rem;
}
.lsc i{
    font-size: 1.25rem;
}
.-full-width-item-.gig-list-container {
    width: calc(100% + 45px);
    margin-left: -10px;
}
.-full-width-item-.gig-list-container.glc-2.active {
    margin-left: -12.5px !important;
}
@media screen and (min-width: 900px){
    .gig-user-account-box > div:nth-child(2) > span:first-child:hover{
        text-decoration: underline;
        color: #00cf30;
    }
    .gig-layout-item-slider-area:hover .gig-direction-btn-left{
        left: 15px !important;
    }
    .gig-layout-item-slider-area:hover .gig-direction-btn-right{
        right: 10px !important;
    }
    .page-link-items-container > a:hover{
        background-color: #eee;
    }
}
/* /gig item */

/* page link */
#page-links-section{
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}
#page-links-section.no-pls{
    border-top-width: 0 !important;
}
#page-links-section.wht {
    border-bottom: 1px solid #e5e5e5;
    border-top-width: 0;
    background: #fff;
}
.page-link-item{
    cursor: pointer;
}
.page-link-items-container{
    text-align: center;
}
.page-link-items-container > a{
    font-weight: 500;
    border: 1px solid #e4e5e7;
    padding: 3px 10px;
    font-size: 0.88rem;
    border-radius: 5px;
    display: inline-block;
    margin: 5px 2.5px;
    background-color: #fff;
    text-transform: capitalize;
}
.page-link-items-container > a.max {
    padding: 15px 50px;
}
.page-link-items-container > a.active{
    background-color: #eee;
}
/* page link */

/* page explore */
.page-explore-items-container{
    text-align: center;
    margin-bottom: 35px;
}
.page-explore-items-container.tal-left{
    text-align: left;
}
.page-explore-items-container > h2{
    font-size: 3rem;
    line-height: 4rem;
    margin: auto;
    max-width: 600px;
    margin-bottom: 25px;
    font-weight: 800;
}
.page-explore-items-container.tal-left > h2{
    max-width: 100%;
    text-align: left;
}
.page-explore-items-container.tal-left.hmpg > h2{
    font-family: 'Gordita', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
}
.page-explore-items-container > div > a{
    display: inline-block;
    background-color: #f0f0f0;
    padding: 8px 20px;
    font-size: 1.025rem;
    /*font-size: 0.85rem;*/
    border-radius: 60px;
    margin: 10px 5px;
    font-weight: 400;
    
}
.page-explore-items-container.hollow > div > a{
    background-color: #fff;
    color: #5e6d55;
    border: 1px solid #dbdbdb;
    /* background-color: #fff;
    border: 1px solid #dadbe0; */
}
.page-explore-items-container > div > a.active{
    background-color: #202124;
    color: #fff;
}
@media screen and (min-width: 900px){
    .page-explore-items-container > div > a:hover{
        background-color: #202124;
        border-color: #202124;
        color: #fff;
    }
    .page-explore-items-container.hollow > div > a:hover{
        background-color: #fafafa;
        border-color: #dadce0;
        color: inherit !important;
    }
}
/* /page explore */

/* For clients section */
.for-client-section{
    width: 100%;
    height: 70vh;
    height: 70dvh;
    min-height: 400px;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    border-radius: 5px;
}
.for-client-section > div{
    width: 100%;
    height: 100%;
    padding: 35px;
    background: linear-gradient(45deg, rgba(0,0,0,0.45), transparent);
}
.for-client-section > div > div:first-child,
.for-client-section > div > div:nth-child(2) h2{
    color: #fff;
}
.for-client-section > div > div:nth-child(2) h2{
    font-size: 3rem;
    line-height: 4rem;
}
.for-client-section-service-list{
    margin-top: 20px;
}
.for-client-section-service-list-item{
    padding: 25px;
    display: block;
    background-color: #fff;
    width: 31.5%;
    overflow: hidden;
    cursor: pointer;
    border-radius: 3px;
}
.for-client-section-service-list-item.active{
    background-color: #00cf30;
    color: #fff !important;
}
.for-client-section-service-list-item h5{
    margin-bottom: 10px;
}
.for-client-section-service-list-item h3{
    line-height: normal;
    font-weight: 500;
    font-size: 1.75rem;
}
.for-client-section-service-list-item p{
    margin-bottom: 0;
    margin-top: 5px;
    color: #828282;
    font-weight: 400;
    font-size: 13.5px;
}
.for-client-section-service-list-item.active p{
    color: #fff;
}
/* /For clients section */
/* faqs container */
.faqs-container{
    width: 100%;
}
#page-faqs-section {
    border-top: 1px solid #e4e5e7;
}
.faqs-container > div{
    width: 48%;
    text-align: left;
}
.faqs-container > div > div{
    margin: 20px 0;
}
.faqs-container > div > div > h4{
    margin-bottom: 10px;
    font-size: 1.1rem;
    line-height: 1.8rem;
}
.faqs-container > div > div > p{
    color: #999;
    font-size: .90rem;
}
/* /faqs container */

/* gig container details */
#gig-details-section{
    border-bottom: 1px solid #e4e5e7;
}
#gig-container-section{
    width: 100%;
    margin-bottom: 50px;
}
#gig-section-header{
    border-bottom: 1px solid #e4e5e7;
}
#gig-section-header{
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #fff;
    overflow-x: auto;
}
#gig-section-header-content, 
#gig-section-header.fixed + #gig-section-header-fake{
    height: 53px;
}
#gig-section-header.fixed{
    top: 75px;
    position: fixed;
    z-index: 5;
}
#gig-section-header ul{
    list-style-type: none;
    white-space: nowrap;
}
#gig-section-header ul li{
    display: inline-block;
    margin-right: 20px;
}
#gig-section-header ul li.gig-middle-pricing-container-header-link{
    display: none;
}
#gig-section-header ul li .back-to-services i {
    font-size: 1.35rem;
    vertical-align: middle;
}
#gig-section-header ul li a{
    display: inline-block;
    line-height: 51px;
    font-weight: 500;
    color: #828282;
    border-bottom: 2px solid transparent;
    font-size: .92rem;
}
#gig-section-header ul li.active a{
    border-bottom-color: #00cf30;
}
#gig-container-section > div:first-child{
    width: 60%;
}
#gig-container-section > div:nth-child(2){
    width: 35%;
    position: sticky;
    top: 90px;
}
.service-details-skeleton-block{
    display: block;
    overflow: hidden;
    position: relative;
    background-color: #eceff1;
    border-radius: 4px;
}
.service-details-skeleton-block::after{
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.72), transparent);
    animation: service-details-skeleton-shimmer 1.45s infinite;
}
@keyframes service-details-skeleton-shimmer{100%{transform:translateX(100%)}}
.service-details-skeleton-tabs{
    height: 53px;
    display: flex;
    align-items: center;
    gap: 26px;
}
.service-details-skeleton-tabs .service-details-skeleton-block{width: 90px;height: 14px}
.service-details-skeleton-tabs .service-details-skeleton-block:nth-child(2){width:105px}
.service-details-skeleton-tabs .service-details-skeleton-block:nth-child(3){width:130px}
.service-details-skeleton-heading{padding-top:28px}
.service-details-skeleton-actions{display:flex;align-items:center;gap:12px;margin-bottom:28px}
.service-details-skeleton-actions .service-details-skeleton-block{width:145px;height:25px;border-radius:13px}
.service-details-skeleton-actions .service-details-skeleton-block:nth-child(2){width:82px}
.service-details-skeleton-actions .round{width:22px;height:22px;border-radius:50%}
.service-details-skeleton-heading .title{width:72%;height:31px;margin-bottom:20px}
.service-details-skeleton-heading h1.title{margin-top:0;font-size:0;line-height:0}
.service-details-skeleton-heading .category{width:48%;height:15px}
.service-details-skeleton-user{display:flex;gap:15px;margin:28px 0 30px}
.service-details-skeleton-user .avatar{width:50px;height:50px;min-width:50px;border-radius:50%}
.service-details-skeleton-user>div{width:230px}
.service-details-skeleton-user .name{width:125px;height:15px;margin:2px 0 7px}
.service-details-skeleton-user .handle{width:100px;height:12px;margin-bottom:8px}
.service-details-skeleton-user .badge{width:105px;height:19px;margin-bottom:8px}
.service-details-skeleton-user .orders{width:165px;height:14px}
.service-details-skeleton-gallery>.service-details-skeleton-block{width:100%;aspect-ratio:16/9;border-radius:0}
.service-details-skeleton-pricing{border:1px solid #e4e5e7;margin-top:35px}
.service-details-skeleton-pricing-tabs{height:52px;display:flex;background:#f7f7f7;border-bottom:1px solid #e4e5e7}
.service-details-skeleton-pricing-tabs .service-details-skeleton-block{width:25%;height:16px;margin:auto}
.service-details-skeleton-pricing-body{padding:25px 20px 30px}
.service-details-skeleton-pricing-row{display:flex;justify-content:space-between}
.service-details-skeleton-pricing-row .package{width:65px;height:16px}
.service-details-skeleton-pricing-row .price{width:90px;height:16px}
.service-details-skeleton-pricing-body .copy{width:40%;height:14px;margin:28px 0}
.service-details-skeleton-pricing-row.details .service-details-skeleton-block{width:35%;height:15px}
.service-details-skeleton-pricing-body .feature{width:43%;height:14px;margin-top:26px}
.service-details-skeleton-pricing-footer{padding:15px 20px;border-top:1px solid #e4e5e7}
.service-details-skeleton-pricing-footer .service-details-skeleton-block{width:100%;height:42px;background-color:#dfe4e6}
@media (prefers-reduced-motion: reduce){.service-details-skeleton-block::after{animation:none}}
.candidate-selection-setting{
    display: block;
}
.candidate-selection-options{margin-top:15px;border:1px solid #e4e5e7;border-radius:4px;overflow:hidden}
.candidate-selection-option{display:flex;align-items:flex-start;gap:13px;padding:17px 18px;margin:0;cursor:pointer;background:#fff}
.candidate-selection-option + .candidate-selection-option{border-top:1px solid #e4e5e7}
.candidate-selection-option.active{background:#fafafa}
.candidate-selection-option>input{position:absolute;opacity:0;width:1px;height:1px}
.candidate-selection-radio{width:19px;height:19px;min-width:19px;border:2px solid #aeb4b8;border-radius:50%;position:relative;margin-top:1px}
.candidate-selection-option.active .candidate-selection-radio{border-color:#00cf30}
.candidate-selection-option.active .candidate-selection-radio::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#00cf30}
.candidate-selection-option>span:last-child{display:flex;flex-direction:column;gap:4px}
.candidate-selection-option b{font-size:.92rem;color:#202124}
.candidate-selection-option small{font-size:.82rem;color:#828282;line-height:1.35rem;font-weight: 500;}
.candidate-selection-option>input:focus-visible + .candidate-selection-radio{outline:3px solid rgba(0,207,48,.25);outline-offset:2px}
#gig-container-section-slider{
    width: 100%;
}
#gig-container-section-slider.ready{
    background-color: #f7f7f7;
}
#gig-container-section-header{
    margin-bottom: 10px;
    margin-top: 10px;
}
#gig-container-section-header > h1{
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.5rem;
    margin-bottom: 15px;
}
.gig-owner-profile > div:first-child{
    width: 60px;
    min-width: 60px;
}
.gig-owner-profile > div:nth-child(2){
    width: calc(100% - 120px);
    font-size: .95rem;
    line-height: initial;
}
.gig-owner-profile > div:nth-child(2) > div {
    line-height: 20px;
}
.gig-owner-profile > div:nth-child(3){
    width: 60px;
    text-align: right;
}
#gig-container-section-user{
    margin: 25px 0;
}
.gig-owner-profile > div:first-child img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #e4e5e7;
}
.gig-owner-profile > div:nth-child(2) > div:first-child a{
    font-weight: 600;
}
.gig-owner-profile > div:nth-child(2) > div:nth-child(2) small{
    color: #828282;
}
#gig-container-section-description {
    margin: 25px 0;
    margin-top: 30px;
    font-size: .92rem;
}
#gig-container-section-description a {
    color: #45a049;
    text-decoration: underline;
}
#gig-container-section-description ol, #gig-container-section-description ul {
    margin: 15px 0;
    padding-left: 20px;
}
#gig-container-section-description > div{
    margin: 15px 0;
    font-size: 0.90rem;
    line-height: 1.5rem;
}
#gig-container-section-seller{
    margin: 50px 0;
}
.gig-sbs-item > div{
    width: 46.5%;
}
.gig-tab-title{
    margin: 25px 0;
    font-size: 1.1rem;
    line-height: 2.1rem;
    font-weight: 600;
}
.gig-tab-title.p-l-10{
    padding-left: 10px;
}
.gig-user-profile{
    width: 100%;
}
.gig-user-profile-head,
.gig-user-profile-head > h4:first-of-type{
    font-size: .95rem;
}
.gig-user-profile-head > p:first-of-type{
    font-weight: 500;
    color: #828282;
}
.gig-user-profile > div:first-child{
    width: 200px;
}
.gig-user-profile > div:first-child img{
    width: 150px;
    height: 150px;
    border-radius: 50%;
}
.gig-user-profile > div:nth-child(2){
    width: calc(100% - 200px);
}
.gig-user-profile > div:nth-child(2) > div:first-child h4 a{
    color: #000;
}
.gig-user-profile > div:nth-child(2) p{
    margin-bottom: 0;
}
.gig-user-profile > div:nth-child(2) > div:nth-child(2){
    width: 100%;
    border: 1px solid #e4e5e7;
    border-radius: 10px;
    margin: 15px 0;
}
.gig-user-profile > div:nth-child(2) > div:nth-child(2) > div:first-child,
.gig-user-profile > div:nth-child(2) > div:nth-child(2) > div:nth-child(2){
    border-bottom: 1px solid #e4e5e7;
}
.gig-user-profile > div:nth-child(2) > div:nth-child(2) > div span,
.gig-user-profile > div:nth-child(2) > div:nth-child(2) > div b,
.gig-user-profile > div:nth-child(2) > div:nth-child(3) p{
    font-size: .92rem;
}
.gig-user-profile > div:nth-child(2) > div:nth-child(2) > div span{
    color: #828282;
}
.gig-user-profile > div:nth-child(2) > div:nth-child(2) > div{
    width: 50%;
    padding: 15px;
}
.gig-contact-seller-btn{
    display: inline-block;
    font-weight: 500 !important;
    font-size: .95rem !important;
    color: #333 !important;
    padding: 5px 10px;
    border: 1px solid #333;
    border-radius: 2px;
    margin-top: 10px;
    text-align: center;
    cursor: pointer;
}
#gig-pricing-container-parent .gig-contact-seller-btn,
#gig-middle-pricing-container .gig-contact-seller-btn,
.gig-contact-seller-btn.blck{
    display: block;
    padding: 10px 25px;
}
#gig-middle-pricing-container .gig-pricing-container{
    margin-bottom: 25px;
}
#gig-middle-pricing-container .gig-pricing-container,
#gig-middle-pricing-container .contact-seller-btn{
    display: none;
}
#gig-middle-pricing-container .gig-pricing-container-footer{
    padding: 20px;
}
#gig-middle-pricing-container .gig-pricing-container-footer .buy-button{
    margin-top: 0;
}
.gig-contact-seller-btn i{
    font-size: 1.25rem;
    vertical-align: middle;
}
.t-ord{
    font-weight: 500;
}
.seller-profile-container{
    width: 100%;
}
.seller-profile-container > div:first-child{
    width: 140px;
    min-width: 140px;
}
.seller-profile-container-image-holder{
    width: 120px;
    height: 120px;
    position: relative;
}
.seller-profile-container-image-holder > img{
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
    border: 1px solid #e4e5e7;
}
.seller-profile-container > div:nth-child(2) > div{
    margin-bottom: 5px;
}
.seller-profile-container-btn{
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #202124;
    font-weight: 600;
    border-radius: 5px;
    margin-top: 20px;
    cursor: pointer;
}
.seller-profile-description{
    border-radius: 10px;
    border: 1px solid #e4e5e7;
    padding: 20px;
    margin: 25px 0;
}
.seller-profile-description-text{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e4e5e7;
    font-size: .90rem;
}
.seller-profile-description-inline-item > div{
    width: 48%;
    margin: 10px 0;
}
#gig-container-section-faqs{
    width: 100%;
}
#gig-container-section-faqs > div{
    width: 100%;
}
.market-footer-buy-button{
    display: none;
}
.apple-pay-img{
    border: 2px solid #0070ff;
    padding: 10px 15px;
    border-radius: 10px;
    min-width: 100px;
}
.sep-icon-container{
    width: 40px;
    min-width: 40px;
    text-align: right;
}
.sep-icon-container i{
    font-size: 1.5rem;
}
.faqs-item{
    border-bottom: 1px solid #e4e5e7;
    padding: 15px 0;
    cursor: pointer;
}
.faqs-item > div:first-child > div:first-child h4{
    font-size: 1.0rem;
    line-height: 1.6rem;
    font-weight: 600;
}
.faqs-item.active .icon-arrow-down22{
    display: inline-block;
    transform: rotate(180deg);
}
.faqs-item > div:nth-child(2){
    max-height: 0;
    overflow: hidden;
}
.faqs-item > div:nth-child(2) p{
    font-size: .92rem;
    /* color: #828282; */
}
#gig-container-section-reviews{
    margin: 40px 0;
}
.gig-container-section-review-items{
    width: 100%;
}
.gig-container-section-review-stars > div{
    width: 47%;
}
.gig-container-section-review-stars-item{
    margin-bottom: 10px;
    font-size: .91rem;
}
.gig-container-section-review-stars-item > div:first-child{
    width: 60px;
}
.gig-container-section-review-stars-item > div b {
    font-weight: 600;
}
.gig-container-section-review-stars-item > div:nth-child(3){
    width: 70px;
    text-align: right;
}
.gig-container-section-review-stars-item > div:nth-child(2){
    width: calc(100% - 150px);
    padding: 0 20px;
}
.gig-container-section-review-stars-item-percentage{
    width: 100%;
    height: 10px;
    background-color: #eee;
    border-radius: 5px;
    overflow: hidden;
}
.gig-container-section-review-stars-item-percentage > div{
    width: 30%;
    height: 100%;
    background-color: #5f9ea0;
}
.breakdown-item{
    color: #828282;
    margin-top: 5px;
}
.r-breakdown{
    margin-bottom: 10px;
}
.breakdown-item > div:first-child{
    font-size: .90rem;
    font-weight: 600;
}
.breakdown-item > div:nth-child(2){
    min-width: 40px;
    width: 40px;
    text-align: right;
}
.breakdown-item > div:nth-child(2) i{
    vertical-align: middle;
}
.blocked-notice {
    background: #faebd7;
    border-radius: 4px;
    font-size: .90rem;
    color: #ff0000;
    padding: 7px 15px;
    border: 1px solid #faebd7;
    min-width: 100% !important;
    width: 100% !important;
    text-align: center;
    font-weight: 500;
}
.blocked-notice a{
    color: #313131;
}
.gig-review-filter-header{
    margin-top: 50px;
    margin-bottom: 25px;
}
.gig-review-item{
    margin: 50px 0;
    padding-bottom: 50px;
    border-bottom: 1px solid #e4e5e7;
}
.gig-reviews .gig-review-item{
    margin-bottom: 0px;
}
.gig-reviews .gig-review-item:first-child {
    margin-top: 20px;
}
.gig-review-item.gig-review-item-reply{
    width: calc(100% + 50px);
    margin-top: 25px;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom-width: 0;
    margin-left: -50px;
}
.gig-review-item:nth-last-of-type(1){
    border-bottom-width: 0;
}
.profile-gig-reviews .gig-review-item:nth-last-of-type(1) {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.gig-review-item > div:first-child{
    width: 65px;
    min-width: 65px;
}
.gig-review-item > div:nth-child(2) {
    width: calc(100% - 65px);
}
.gig-review-item.gig-review-item-reply > div:first-child{
    width: 50px;
    min-width: 50px;
}
.gig-review-item > div:first-child > div{
    width: 50px;
    height: 50px;
}
.gig-review-item.gig-review-item-reply > div:first-child > div{
    width: 35px;
    height: 35px;
}
.gig-review-item > div:first-child > div img{
    width: 50px;
    height: 50px;
    border: 1px solid #e4e5e7;
    border-radius: 50%;
}
.gig-review-item.gig-review-item-reply > div:first-child > div img{
    width: 35px;
    height: 35px;
}
.gig-review-item-description-user{
    margin-bottom: 2.5px;
}
.gig-review-item-description-user > div:first-child h4 a{
    font-size: .95rem;
    font-weight: 600;
}
.gig-review-item-description-user > div:nth-child(2){
    min-width: 50px;
    text-align: right;
}
.gig-review-item-description-text{
    letter-spacing: .00625em;
    font-family: Roboto,Inter,-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: .96rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #3c4043;
}
.gig-review-item-description-date{
    font-size: .90rem;
    color: #828282;
    font-weight: 500;
}
.gig-review-item-description-action > span,
.review-item-description-action > span{
    margin-right: 5px;
    font-size: .90rem;
    font-weight: 500;
}
.gig-pricing-container-parent{
    position: sticky;
    top: 140px;
}
.gig-pricing-container{
    width: 100%;
    border: 1px solid #e4e5e7;
    margin-top: 35px;
}
.gig-pricing-container-heading{
    border-bottom: 1px solid #e4e5e7;
    background-color: #f7f7f7;
}
.gig-pricing-container-heading > div{
    width: 33.33%;
    text-align: center;
    line-height: 50px;
    font-weight: 700;
    font-size: 1.1rem;
    border-bottom: 3px solid transparent;
    cursor: pointer;
}
.gig-pricing-container-heading > div.active{
    background-color: #fff;
    border-bottom-color: #202124;
}
.gig-pricing-container-heading > div:nth-child(2){
    border-left: 1px solid #e4e5e7;
    border-right: 1px solid #e4e5e7;
}
.gig-pricing-container-body{
    padding: 20px;
}
#gig-container-section > div:nth-child(2) .gig-pricing-container-footer{
    padding: 15px 20px;
    border-top: 1px solid #e4e5e7;
}
#gig-container-section > div:nth-child(2) .gig-pricing-container-body{
    max-height: 30vh;
    max-height: 30dvh;
    overflow-y: auto;
}
.gig-pricing-container-body-head > div:nth-child(2){
    min-width: 120px;
    width: 120px;
    text-align: right;
}
.gig-pricing-container-body-body > p{
    font-size: .90rem;
    margin: 15px 0;
}
.gig-pricing-container-feature > div:first-child i {
    font-size: 1.4rem;
}
.gig-pricing-container-feature > div:first-child{
    width: 30px;
    min-width: 30px;
    color: #00cf30;
}
.gig-pricing-container-feature > div:nth-child(2){
    font-size: 0.90rem;
    font-weight: 500;
}
.gig-pricing-container-features ul{
    list-style-type: none;
}
.gig-pricing-container-features ul li{
    margin: 10px 0;
}
.package-container-item, 
#load-more-project-reviews-btn-container{
    display: none !important;
}
.package-container-item.active, 
#load-more-project-reviews-btn-container.active{
    display: block !important;
}
.service-message-me-container{
    position: fixed;
    left: 3%;
    bottom: 60px;
    max-width: 700px;
    z-index: 5;
    display: none;
}
.service-message-me-container.hidden{
    bottom: -300px;
}
.service-message-me-container.active{
    display: block;
}
.service-message-me-container-content{
    width: 100%;
    padding: 7px;
    padding-right: 25px;
    border-radius: 60px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 40%);
    box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 40%);
}
.service-message-me-container-content > div:first-child{
    width: 70px;
    min-width: 70px;
}
.service-message-me-container-content > div:first-child > div:first-child{
    width: 60px;
    height: 60px;
    position: relative;
}
.service-message-me-container-content > div:first-child > div:first-child img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #eee;
    position: relative;
}
.service-message-me-container-content > div:first-child > div:first-child .online-status {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    background-color: #f4182a;
    bottom: 1%;
    right: 0.5%;
    border: 3px solid #fff;
}
.service-message-me-container-content > div:first-child > div:first-child .online-status.active {
    background-color: #00cf30;
}
.service-message-me-container-content > div:nth-child(2){
    width: calc(100% - 70px);
}
.service-message-me-container-content-name span{
    font-size: .85rem;
    font-weight: 500;
    color: #313131;
}
.service-message-me-container-content-sm{
    font-size: .72rem;
    font-weight: 500;
    margin-top: -5px;
    color: #828282;
}
.service-message-me-container-content-art{
    font-size: .85rem;
    font-weight: 500;
    margin-top: -8px;
    color: #828282;
}
.service-message-me-container-content-name{
    padding-right: 25px;
}
.contact-seller-btn a{
    font-size: 1.25rem;
    margin-top: 25px;
    display: block;
    font-weight: 700;
    cursor: pointer;
}
.buy-button{
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 600;
    border-radius: 3px;
    background-color: #00cf30;
    padding: 10px 20px;
    margin-top: 25px;
    cursor: pointer;
}
.gig-middle-pricing-container{
    display: none;
}
#gig-container-section > div:nth-child(2) .gig-pricing-container-footer .buy-button{
    margin-top: 0;
}
.gig-layout-item.loading-gig > a > div > div:first-child{
    background-color: #e0e0e0;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.gig-layout-item {
    width: 24.60%;
}
.gig-layout-item.loading-gig > a > div {
    height: 415px;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
}
.gig-layout-item.loading-gig > a > div > div:nth-child(2) > div > div:first-child{
    border-bottom-width: 0;
}
.gig-layout-item.loading-gig .gig-ib-image{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #e0e0e0;
}
.gig-layout-item.loading-gig .gig-ib-name{
    width: 60%;
    background-color: #e0e0e0;
    height: 15px;
    margin-bottom: 10px;
    border-radius: 60px;
}
.gig-layout-item.loading-gig .gig-ib-name.wd{
    width: 80%;
    border-radius: 60px;
}
.gig-layout-item.loading-gig .gig-ib-content{
    width: 100%;
    height: 13px;
    margin-bottom: 10px;
    background-color: #e0e0e0;
    border-radius: 60px;
}
.gig-layout-item.loading-gig .gig-ib-content.sht{
    width: 70%;
}
.gig-lists-container .gig-lists-container-loader{
    display: block;
}
.gig-lists-container .gig-lists-container-items{
    display: none;
}
.gig-lists-container.active .gig-lists-container-loader{
    display: none;
}
.gig-lists-container.active .gig-lists-container-items{
    display: block;
}
/* /gig container details */
/* Welcome section */
.welcome-section-container{
    padding-top: 85px;
    padding-bottom: 150px;
}
.welcome-section-container > div:nth-child(2){
    width: 40%;
}
.welcome-section-container > div:first-child{
    width: 55%;
}
.welcome-section-container > div:first-child > h1{
    font-size: 2.9rem;
    line-height: 3.9rem;
    font-weight: 700;
    /* color: #14a800; */
}
.welcome-section-container > div:first-child > h1 span, 
.welcome-section-container > div:first-child > h1 a{
    color: #202124 !important;
}
.welcome-section-container > div:first-child > p{
    font-size: 1.15rem;
    margin: 10px 0;
    line-height: 1.4;
    font-weight: 400;
    color: inherit;
}
.welcome-section-container > div:first-child > div{
    margin-top: 25px;
    position: relative;
}
.-welcome-btn-{
    background-color: #fff;
    color: #000;
    padding: 12px 30px;
    border: 1px solid transparent;
    font-weight: 600;
    margin-right: 10px;
    border-radius: 3px;
    font-size: .98rem;
    display: inline-block;
    cursor: pointer;
}
.-welcome-btn- i{
    font-size: 1.25rem;
    vertical-align: middle;
}
.-welcome-btn-.max{
    font-size: 1.2rem;
    padding: 15px 50px;
}
.-welcome-btn-.filled{
    /* background-color: #00cf30;
    border-color: #00cf30; */
    background-color: #00cf30;
    border-color: #00cf30;
    color: #fff;
}
.-welcome-btn-.bg-white{
    background-color: #fff;
    color: #00cf30;
}
.-welcome-btn-.hollow{
    color: initial;
    border: 1px solid #202124;
}
.-welcome-btn-.dark{
    background-color: #202124;
    border-color: #202124;
    color: #fff;
}
.welcome-images-container{
    position: relative;
}
.welcome-images-container img{
    width: 300px;
    height: 300px;
    border-radius: 50%;
    border: 10px solid #fff;
    position: absolute;
}
.welcome-images-container img:first-child{
    top: -200px;
    left: -30px;
    filter: sepia(.6);
}
.welcome-images-container img:nth-child(2){
    left: 30%;
    top: -100px;
    filter: grayscale(.6);
}
.welcome-images-container img:nth-child(3){
    top: -40px;
    filter: grayscale(.6);
}
/* Welcome section */

/* Brand secction */
.brand-section{
    background-color: #fafafa;
}
.brand-section.transparent-bg{
    background-color: transparent;
}
.brand-section > div{
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
}
.brand-section > div img{
    margin: 0 20px;
    max-width: 180px;
    vertical-align: middle;
    filter: opacity(.7) grayscale(1);
    /* margin: 0 15px;
    max-width: 150px;
    vertical-align: middle;
    filter: opacity(0.30); */
}
.brand-section.nfilter > div img{
    filter: opacity(1) grayscale(1);
}
/* /Brand secction */

/* Popular categories */
.mar-25-0{
    margin: 25px 0 !important;
}
.mar-l-0{
    margin-left: 0 !important;
}
.recently-viewed-items-container.inactive{
    display: none !important;
}
.popular-categories{
    overflow: hidden;
}
.popular-categories-header > div:first-child h3{
    font-weight: 600;
    line-height: 2.55rem;
    font-size: 1.55rem;
    max-width: 600px;
}
.popular-categories-header > div:first-child h3 + b {
    font-weight: 500;
}
.popular-categories-header > div:first-child h3.gdta {
    font-weight: 500;
    font-family: 'Gordita', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.popular-categories-header > div:nth-child(2){
    width: 120px;
    min-width: 120px;
    text-align: right;
    padding-right: 5px;
}
.popular-categories-header > div:nth-child(2) > span > i{
    font-size: 1.5rem;
    display: inline-block;
    width: 35px;
    line-height: 35px !important;
    height: 35px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #eee;
    margin-left: 4px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
}
.category-slider{
    margin-top: 25px;
}
.category-slider-content{
    width: 100%;
    display: -webkit-flex;
    display: flex;
}
.category-slider-content-item{
    width: 17%;
    min-width: 17%;
    height: 280px;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 25px;
    position: relative;
}
.category-slider-content-item.category-slider-content-item-big{
    height: 350px;
}
.category-slider-content-item-simple-bdr > div:first-child{
    border: 1px solid #eee;
    height: 85px !important;
}
.service-category-section .category-slider-content-item,
.service-social-media-solutions .category-slider-content-item,
.service-website-solutions .category-slider-content-item
{
    width: 21%;
    min-width: 21%;
}
.social-media-icon-titter-x{
    width: 1.25rem;
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
}
#gig-container-section-other-items {
    margin-top: 30px;
    margin-bottom: 70px;
}
.see-more-content-btn {
    min-width: 150px !important;
}
.category-slider-mini .category-slider-content-item:first-child{
    margin-left: 0;
}
.category-slider-mini .category-slider-content-item{
    width: 25%;
    min-width: 180px;
    max-width: 180px;
    height: 250px;
}
.category-slider-content-item.hcw{
    width: 25%;
    min-width: 25%;
    height: auto;
}
.category-slider-content-item > div{
    position: absolute;
    height: 100%;
    width: 100%;
}
.category-slider-content-item.hcw > div{
    position: relative;
    height: auto;
    width: auto;
}
.category-slider-content-item.hcw > article > h4{
    margin: 15px 0;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 1.15rem;
    line-height: 1.5;
}
.category-slider-content-item-simple-bdr .category-slider-content-item.hcw > article > h4 {
    margin-bottom: 0px;
}
.category-slider-content-item.hcw > article > p{
    font-size: .85rem;
    line-height: 1.35rem;
    color: #828282;
}
.category-slider-content-item.hcw > div:first-child{
    height: 200px;
}
.category-slider-content-item > div:first-child{
    z-index: 0;
}
.category-slider-content-item > div:nth-child(2){
    z-index: 1;
    padding: 15px;
    background: linear-gradient(to bottom, rgba(0,0,0,0.40), transparent);
}
.category-slider-content-item > div:nth-child(2) h3{
    font-weight: 500;
    color: #fff;
    font-size: .92rem;
    line-height: 1.4;
    text-shadow: 0 0.5px 0.5px rgba(0, 0, 0, 0.40);
}
.category-slider-content-item > div:nth-child(2) h3.h3-bg{
    font-size: 1rem;
}
.category-slider-content-item > div:nth-child(2) p{
    color: #eee;
    font-size: .85rem;
    margin-bottom: 5px;
}
.category-slider-mini .category-slider-content-item > div:nth-child(2) p {
    color: #eee;
    font-size: .84rem;
    line-height: 1.25rem;
}
.category-slider-mini .category-slider-content-item > div:nth-child(2) h3 {
    font-size: .92rem;
    line-height: 1.3rem;
}
.category-slider-content-item > div:first-child,
.category-slider-content-item > div:first-child img{
    border-radius: 5px;
    overflow: hidden;
}
.category-slider-content-item > div:first-child img{
    width: 100%;
    height: 100%;
}
.service-catalog-page .category-slider-content-item > div:first-child img {
    border: 1px solid #eee !important;
}
.category-slider-content-item.hcw > div:first-child{
    border-radius: 3px;
}
.category-slider-content-item.hcw > div:first-child img{
    width: 100%;
    height: 100%;
    border-radius: 3px;
    border: 1px solid #eee;
}
.category-slider-content-item.hcw.svg > div:first-child{
    background-color: #f7f7f7;
}
.category-slider-content-item.hcw.svg > div:first-child img{
    object-fit: contain !important;
}
/* /Popular categories */

/* 3-way div */
.three-way-div > div > div:first-child{
    text-align: center;
}
.three-way-div > div > div:first-child > h2{
    font-size: 2.5rem;
    line-height: 3.5rem;
    margin: auto;
    margin-top: -15px;
    max-width: 550px;
}
.three-way-div > div > div:first-child > p{
    color: #828282;
    margin: 15px auto;
    font-size: .98rem;
    line-height: 1.6rem;
    max-width: 650px;
}
.three-way-div > div > div:nth-child(2){
    margin-top: 50px;
    margin-bottom: 70px;
}
.three-way-div > div > div:nth-child(2).mb-20{
    margin-bottom: 20px;
}
.three-way-div > div > div:nth-child(2).mb-20 > div{
    max-width: 900px;
    margin: auto;
}
.three-way-div > div > div:nth-child(2):not(.mb-20) > div{
    width: 31%;
    text-align: center;
}
.three-way-div > div > div:nth-child(2):not(.mb-20) > div.-full-width-item-{
    width: 100% !important;
}
.three-way-div > div > div:nth-child(2):not(.mb-20) > div > div{
    margin-bottom: 0;
}
.three-way-div > div > div:nth-child(2):not(.mb-20) > div > div:first-child i{
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    font-size: 2.5rem;
    background: #ffe4c4;
    margin-bottom: 25px;
}
.three-way-div > div > div:nth-child(2):not(.mb-20) > div > div:nth-child(2) h3{
    font-weight: 500;
    font-size: 1.20rem;
}
.three-way-div > div > div:nth-child(2):not(.mb-20) > div > div:nth-child(2) h3 i{
    vertical-align: middle;
    font-size: 1.55rem;
    margin-left: 20px;
}
.three-way-div > div > div:nth-child(2):not(.mb-20) > div > div:nth-child(3) p{
    color: #828282;
    margin: 15px auto;
    font-size: .82rem;
    line-height: 1.4rem;
    margin-bottom: 0;
    max-width: 320px;
}
.three-way-div > div > div:nth-child(2):not(.mb-20) > div > div:nth-child(3) p a{
    font-weight: normal;
    color: #000;
}
.three-way-div > div > div:nth-child(2):not(.mb-20) > div > div:nth-child(3){
    margin-bottom: 0;
}
/* /3-way div */

/* 2-way div */
.two-way-div > div > div > div{
    width: 45%;
}
.two-way-div.twd-2 > div > div > div:first-child{
    width: 35%;
}
.two-way-div.twd-2 > div > div > div:nth-child(2){
    width: 55%;
}
.two-way-div-description > h5,
.two-way-div-description > h2,
.two-way-div-description > p,
.two-way-div-description > div{
    margin-bottom: 35px !important;
}
.two-way-div-description > h2.two-way-div-description__low-margin{
    margin-bottom: 20px !important;
}
.two-way-div-description > h2{
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 500;
}
.two-way-div-description > p{
    color: #828282;
    margin: 15px auto;
    font-size: 1.15rem;
    line-height: 1.85rem;
}
.bullets > div:first-child{
    width: 35px;
    min-width: 35px;
}
.bullets > div:first-child i{
    font-size: 1.5rem;
    vertical-align: text-bottom;
    color: #007aff;
}
.bullets > div:first-child i.dark{
    color: #202124 !important;
}
.bullets-container{
    list-style-type: none;
}
.bullets-container li{
    font-size: 1.1rem;
    line-height: 1.9rem;
    margin: 20px 0;
}
.bullets-container li a{
    color: #313132;
}
.two-way-div-media img{
    border-radius: 10px;
    max-width: 100%;
}
.hiw-simple-container{
    background: #faebd7;
    margin-bottom: 180px;
    border-radius: 10px;
}
.hiw-simple-container > div:nth-child(2){
    max-width: 90%;
    margin: auto;
    margin-bottom: 60px;
}
.arrow-button{
    color: #fff;
    font-size: 1.25rem;
}
.arrow-button.blk{
    color: #313131;
}
.arrow-button i{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px !important;
    text-align: center;
    border: 1px solid #fff;
    vertical-align: center;
    border-radius: 50%;
    margin-right: 15px;
}
.arrow-button.blk i{
    border: 1px solid #313131;
}
.two-way-div-media img.media-img{
    /* max-width: 340px; */
    max-width: 100%;
    min-height: 800px;
    object-position: right;
}
.two-way-div-media video{
    width: 100%;
}
.two-way-div.bg-0070f3{
    background-color: #0070f3;
}
.bg-013211{
    background-color: #013211;
}
.two-way-div.bg-e7e7e7{
    background-color: #e7e7e7;
}
.two-way-div.bg-0070f3 *:not(.amg),
.two-way-div.bg-013211 *:not(.amg){
    color: #fff !important;
}
.two-way-div.bg-34ba08{
    background-color: #00cf30;
}
.two-way-div.bg-34ba08 *:not(.amg){
    color: #fff !important;
}
.paj-btn{
    padding: 15px 50px;
    background-color: #fff;
    display: inline-block;
    border-radius: 3px;
    font-weight: 600;
    font-size: 1.1rem;
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.14);
}
.paj-btn.gr{
    background-color: #00cf30;
    color: #fff;
}
.paj-btn.nbx{
    box-shadow: 0 0 0 0 transparent;
}
.paj-btn.rd{
    border-radius: 60px;
}
.paj-btn i {
    font-size: 1.25rem;
}
.paj-btn i.la-angle-right{
    font-size: .80rem;
}
.paj-btn.blk{
    color: #202124 !important;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 65px;
    padding-right: 65px;
    border-radius: 2px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
}
.video-container{
    width: 100%;
    position: relative;
    height: 400px;
    overflow: hidden;
    border-radius: 5px;
}
.video-container.max{
    height: 600px;
    border-radius: 10px;
}
.video-container.max.max-2{
    border-radius: 20px;
    height: 750px;
}
.video-container > div{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.video-container > div:first-child{
    z-index: 0;
}
.video-container > div:nth-child(2){
    z-index: 1;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-container > div:nth-child(2) i{
    cursor: pointer;
    width: 80px;
    height: 80px;
    color: #fff;
    font-size: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: auto;
    background: rgba(255,255,255,0.15);
    text-align: center;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    /* backdrop-filter: saturate(180%) blur(5px); */
}
.video-container.max-2 > div:nth-child(2) i {
    background: rgba(0,0,0,0.15);
    width: 120px;
    height: 120px;
    font-size: 2.5rem;
}
.video-container:not(.max-2) > div:nth-child(2) i.rght{
    position: absolute;
    top: 20px;
    right: 20px;
}
.video-container > div:nth-child(2) i.dk{
    background: rgba(0,0,0,0.45);
}
.video-container > div:first-child > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.sell-a-service-intro-container {
    margin-top: 70px;
    margin-bottom: 50px;
}
/* /2-way div */

/* footer list */
.site-cookie-usage-footer-container{
    /* position: fixed;
    bottom: 0;
    z-index: 20;
    width: 100%;
    padding: 15px 0;
    background: #f0f8ff; */
    position: fixed;
    bottom: 20px;
    z-index: 20;
    width: 96%;
    padding: 15px 0;
    border-radius: 10px;
    margin-left: 2%;
    background: #faebd7;
    display: none;
}
.site-cookie-usage-footer-container.top{
    position: fixed;
    bottom: 0;
    z-index: 20;
    width: 100%;
    padding: 15px 0;
    background: #f0f8ff;
    border-radius: 0;
    margin-left: 0;
    display: none;
}
.site-cookie-usage-footer-container.active{
    display: block;
}
.site-cookie-usage-footer-container > div > div:first-child{
    width: calc(100% - 120px);
}
.site-cookie-usage-footer-container > div > div:nth-child(2){
    width: 120px;
    min-width: 120px;
    text-align: right;
}
.site-cookie-usage-footer-container-closer{
    font-size: .85rem;
    font-weight: 600;
}
.site-cookie-usage-footer-container-text{
    font-size: .88rem;
    line-height: 1.35;
}
.site-cookie-usage-footer-container-text a{
    border-bottom: 1px dotted;
}
.site-cookie-usage-footer-container.ntfxi{
    position: relative;
    bottom: initial;
    z-index: 1;
    top: 0;
    padding: 10px 0;
}
.footer-pre-footer{
    color: #6e6e73;
    font-size: 12.5px;
    line-height: 1.40;
    padding-bottom: 35px;
    border-bottom: 0px solid #ccc;
}
.footer-pre-footer > span{
    margin-bottom: 15px;
    display: block;
}
.footer-pre-footer > span:nth-last-of-type(1){
    margin-bottom: 0;
}
.footer{
    background-color: #f7f7f7;
}
.footer > div > div > div{
    width: 22%;
    margin: 20px 0;
}
.footer > div > div.footer-line > div {
    width: 45%;
}
.footer-list{
    list-style-type: none;
}
.footer-list:first-child{
    margin-top: 20px;
}
.footer-list > li{
    margin: 5px 0;
}
.footer-list > li h3{
    font-size: 1.1rem;
}
.footer-list > li .fl-title{
    margin-bottom: 20px;
}
.footer-list > li .fl-title .dir-icon{
    display: none;
    font-size: 1.2rem;
}
.footer-list > li > a{
    color: #828282;
    font-weight: 400;
    font-size: 0.82rem;
}
.footer-line{
    border-top: 1px solid #e4e5e7;
}
.footer-line > div:nth-child(2){
    text-align: right;
}
.footer-line > div:nth-child(2) .social-icon-cnt i{
    font-size: 1.25rem;
    color: #828282;
    margin-left: 20px;
}
/* /footer list */

/* start action section */
#start-action-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 400px;
    height: 85vh;
    height: 85dvh;
}
#start-action-section.mbotm{
    margin-bottom: 60px;
}
#start-action-section > div{
    height: 100%;
    background: linear-gradient(90deg, rgba(0,0,0,0.75), transparent);
}
#start-action-section.bmin > div{
    background: linear-gradient(90deg, rgba(0,0,0,0.35), transparent);
}
#start-action-section > div > div{
    color: #fff;
}
#start-action-section > div > div h3{
    font-size: 3.0rem;
    line-height: 4.5rem;
    max-width: 900px;
    font-weight: 500;
    margin-top: 20px;
}
#start-action-section > div > div p{
    margin: 25px 0;
    margin-top: 15px;
    font-size: 1.2rem;
    line-height: 1.8;
    max-width: 700px;
}
#start-action-section > div > div div{
    margin-bottom: 35px;
}
.pj-btn-post {
    display: inline-block;
    background-color: #00cf30;
    color: #fff;
    padding: 15px 30px;
    border: 1px solid transparent;
    font-weight: 600;
    margin-right: 10px;
    border-radius: 3px;
    font-size: 1.1rem;
}
.pj-btn-post.oth{
    background: #fff;
    color: initial;
}
/* /start action section */

/* who we are */
.who-we-are-container > div{
    width: 31.5%;
}
.who-we-are-container > div:first-child h1{
    font-weight: 500;
    border-right: 1px solid #dbdbdb;
    font-size: 3.0rem;
    line-height: 4.0rem;
    margin-top: -10px;
    padding-bottom: 70px;
}
.who-we-are-container > div.desc h2,
.who-we-are-container > div:nth-child(2) h2,
.who-we-are-container > div:nth-child(3) h2,
.who-we-are-container > div:nth-child(4) h2,
.who-we-are-container > div:nth-child(5) h2,
.who-we-are-container > div:nth-child(6) h2{
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 500;
    color: #00cf30;
}
.who-we-are-container.hblack > div h2{
    color: #202124;
}
.who-we-are-container > div.desc p,
.who-we-are-container > div:nth-child(2) p,
.who-we-are-container > div:nth-child(3) p,
.who-we-are-container > div:nth-child(4) p,
.who-we-are-container > div:nth-child(5) p,
.who-we-are-container > div:nth-child(6) p{
    font-size: 1.08rem;
    line-height: 1.8rem;
    margin-top: 25px;
    color: #828282;
}
.who-we-are-container > div.hl-item{
    margin-bottom: 50px;
}
.who-we-are-container > div p.tblack{
    color: #404145;
    font-size: .92rem;
    line-height: 1.7;
}
.who-we-are-container > div p.tblack i.la-arrow-right {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px !important;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #808080;
}
.bdr{
    border: 1px solid #e4e5e7;
    padding: 50px 25px;
    border-radius: 20px;
}
.bdr-min{
    padding: 25px 25px;
}
.bdr-t-w{
    border-top: 1px solid #dbdbdb;
}
.bdr-b-w{
    border-bottom: 1px solid #dbdbdb;
}
.bdr-t-w-l{
    border-top: 1px solid #eee;
}
.bdr-b-w-l{
    border-bottom: 1px solid #eee;
}
.ttl{
    font-weight: 700;
    margin-bottom: 45px;
    font-size: 3.5rem;
    line-height: 4.5rem;
}
.ttl.ttl-mar-10{
    margin-bottom: 10px;
}
.ttl-description{
    margin-bottom: 45px;
}
.ttl-center,
.ttl-description-center{
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.hct{
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    background-color: #2e8b57;
    font-size: 1.2rem;
    margin-bottom: 25px;
    font-weight: 500;
}
.who-we-are-container.hblack .hct{
    background-color: #00cf30;
}
/* /who we are */

/* legal */
.legal-container > div:first-child{
    width: 300px;
    min-width: 300px;
    padding-right: 50px;
    height: 100vh;
    height: 100dvh;
    padding: 25px 0;
    position: sticky;
    top: 110px;
    border-right: 1px solid #eee;
}
.legal-container.desk > div:first-child{
    border-right-width: 0;
}
.legal-container > div:nth-child(2){
    width: calc(100% - 350px);
}
.legal-list{
    list-style-type: none;
}
.legal-list > li{
    margin: 15px 0;
}
.legal-list > li a{
    font-weight: 400;
    font-size: 1rem;
}
.legal-container.desk .legal-list > li a{
    font-weight: 800;
}
.legal-list > li.active {
    border-right: 4px solid #00cf30;
    padding-top: 10px;
    padding-bottom: 10px;
}
.legal-list > li.active a{
    color: #00cf30;
}
.legal-description{
    padding: 40px 0;
}
.legal-container.desk .legal-description{
    background: #fff;
    padding: 35px;
    margin: 40px 0;
    border: 1px solid #eee;
}
.legal-description > h1{
    font-size: 2rem;
    font-weight: 900;
}
.legal-description-block{
    margin-top: 30px;
}
.legal-description-block p {
    font-size: 0.95rem;
    line-height: 1.8;
}
.legal-description-block > *{
    margin-bottom: 30px;
}
.legal-description-block > h2 {
    font-weight: 700;
}
.legal-description-block ul{
    margin-left: 20px;
}
.legal-description-block ul li{
    margin: 15px 0;
    font-size: 0.95rem;
    line-height: 1.8;
}
.legal-description-block h3 {
    font-weight: 800;
    line-height: normal;
}
.legal-container.desk .legal-description-block h3 {
    position: sticky;
    top: 120px;
    background: #fff;
    padding-bottom: 35px;
    padding-top: 35px;
    line-height: 1.25;
}
body.raw-mode .legal-container.desk .legal-description-block h3{
    top: -10px;
}
/* /legal */


/* account */
#account-key-phrase{
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 3.0rem;
    margin-bottom: 30px;
}
.account-bxx{
	height: 80vh;
	height: 80dvh;
	min-height: 700px;
	background-size: cover;
}
.account-bxx > div{
	width: 100%;
    height: 100%;
    background: linear-gradient(80deg, black, transparent);
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(1px);
}
.toggle-password-btn{
    font-weight: 500;
    font-size: .85rem;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
}
.toggle-password-btn,
.toggle-password-btn:hover,
.toggle-password-btn:focus,
.toggle-password-btn:active,
.toggle-password-btn *{
    text-decoration: none !important;
}
.toggle-password-text{
    height: 40px;
    line-height: 40px;
    display: inline-block;
    padding-left: 10px;
    border-left: 1px solid #dbdbdb;
    margin-left: 5px;
}
.login-password-toggle i{
    font-size: 1.1rem;
    vertical-align: middle;
}
.account-boxx{
	background-color: #fff;
    width: 100%;
    padding: 15px 30px;
    border-radius: 6px;
    /* box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%); */
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
}
.dltag-span{
    display: inline-block; 
    max-width: 18px; 
    vertical-align: inherit;
}
.account-boxx > div button{
    -webkit-transition: all .25s cubic-bezier(.694,0,.335,1);
    -moz-transition: all .25s cubic-bezier(.694,0,.335,1);
    -ms-transition: all .25s cubic-bezier(.694,0,.335,1);
    -o-transition: all .25s cubic-bezier(.694,0,.335,1);
    transition: all .25s cubic-bezier(.694,0,.335,1);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.account-boxx.lead-form{
	box-shadow: 0 0 0 0 transparent;
	width: 100%;
	max-width: 800px;
	min-width: 300px;
	margin: auto;
}
.account-boxx.e404{
	padding: 25px 50px;
	padding-top: 35px;
}
.account-boxx > div{
	margin-bottom: 15px;
	width: 100%;
	color: #414141;
}
.account-boxx-head + div p {
    font-size: 14px;
}
.account-boxx-head + div p b {
    font-weight: 500;
    color: #909090;
    line-height: 1.4;
    display: block;
}
.account-otext{
	color: #828282;
    margin-top: 10px;
	display: block;
	text-align: left;
}
.acc-a u,
.acc-a a,
.account-boxx > div:nth-child(2) p a, 
.account-boxx > div:nth-child(6) a{
	color: #030303;
    font-weight: 500;
    text-decoration: underline;
}
.account-boxx > div:nth-child(2) p a{
    text-decoration: none;
}
.account-boxx > div:nth-child(2) a u, 
.account-boxx > div:nth-child(2) p a u {
    color: #45a049;
}
.account-boxx > div:nth-child(3) input, .account-boxx > div:nth-child(3) select, .account-boxx > div:nth-child(3) textarea{
	width: 100%;
	padding: 8px 15px;
	border: 1px solid #e4e5e7;
	position: relative;
    border-radius: 5px;
    font-size: 14.5px;
    background: #fafafa;
    font-weight: 500;
}
.attach-faqs-container-form > div > input:focus, 
.attach-faqs-container-form > div > textarea:focus, 
.attach-requirement-container-form > div > input:focus, 
.attach-requirement-container-form > div > textarea:focus,
input[name="basic_plan_price"]:focus, 
input[name="standard_plan_price"]:focus, 
input[name="premium_plan_price"]:focus,
select[name="basic_plan_revisions"]:focus, 
select[name="standard_plan_revisions"]:focus, 
select[name="premium_plan_revisions"]:focus,
select[name="basic_plan_duration"]:focus, 
select[name="standard_plan_duration"]:focus, 
select[name="premium_plan_duration"]:focus,
.job-post-form-input:focus,
.requirement-input-item > div textarea:focus,
.account-boxx > div:nth-child(3) input:focus, 
.account-boxx > div:nth-child(3) select:focus, 
.account-boxx > div:nth-child(3) textarea:focus{
	border-color: #45a049 !important;
    -webkit-box-shadow: inset 0 1px 4px rgba(52, 186, 8, .08), 0 0 0 0.2em rgba(52, 186, 8, .30);
    box-shadow: inset 0 1px 4px rgba(52, 186, 8, .08), 0 0 0 0.2em rgba(52, 186, 8, .30);
}
.account-boxx > div:nth-child(3) input.in-error, .account-boxx > div:nth-child(3) select.in-error, .account-boxx > div:nth-child(3) textarea.in-error{
	border-color: #d42a2a !important;
    -webkit-box-shadow: 0 0 0 0 transparent !important;
    box-shadow: 0 0 0 0 transparent !important;
}
.account-boxx.lead-form > div:nth-child(3) input, .account-boxx.lead-form > div:nth-child(3) select, .account-boxx.lead-form > div:nth-child(3) textarea{
    padding: 20px 20px;
	margin: 10px 0 !important;
	font-size: 1.1rem;
}
.account-boxx > div:nth-child(3) textarea{
	resize: vertical;
}
.account-boxx > div:nth-child(3) input:focus, .account-boxx > div:nth-child(3) select:focus, .account-boxx > div:nth-child(3) textarea:focus{
	border: 1px solid #e4e5e7;
	z-index: 1;
}
.account-boxx > div:nth-child(3) input, .account-boxx > div:nth-child(3) select, .account-boxx > div:nth-child(3) textarea{
	margin: 10px 0;
}
.account-boxx > div:nth-child(3) input[type="checkbox"]{
    accent-color: #08ff41;
    width: auto !important;
    max-width: 20px !important;
    transform: translateY(1.5px);
}
.default-label-tag{
    font-weight: 400;
}
.account-boxx > div:nth-child(6){
	padding-top: 20px;
	border-top: 1px solid #e4e5e7;
	color: #828282;
}
.account-boxx > div button{
	width: 100%;
    background-color: #00cf30;
    color: #fff;
    border-radius: 5px;
    border-width: 0;
    padding: 9px 12.5px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}
.account-boxx > div .bk-btn{
    background: #fff;
    color: #00cf30;
}
.stages-current-state-item{
    margin: 15px 0;
}
.stages-current-state-item > span{
    display: inline-block;
    width: 22%;
    height: 4px;
    background-color: #dbdbdb;
    border-radius: 10px;
}
.stages-current-state-item > span.active{
    background-color: #00cf30;
}
.account-boxx-stage-item{
    display: none;
}
.account-boxx-stage-item.active{
    display: block;
}
.account-boxx-head{
    width: calc(100% + 60px) !important;
    margin-left: -30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e4e5e7;
}
.account-boxx-head h4{
    font-size: .85rem;
    font-weight: 500;
}
.account-boxx-head p{
    margin-bottom: 0;
    line-height: normal;
    margin-top: 10px;
    font-size: .95rem;
    font-weight: 500;
    color: #828282;
}
.account-boxx-head p > small{
    display: block;
    line-height: 1.5;
}
.will-load .loading-spinner{
    display: none;
}
.will-load.loading .loading-spinner{
    display: inline-block;
}
.will-load.loading.wl-full .loading-spinner{
    margin-right: 0 !important;
}
.will-load.loading.wl-full .will-load-text{
    display: none !important;
}
.will-load.sub.loading .loading-spinner{
    vertical-align: sub;
}
.will-load.loading {
    opacity: .6 !important;
    pointer-events: none !important;
}
/* Loading spinner 
<span color="grey" class="loading-spinner"></span>
*/
.loading-spinner {
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    margin-right: 10px;
    animation: 0.6s linear 0s infinite normal none running loading-spinner;
    border-style: solid;
    border-color: rgb(115, 115, 118) rgba(115, 115, 118, 0.3) rgba(115, 115, 118, 0.3);
    border-width: 2px;
}
.loading-spinner.big{
    width: 45px;
    height: 45px;
    border-width: 3px;
}
.loading-spinner.max{
    width: 35px;
    height: 35px;
    border-width: 3px;
}
.loading-spinner.max-two{
    width: 35px;
    height: 35px;
    border-width: 3px;
    margin-right: 0;
    margin-top: 10px;
}
.loading-spinner.img-loader{
    border-width: 3px;
    margin: 0;
    border-color: rgb(55, 182, 18) rgba(55, 182, 18, 0.3) rgba(55, 182, 18, 0.3);
}
.loading-spinner.mini{
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
}
.loading-spinner.min{
    width: 15px;
    height: 15px;
    vertical-align: text-top;
}
.loading-spinner.mleft{
    margin-left: 10px;
}
.loading-spinner.m0{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.loading-spinner.white{
    border-color: rgb(255, 255, 255) rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3);
}
.loading-spinner.ls-blue{
    border-color: rgb(0, 101, 254) rgba(0, 101, 254, 0.3) rgba(0, 101, 254, 0.3);
}
.loading-item:not(.active) .loading-spinner{
    display: none;
}
.loading-item.active{
    pointer-events: none;
}
.invoice-preview-container .loading-spinner {
    margin-right: 0 !important;
}
@keyframes loading-spinner{
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes loading-spinner{
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* /Loading spinner */
.account-watch-btn:not(.active){
    opacity: 0.5;
    pointer-events: none;
}
.account-adtxt{
	font-size: .80rem;
    margin-bottom: 10px;
    line-height: 1.5;
    font-weight: 400;
    color: #404040;
}
.account-adtxt a{
	color: #3bb75e !important;
}
.user-account-type-container:not(.active){
    display: none;
}
.choose-account-container{
    width: 100%;
}
.choose-account-container > div{
    width: 48%;
}
.choose-account-container-item{
    width: 100%;
    border: 1px solid #e4e5e7;
    padding: 10px;
    border-radius: 10px;
    margin: 10px 0;
    cursor: pointer;
}
.choose-account-container-item.active{
    border: 1px solid #0070f3;
}
.choose-account-container-item > div:first-child{
    min-width: 40px;
    width: 40px;
}
.choose-account-container-item-selector{
    width: 25px;
    height: 25px;
    border: 1px solid #0070f3;
    border-radius: 50%;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
}
.choose-account-container-item-selector > span{
    width: 13px;
    height: 13px;
    background-color: #eee;
    border-radius: 50%;
    display: inline-block;
}
.choose-account-container-item.active .choose-account-container-item-selector > span{
    background-color: #0070f3;
}
.is-new-skill{
    position: relative;
}
.is-new-skill::before{
    position: absolute;
    content: "new";
    background-color: #ff0000;
    color: #fff;
    padding: 1px 3px;
    padding-bottom: 2px;
    border-radius: 2px;
    font-size: 9px;
    top: 1px;
    left: -29px;
}
.stressed {
    color: #fff !important;
    background: #0070f3;
    font-size: 11px !important;
    padding: 4px 6px;
    margin-left: 5px;
    line-height: 12px;
    display: inline-block;
    border-radius: 3px;
}
.stressed.important{
    background-color: #ff0000;
}
.stressed.normal{
    background-color: #6e6e7e;
}
.stressed.gold{
    background-color: #ffd700;
}
.other-logins-container{
    margin-top: 15px;
}
.other-logins-container > div{
    width: 48%;
}
.other-logins-container > div.-full-width-item-{
    width: 100%;
}
.other-logins-container > div a{
    display: block;
    padding: 6px 8px;
    background-color: #0095f6;
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}
.other-logins-container > div a.google{
    background-color: #4285f4;
    border-radius: 60px;
}
.other-logins-container > div a.google img{
    position: absolute;
    border-radius: 50%;
    left: 8px;
    max-width: 24px;
}
.other-logins-container > div a i{
    margin-right: 5px;
    font-size: 1.25rem;
    vertical-align: middle;
}
.other-logins-container > div a:not(.google) i{
    margin-right: 5px;
    font-size: 1.0rem;
    vertical-align: middle;
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    background-color: #fff;
    color: #0095f6;
    border-radius: 2px;
}
.switch-reminder-btn span {
    border: 1px solid #eee;
    padding: 5px;
    width: 100%;
    display: block;
    background-color: #f7f7f7;
    border-radius: 5px;
    font-weight: 500;
    font-size: .85rem;
}
.switch-reminder-btn {
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 15px;
    margin: 20px 0;
    cursor: pointer;
}
.switch-reminder-btn.min span {
    border-radius: 3px;
}
.switch-reminder-btn.min{
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 0 15px;
    margin: 5px 0;
    cursor: pointer;
}
.error-account-switch-btn-container{
    text-align: center;
    margin: 15px 0;
}
.error-account-switch-btn{
    display: inline-block;
    border: 1px solid #030303;
    font-size: .85rem;
    color: #030303 !important;
    font-weight: 600;
    padding: 5px 50px;
    border-radius: 60px;
}
.error-state{
    display: none;
    margin-top: 5px;
    margin-bottom: 10px;
}
.error-state > div{
    width: 100%;
}
.error-state.active{
    display: block;
}
.error-state > div{
    color: #d42a2a;
    text-align: left;
}
.ers-state-ex{
    vertical-align: inherit;
    width: 19px;
    font-size: 1rem;
    display: inline-block;
    fill: #d42a2a;
}
.error-state > div > div:first-child{
    width: 30px;
    min-width: 30px;
}
.error-state > div > div:first-child i{
    font-size: 1.5rem;
}
.error-state > div > div:nth-child(2){
    font-size: 0.80rem;
    font-weight: 500;
}
.error-state > div > div:first-child i,
.error-state > div > div:nth-child(2){
    line-height: 1.2rem;
}
@media screen and (max-width: 969px){
    #account-key-phrase{
        font-size: 2.25rem;
    }
}
.continue-login-container{
    width: 100%;
    border-bottom: 1px solid #dadce0;
    border-top: 1px solid #dadce0;
    padding-bottom: 15px;
    padding-top: 15px;
    min-width: 100%;
}
.account-content-container{
    max-width: 400px;
    margin: auto;
}
.account-boxx > div button{
    -webkit-transition: all .25s cubic-bezier(.694,0,.335,1);
    -moz-transition: all .25s cubic-bezier(.694,0,.335,1);
    -ms-transition: all .25s cubic-bezier(.694,0,.335,1);
    -o-transition: all .25s cubic-bezier(.694,0,.335,1);
    transition: all .25s cubic-bezier(.694,0,.335,1);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.account-boxx > div button:focus,
.account-boxx > div button:active{
    border-color: #45a049 !important;
    -webkit-box-shadow: inset 0 1px 4px rgba(52, 186, 8, .08), 0 0 0 0.2em rgba(52, 186, 8, .30);
    box-shadow: inset 0 1px 4px rgba(52, 186, 8, .08), 0 0 0 0.2em rgba(52, 186, 8, .30);
}
.account-secction{
    overflow: hidden;
}
/* /account */

/* job search */
.no-jobs-found, 
.no-items-found{
    text-align: center;
    width: 100%;
    min-height: 300px;
    padding-left: 30px;
    padding-right: 30px;
}
.no-jobs-found small,
.no-items-found small{
    margin-top: 10px;
    font-weight: 400;
    display: block;
    line-height: 1.2rem;
    color: #828282;
}
.no-jobs-found small a,
.no-items-found small a{
    color: #00cf30;
}
.service-recommended-solutions--content .no-jobs-found,
.service-recommended-solutions--content .no-items-found{
    width: 100%;
    padding-left: 0;
    padding-right: 30px;
}
.no-i-icon{
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}
.no-i-icon > i{
    border-radius: 50%;
    display: inline-block;
    width: 80px !important;
    height: 80px !important;
    line-height: 80px !important;
    font-size: 2.25rem;
    color: #030303;
    background-color: #f7f7f7;
}
.no-i-icon.mini > i{
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
    font-size: 1.5rem;
}
.no-i-icon.adv > i{
    border: 1px solid #ff0000;
    color: #ff0000;
    background: #fff;
}
.list-of-jobs-link > a{
    padding: 5px 25px;
    font-size: .90rem;
    border-bottom: 1px solid #e4e5e7;
    color: #000;
}
.list-of-jobs-link > a div:nth-child(2){
    color: #aaa;
}
.job-searcher {
    background-color: #fff;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.10);
}
.job-searcher > div{
    padding: 15px;
}
.job-searcher > div:first-child{
    border-right: 1px solid #e4e5e7;
    width: 80%;
}
.job-searcher > div:first-child > div > div:first-child,
.job-searcher > div:nth-child(2) > div > div:first-child{
    width: 35px;
    max-width: 35px;
    text-align: left;
}
.job-searcher > div:first-child > div > div:first-child i,
.job-searcher > div:nth-child(2) > div > div:first-child i{
    font-size: 1.5rem;
    vertical-align: text-top;
}
.job-searcher > div:first-child > div > div:nth-child(2),
.job-searcher > div:nth-child(2) > div > div:nth-child(2){
    width: calc(100% - 35px);
}
.job-searcher > div:first-child > div > div:nth-child(2) input,
.job-searcher > div:nth-child(2) > div > div:nth-child(2) input{
    width: 100%;
    border-width: 0;
    font-size: 0.90rem;
    font-weight: 500;
}
.job-searcher > div:nth-child(3){
    text-align: right;
    white-space: nowrap;
}
.job-search-area{
    overflow-x: hidden !important;
}
.job-search-area > .job-search-section-list,
.job-search-area > .job-search-section-list-page-links{
    display: none;
}
.job-search-area.loaded > .job-search-section-list,
.job-search-area.loaded > .job-search-section-list-page-links{
    display: block;
}
.job-search-area.loaded > .job-placeholder-container{
    display: none;
}
.search-btn{
    border-width: 0;
    padding: 4px 12px;
    font-weight: 600;
    background-color: #00cf30;
    color: #fff;
    font-size: .90rem;
    border-radius: 2px;
}
.search-btn i {
    font-size: .90rem;
}
.job-max-btn{
    border-width: 0;
    padding: 8px 50px;
    font-weight: 600;
    background-color: #00cf30;
    color: #fff;
    font-size: .90rem;
    border-radius: 60px;
}
.job-description-body-skills,
.job-description-body-bid,
.job-description-body-share{
    margin-bottom: 25px !important;
}
#jobs-job-details-container h5{
    margin: 8px 0;
    line-height: 1.5;
}
#jobs-job-details-container .job-description-body-description{
    font-size: .90rem;
}
.job-description-body-attachments{
    margin-bottom: 40px;
}
.project-special-notice{
    margin-bottom: 10px;
    border-left: 3px solid #ddd;
    background: #fafafa;
    padding: 15px;
}
#project-shared-files-container{
    padding-bottom: 60px;
}
.file-attachment-item{
    border: 1px solid #dbdbdb;
    display: block;
    width: 97px;
    height: 97px;
    min-width: 97px;
    min-height: 97px;
    border-radius: 5px;
    font-size: 2rem;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 10px;
    cursor: pointer;
} 
.file-attachment-item span:nth-of-type(1),
.file-attachment-item i{
    color: #000;
    font-weight: 500;
}
.file-attachment-item span {
    font-size: 12px;
    display: block;
    line-height: 1.45;
}
#document-preview-item-iframe{
    background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100% 100%"><text fill="%23808080" x="50%" y="50%" font-family="\'Lucida Grande\', sans-serif" font-weight="700" font-size="14" text-anchor="middle">LOADING... PLEASE WAIT</text></svg>') 0px 0px no-repeat;
}
.job-max-btn.bl{
    background-color: #0070f3;
}
.search-btn.light{
    background-color: #aaa;
}
.job-breadcrumb{
    padding-left: 25px;
    padding-right: 25px;
}
.job-searcher-results{
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.10);
    background-color: #fff;
}
.job-searcher-results > div{
    width: 100%;
}
.job-searcher-results > div:first-child, 
.job-searcher-results > div:nth-child(2){
    padding: 10px 25px;
    border-bottom: 1px solid #e4e5e7;
}
.job-searcher-results > div:first-child b {
    font-weight: 500;
}
.job-searcher-results > div:nth-child(2) p{
    margin-bottom: 0;
    line-height: 1.2;
}
.sort-input{
    width: 150px;
    font-size: 0.90rem;
    padding: 2.5px 10px;
    margin-left: 10px;
    border-radius: 3px;
    border: 1px solid #e4e5e7;
    padding-right: 45px !important;
}
.sort-input-wide{
    width: 350px;
}
.job-post-item{
    padding: 25px;
    border-bottom: 1px solid #e4e5e7;
}
.job-post-item > div {
    margin: 8px 0;
    line-height: normal;
    position: relative;
}
.job-post-item-title > a {
    font-size: .98rem;
    line-height: 1.4;
    color: #222;
}
.job-title-flex-cnt > div:first-child{
    width: calc(100% - 60px);
}
.job-title-flex-cnt > div:nth-child(2){
    width: 60px;
    min-width: 60px;
    text-align: right;
}
/* .job-post-item-placeholder{
    padding-left: 0;
    padding-right: 0;
} */
.job-post-item-title a {
    font-weight: 700;
    display: inline-block;
    line-height: 1.5;
    font-size: 1.5rem;
}
.pstjb-item {
    display: inline-block;
    line-height: 1.2;
}
.job-see-more{
    background-color: #14a800;
    color: #fff;
    display: inline-block;
    margin-top: 10px;
    color: #fff;
    padding: 6.5px 15px;
    border-radius: 60px;
    line-height: 14px;
    font-size: .80rem;
    font-weight: 500;
}
.job-see-more i {
    font-size: 11px;
    margin-right: 5px;
}
.verified{
    display: inline-block;
    color: #fff;
    background-color: #007aff;
    padding: 6.5px 15px;
    border-radius: 60px;
    line-height: 14px;
    font-size: .80rem;
    font-weight: 500;
    margin-bottom: 5px;
}
.new-job{
    margin-bottom: 8px;
    font-size: 12px;
    position: absolute;
    top: -25px;
    background-color: #00cf30;
    color: #fff;
    padding: 0 8px;
    line-height: 18px;
    border-radius: 2px;
    font-weight: 600;
}
.job-post-item > div .new-job{
    top: -10px;
}
.verified-user{
    display: inline-block;
    position: relative;
}
.verified-user::before{
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    right: -35px;
    background-size: 25px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAAFRElEQVRoge2ZS2xUZRTHf+dO591OHxBdoEYRFNj4wEcIGvuCCCsXtjE8SyL4iImsEAjKo8GiVIkGTQoqSouLYpSVBOwDkSALMIaYIBAKSIwsAEsfU+Z5XHQKM9Oh987ca7rpfzff/e45v/+c79773XNhQhOyJXEiyIK266GI+LpB25PR4CdHVsitXPPq2tVzLRZuMGBlIhqdd2RFea/d3IbdAAARw9cMPAmyTTzhczX7wm8v+FG9I8dnt6i7at/Asuux8BmBFoWnDI+nyYnctitQ29pfmTSMrhyxLii6xVAkKbJR4KGs4wpGZddi/1E7+W0ZmNOufn8sfBqYVlgEPT/kDj72a70MFcpgawkFokObKRgeQKb7o0Pv2WEwrUBVa9+jhstVqaplqJQgWgwSRChDeQkosgMAxBEOCPShOoDIoKreBOkTl6uz8xXfubFONk1uiKtWlZ0gKbspz2oTO51BeXk4nKTiDufQeOINYEwDpktIDS2xjVigrOQ2N6AybgYMC7lNDYgyfhUQByqAUOwITQGyUn0rBsatAgIhC3Nyq3KP+gxPeC2wDvA4CZaH4oJ+7koE1x9eJoO5JuQ0UNUWnivCF6Az/l8+y+pR1VXdS4o7sw9kGFjQdj0UFW+jIm/h0EbvbnIbw7f8eNLyKQrS5nbHVh+qL70xMpjxIIuIrwN42jHKu8htwMbnvSQVthyLWDUhoEtjsaIZwDMjg5n/skiro6Q55CuCpiovc6a4mHufi3VzvEgeW0oVvk7/nWFgUpG/BbjkCGkO+Ypg6wtenrjXdXvs6mAStb4t+ctXFvgyfSDDwP56iYqwzS5oLhV7hO3VPh5Pg99zOsbu32PWgwiNBxdKJH1o1IXa2x/4CuixGjPoFko8Y6+BkFdorvYya/JwOgU+OxWl7Y884OHSpKLA3uzBUQZOvSYx0EYrEYNuYVuVl+YaLyFvbhNlPuGjGi/TK+7A7zwZ5fuz8XzgUXTj/nqJmhoAEDXfLBsyfDHOmmwwrdxge/VoE5P8wo5aL1PLhtMkFbafiHLgXH7wAIbmfmaNMjC7Rd0q8q5ZwKTCD2djJFNWp5UbNFd7KU2ZuCco7Kj18UDoDvyHJ6Ic6skfHkBFNtW166gdwSgDpcFwA/CwlaDdlxO8fzxy28TDqUo8UmHwcY2PKSXDZuJJaDwW4aeLhcGn9OC1WLghezCjLKm+zZ85Oghjav7UItY868l5P48lYdMvEU78ncgXeJQUrvjKA9PT70QZFbgRDa/MFx7gcE+crccjJLKunEgcNvzsDDyAwP2Rf4dWpo9lGFBheaHBuy8naEozcSsOG45GOPmPM/B3pMvSf2UYMNyReYJ+CljfYqVpxER/VFnTdYvfrjoKryCtbnf8xfTBnLem2m+Hnkuq7i50O13iEfqjzrUtgAtIclXXopKu7AN3fYSmum7vAOsBt5M0eaiwF5p0Ve8bbAfqHEezIuG7rkXBMXObdyWEfueI8pNAn9kcC30hHTcDqA6YTbHw2ijjZkDVPLeFxtY4VkDMc5svIRnHCljIbdqdFperUxOJN0FDIlKKahCRYoWQk+11lF7QQVQGEO0XkV5NJI6Y8tnJXN0WbkJ0rZ0YIB90LQ4UHMNW78db4d+EcqbwCHp+yO3fbIfBloGDCyWCGK+T43OHwkVRbVB0OXAhx+lqJHWVne9j4ED3LfWVseU2FVwRZLWvPDCzc0nxN92Li/feHAjMzDaiyq6OpSWma9xMTn7o7kCk1Vvm35Xd+hhRXbt6rsXDr4qy3HBH5nfUV9x0Iv+EJmRD/wE2UOSnJb5xkwAAAABJRU5ErkJggg==);
}
.verified-user.mini::before{
    /* content: "";
    position: absolute;
    top: 5px;
    width: 15px;
    height: 15px;
    right: -20px;
    background-size: 15px;
    background-repeat: no-repeat; */
    content: "";
    position: absolute;
    top: 1.5px;
    width: 20px;
    height: 20px;
    right: -23px;
    background-size: 18px;
    background-repeat: no-repeat;
}
.verified-user.mini-two::before {
    content: "";
    position: absolute;
    top: 1px;
    width: 20px;
    height: 20px;
    right: -23px;
    background-size: 20px;
    background-repeat: no-repeat;
}
.verified-user.min::before {
    content: "";
    position: absolute;
    top: 1.5px;
    width: 15px;
    height: 15px;
    right: -23px;
    background-size: 15px;
    background-repeat: no-repeat;
}
.verified-user.levelled.mini::before{
    top: 1px;
}
.jb-header{
    margin-bottom: 25px;
}
.job-description-body-description{
    margin: 25px 0 !important;
}
.job-description-body-description ol, .job-description-body-description ul {
    margin-left: 15px;
}
.job-description-body-description h2:not(.gig-tab-title) {
    font-size: 1.6rem;
    margin: 20px 0;
    line-height: 1.4;
}
.job-description-body-description h3:not(.gig-tab-title) {
    font-size: 1.3rem;
    margin: 20px 0;
    line-height: 1.4;
}
.job-description-body-description h4:not(.gig-tab-title) {
    font-size: 1.1rem;
    margin: 20px 0;
    line-height: 1.4;
}
.job-post-item-description, .job-post-item-details{
    font-size: .90rem;
    line-height: 1.5 !important;
    margin: 10px 0;
    max-width: 1000px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
}
.job-post-item-details{
    overflow: initial !important;
}
.job-post-item-details span{
    margin-right: 8px;
    color: #828282;
}
.job-post-item-main-category{
    font-size: .85rem;
    color: #828282;
    font-weight: 400;
}
.job-post-item-categories > a{
    font-size: .80rem;
    background-color: #eee;
    font-weight: 500;
    padding: 2.5px 20px;
    border-radius: 60px;
    margin: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 0;
    white-space: nowrap;
    display: inline-block;
}
.view-state{
    padding: 5px 25px;
    font-size: 13px;
    background-color: antiquewhite;
    border-top: 1px solid #dbdbdb;
}
.job-post-item-categories {
    white-space: normal;
    word-break: break-word;
    max-width: 100%;
}
.toggle-extra-job-skills{
    border: 0;
    padding: 5px 8px;
    background: transparent;
    color: #000;
    font-size: .8rem;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}
.job-post-item-categories > .extra-job-skill[hidden]{
    display: none;
}
.toggle-extra-job-skills:hover,
.toggle-extra-job-skills:focus{
    color: #000;
}
.description-header h3{
    font-weight: 500;
    color: #828282;
    font-size: .95rem;
}
.job-description-body > div{
    padding:25px;
    background-color: #fff;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.02);
}
.job-attachment-file-item i.fas{
    font-size: 100px;
}
.revoke-notice > p:nth-child(2), 
.revoke-notice.worker > p:first-child{
    display: none;
}
.revoke-notice.worker > p:nth-child(2){
    display: block;
}
.job-description-body > div:first-child{
    width: 65%;
    padding: 0;
}
.job-description-body > div:first-child > div{
    padding: 25px;
    width: 100%;
    line-height: 1.7rem;
    font-size: 0.95rem;
}
.job-description-body > div:first-child > div:first-child{
    border-bottom: 1px solid #e4e5e7;
}
.job-description-body > div:first-child > div h5{
    line-height: 1.4rem;
}
.job-description-body > div:first-child > div .mark-project-as-started-btn-container {
    margin: 5px 0;
}
.job-description-body > div:nth-child(2){
    width: 32%;
    align-self: baseline;
}
.job-description-body-title-container{
    width: 100%;
    margin-bottom: 20px;
}
.job-description-body-title-container > div:first-child{
    width: calc(100% - 40px);
}
.job-description-body-title-container > div:nth-child(2){
    text-align: right;
    width: 50px;
    min-width: 50px;
}
.job-description-body-title h2{
    font-weight: 700;
    font-size: 1.60rem;
    line-height: 2.2rem;
    position: relative;
}
.job-description-body-title.new h2{
    margin-top: 25px;
}
.job-description-body-title.new h2::before {
    content: "new";
    font-size: 12px;
    position: absolute;
    top: -25px;
    background-color: #00cf30;
    color: #fff;
    padding: 0 8px;
    line-height: 18px;
    border-radius: 2px;
}
.job-description-body-price{
    color: #daa520;
    font-weight: 600;
}
.job-share-btn{
    color: #828282;
    margin-right: 20px;
}
.job-share-btn i{
    font-size: 1.35rem;
}
.job-aside-item{
    width: 100%;
    margin-bottom: 35px;
}
.job-aside-item > div:first-child{
    font-weight: 700;
    font-size: .90rem;
}
.job-aside-item > div:nth-child(2){
    margin-top: 20px;
    border-top: 1px solid #e4e5e7;
    padding-top: 20px;
}
.job-aside-item > div:nth-child(2) ul{
    list-style-type: none;
}
.job-aside-item > div:nth-child(2) ul li{
    font-size: .95rem;
    line-height: 1.4rem;
    font-weight: 500;
    margin-bottom: 10px;
}
.ja-bullet > div:first-child{
    width: 30px;
    min-width: 30px;
}
.ja-bullet > div:first-child i{
    color: #000;
    font-size: 1.4rem;
}
.gry{
    color: #828282;
    font-weight: 600;
}
/* /job search */
/* quick hire */
.quick-hire-container{
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 3px;
}
.quick-hire-container > div{
    padding: 100%;
    padding: 35px;
}
.quick-hire-container > div:nth-child(2){
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #fafafa;
    z-index: 1;
}
.quick-hire-container > div:nth-child(2).quick-hire-container-content-plain{
    background-color: #fff;
}
.quick-hire-container-content-one.stick{
    position: sticky;
    top: 0;
}
.quick-hire-container-content-one.-small-{
    padding: 20px 35px;
    z-index: 1;
    background: #fff;
    border-bottom: 1px solid #eee;
}
.quick-hire-container-content-one.-small- + div{
    border-top-width: 0 !important;
}
.quick-hire-container-content-header{
    width: 100%;
    position: sticky;
    top: 0;
}
.quick-hire-container-content-header > div:first-child{
    width: 40px;
    min-width: 40px;
}
.quick-hire-container-content-header > div:first-child i{
    font-size: 1.4rem;
}
.quick-hire-container-content-header > div:nth-child(2){
    width: calc(100% - 40px);
}
.quick-hire-category-item{
    display: block;
}
.quick-hire-container-content-category-items{
    list-style-type: none;
}
.quick-hire-container-content-category-items > li{
    border-top: 1px solid #eee;
    padding-top: 15px;
    padding-bottom: 15px;
}
.quick-hire-container-content-category-items > li:first-child{
    border-top-width: 0;
}
.quick-hire-container-content-category-items > li > a{
    width: 100%;
}
.quick-hire-container-content-category-items > li > a > div:first-child{
    width: calc(100% - 40px);    
    padding-right: 20px;
    font-weight: 500;
    line-height: normal;
}
.quick-hire-container-content-category-items > li > a > div:nth-child(2){
    width: 40px;
    min-width: 40px;
    text-align: right;
}
.quick-hire-searcher{
    margin-top: 15px;
    width: 100%;
    max-width: 500px;
    /* box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.10); */
    overflow: hidden;
    border-radius: 2px;
    border: 1px solid #dadce0;
}
.quick-hire-searcher > div{
    height: 40px;
    line-height: 40px;
    background-color: #fff;
}
.quick-hire-searcher > div:first-child{
    width: 40px;
    min-width: 40px;
    text-align: center;
}
.quick-hire-searcher > div:first-child i{
    font-size: 1.5rem;
    color: #828282;
}
.quick-hire-searcher > div:nth-child(2){
    width: calc(100% - 120px);
}
.quick-hire-searcher > div:nth-child(2) input{
    border-width: 0;
    background-color: transparent;
    font-size: .95rem;
    width: 100%;
    display: inline-block;
}
.quick-hire-searcher > div:nth-child(3){
    width: 80px;
    min-width: 80px;
    text-align: center;
    background-color: #00cf30;
}
.quick-hire-searcher > div:nth-child(3) a{
    font-size: .90rem;
    color: #fff;
    font-weight: 600;
}
.quick-hire-header{
    font-weight: 700;
}
.quick-hire-categories{
    width: calc(100% + 10px);
    margin-top: 10px;
}
.quick-hire-categories > div:first-child{
    width: calc(100% + 20px);
    margin-left: -10px;
}
.quick-hire-custom{
    margin-top: 15px;
    font-size: .95rem;
}
.quick-hire-category-item{
    width: 25%;
    padding: 10px;
    cursor: pointer;
}
.quick-hire-category-item.inactive,
.quick-hire-sub-category-item.inactive{
    display: none !important;
}
.quick-hire-category-item > div{
    border: 1px solid #eee;
    border-radius: 2px;
    padding: 25px;
    text-align: center;
    box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.03);
}
.quick-hire-category-item > div > div:first-child{
    margin-bottom: 15px;
}
.quick-hire-category-item > div > div:nth-child(2) h5 {
    font-size: .90rem;
    line-height: 1.35;
}
.quick-hire-category-item > div > div:first-child i{
    font-size: 2.8rem;
}
.quick-hire-category-item > div > div:nth-child(2) p {
    color: #828282;
    font-size: .83rem;
    font-weight: 500;
    margin-bottom: 0;
}
.quick-hire-services{
    margin-bottom: 25px;
}
.quick-hire-additional{
    font-size: .97rem;
    font-weight: 500;
}
.quick-hire-container > div.quick-hire-menu-container-holder{
    padding-bottom: 0 !important;
}
.quick-hire-menu{
    margin: 0;
    padding: 0;
}
.quick-hire-menu li{
    list-style-type: none;
    display: inline-block;
}
.quick-hire-menu li.quick-hire-menu-li-hidden{
    display: none;
}
.quick-hire-menu li a{
    display: inline-block;
    line-height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: .90rem;
    border-bottom: 3px solid transparent;
    font-weight: 500;
    cursor: pointer;
}
.quick-hire-menu li a.active{
    border-bottom-color: #00cf30;
    color: #00cf30;
}
.quick-hire-category-item > div > div:nth-child(2) h5{
    display: block;
    min-height: 40px;
}
/* /quick hire */
/* post a service intro */
.intro-list-item{
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #eee;
}
.intro-list-item:nth-last-of-type(1) {
    border-top-width: 0;
}
.intro-list-item > div:first-child{
    width: 60px;
    min-width: 60px;
}
.intro-list-item > div:first-child i{
    font-size: 2.20rem;
}
.intro-list-item > div:nth-child(2){
    width: calc(100% - 60px);
}
.intro-list-item > div:nth-child(2) h3{
    color: #313131;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 2.5px;
}
.intro-list-item > div:nth-child(2) p{
    margin-bottom: 0;
    font-size: .90rem;
    line-height: 1.4;
    color: #828282;
}
/* /post a service intro */
/* categories */
.section-categories-header-content > div{
    width: 47%;
}
.section-categories-header-content > div:first-child h1{
    font-weight: 800;
    font-size: 3.5rem;
    line-height: 4.5rem;
    max-width: 500px;
}
.section-categories-header-content > div:first-child p{
    margin: 25px 0;
    margin-bottom: 35px;
    font-size: 1.3rem;
    line-height: 1.8rem;
    max-width: 500px;
}
.section-categories-header-content > div:nth-child(2){
    position: relative;
}
.section-categories-header-content > div:nth-child(2) img:not(.section-categories-header-content-camou-image){
    max-height: 400px;
    max-width: 100%;
    position: relative;
    z-index: 1;
}
.section-categories-header-content-image-holder::before {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    margin-left: -60px;
    margin-top: -25px;
    background-color: #00cf30;
    z-index: 2;
}
.section-categories-header-content-camou-image{
    position: absolute;
    bottom: -10%;
    left: -10%;
    z-index: 0;
}
.post-a-project{
    background-color: #00cf30;
    margin-top: 150px;
    border-radius: 10px;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.post-a-project > div{
    text-align: center;
    padding: 0 50px;
}
.post-a-project > div > h2{
    font-size: 4rem;
    line-height: 5rem;
    font-weight: 900;
}
.post-a-project > div > p{
    margin: 25px 0;
    font-size: 1.25rem;
    line-height: 1.9rem;
    max-width: 600px;
}
.user-project-section-content > div:first-child{
    width: 55%;
}
.user-project-section-content > div:nth-child(2){
    width: 40%;
    text-align: right;
}
.user-project-section-content > div h2{
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 700;
    margin-bottom: 15px;
}
.user-project-section-content > div h3{
    font-size: 2rem;
    line-height: 3rem;
}
.user-project-section-content > div .quoter i{
    font-size: 4rem;
} 
.user-project-section-content > div .desc{
    font-size: 1.2rem;
    line-height: 1.9rem;
} 
.list-user-bullet{
    margin-top: 25px;
} 
.list-user-bullet > div:first-child{
    width: 80px;
}
.list-user-bullet > div:first-child > img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.hiring-description-container > h2{
    font-size: 3rem;
    line-height: 4rem;
    margin: auto;
    max-width: 600px;
    margin-bottom: 30px;
    font-weight: 600;
    text-align: center;
}
.hiring-description-container > div:nth-of-type(1) > div{
    max-width: 800px;
    margin: auto;
    margin-bottom: 25px;
}
.hiring-description-container > div:nth-of-type(1) > div:nth-last-child(1){
    margin-bottom: 0;
}
.hiring-description-container > div:nth-of-type(1) {
    line-height: 1.9rem;
    font-size: 1.0rem;
}
/* /categories */

/* members */
.members-lists-container .members-lists-container-loader{
    display: block;
    margin-bottom: 60px;
}
.members-lists-container .members-lists-container-items{
    display: none;
}
.members-lists-container.active .members-lists-container-loader{
    display: none;
}
.members-lists-container.active .members-lists-container-items{
    display: block;
}
.member-loader-banner{
    width: 100%;
    border-radius: 10px;
    background-color: #eee;
    padding: 15px;
    height: 100px !important;
    margin-top: 25px;
}
.members-loader-search{
    margin: 25px 0;
}
.members-loader-search > div:first-child{
    width: calc(100% - 250px);
}
.members-loader-search > div:nth-child(2){
    width: 250px;
    text-align: right;
}
.members-loader-search > div:first-child > div{
    width: 100%;
    max-width: 600px;
    border-radius: 60px;
    background-color: #eee;
    height: 50px;
}
.members-loader-search > div:nth-child(2) > span{
    display: inline-block;
    width: 70px;
    height: 50px;
    border-radius: 5px;
    margin-left: 5px;
    background-color: #eee;
}
.member-search-info-placeholder > div{
    display: inline-block;
    width: 100%;
    max-width: 300px;
    height: 15px;
    border-radius: 60px;
    margin-left: 5px;
    background-color: #eee;
}
.member-search-info-placeholder > div:nth-of-type(2){
    max-width: 200px;
    margin-top: 10px;
}
.members-container-header h1{
    font-weight: 800;
}
.members-container-header h3{
    margin: 5px 0px;
    margin-top: 10px;
    font-size: 1rem;
}
.members-container-header p{
    font-size: .90rem;
}
.members-container-body{
    margin-top: 25px;
}
.members-container-body > div > div{
    padding: 20px;
}
.members-container-body > div:first-child > div{
    padding-bottom: 0;
}
.members-container-body > div:first-child > div:nth-last-child(1){
    padding-bottom: 20px;
}
.members-container-body > div > div.padding-bottom-0{
    padding-bottom: 0;
}
.members-container-body > div{
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.04);
}
.members-container-body > div:first-child{
    width: 300px;
}
.members-container-body > div:nth-child(2){
    width: calc(100% - 350px);
}
.member-search-info.pagination-details{
    margin-top: 20px;
}
.member-search-info.pagination-details p{
    display: none;
}
.member-search-item > div:nth-child(2) > div small > b{
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #828282;
    font-weight: 600 !important;
    padding: 2px 8px;
    border-radius: 4px;
    background-color: #f7f7f7;
    font-size: .82rem;
}
.member-search-item > div:nth-child(2) > div small > b.nb{
    border-color: transparent;
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
}
.member-search-head{
    border-bottom: 1px solid #e4e5e7;
}
.member-search-item{
    width: 100%;
    border-bottom: 1px solid #e4e5e7;
}
.choose-artisan-item{
    margin: 35px 0;
    padding-bottom: 35px;
}
.member-search-item > div:first-child{
    width: 100px;
    min-width: 100px;
}
.member-search-item > div:nth-child(2) {
    text-align: left;
    padding-left: 25px;
}
.member-search-item > div:nth-child(2) > div:nth-child(3) p{
    font-size: .83rem !important;
    line-height: 1.2rem !important;
    color: #828282 !important;
}
.member-search-item > div:nth-child(2) i {
    font-size: 1.4rem;
    vertical-align: bottom;
}
.member-search-item > div:first-child img{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 1px solid #e4e5e7;
}
.member-search-item-header > div:first-child h4{
    font-size: .97rem;
    font-weight: 600;
}
.member-search-item-header > div:first-child small {
    color: #828282;
    font-weight: 500;
    font-size: .80rem;
    line-height: 1.1rem;
    display: block;
    margin: 5px 0;
}
.member-search-item-header > div:nth-child(2){
    min-width: 90px;
    width: 90px;
    text-align: right;
}
.cdi-simple-text {
    color: #0070f3;
    font-weight: 500;
}
.hire-me-btn-special,
.cdi-btn-special{
    padding: 10px 30px;
    font-size: .90rem;
    font-weight: 600;
    border-radius: 4px;
    background: #44b669;
    background: -webkit-gradient(linear,left top,left bottom,from(#44b669),to(#40ad57));
    background: linear-gradient(180deg,#44b669 0,#40ad57);
    border: 1px solid #49a861;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);
    outline: none;
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    position: relative;
}
.hire-me-btn-special.-full-width-item-,
.cdi-btn-special.-full-width-item-{
    width: 100%;
    display: inline-block;
    text-align: center;
}
.hire-me-btn, 
.cdi-btn{
    border-width: 0;
    background: #00cf30;
    color: #fff;
    font-size: .88rem;
    font-weight: 600;
    display: inline-block;
    padding: 5px 25px;
    border-radius: 4px;
    white-space: nowrap;
    cursor: pointer;
    text-align: center;
}
.hire-me-btn.slim-side, 
.cdi-btn.slim-side{
    padding: 5px 15px;
}
.hire-me-btn.no-hover, 
.cdi-btn.no-hover{
    color: #fff !important;
    cursor: auto !important;
}
.hire-me-btn.exs, 
.cdi-btn.exs{
    padding: 3px 12px;
    font-size: .78rem;
}
.hire-me-btn.exst, 
.cdi-btn.exst{
    padding: 1px 12px;
    font-size: .78rem;
}
.hire-me-btn.exs i, 
.cdi-btn.exs i{
    vertical-align: text-bottom;
}
.cdi-btn.pro{
    background: #00cf30 !important;
    color: #fff !important;
}
.cdi-btn.rounded{
    border-radius: 60px;
}
.cdi-btn.max{
    padding: 5px 15px;
}
.hire-me-btn.small-btn, 
.cdi-btn.small-btn{
    font-size: .75rem;
    font-weight: 600;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 3px;
}
.cdi-btn.small-btn.wdbtn{
    display: inline-block;
    vertical-align: super;
    font-size: .70rem;
    line-height: 20px;
    background: #daa520;
}
.hire-me-btn.small-btn-two, 
.cdi-btn.small-btn-two{
    padding: 2px 25px;
}
.hire-me-btn.small-btn-two.slim, 
.cdi-btn.small-btn-two.slim{
    padding: 2px 10px;
    font-size: 11.5px;
}
.hire-me-btn.mbr, 
.cdi-btn.mbr{
    border-radius: 2px !important;
}
.hire-me.inactive{
    opacity: 0.5;
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.hire-me-btn.hollow, 
.cdi-btn.hollow{
    color: #00cf30;
    background-color: transparent;
}
.hire-me-btn.hollow.hollow-white, 
.cdi-btn.hollow.hollow-white{
    color: #fff;
    background-color: transparent;
}
.hire-me-btn.hollow-green, 
.cdi-btn.hollow-green{
    color: #18a05e;
}
.hire-me-btn.hollow.hollow-bdr, 
.cdi-btn.hollow.hollow-bdr{
    border: 1px solid #cfd9de;
    border-radius: 5px;
}
.cdi-btn.black,
.hire-me-btn.black{
    color: #202124 !important;
}
.hire-me-btn.blue, 
.cdi-btn.blue{
    background-color: #0070ff;
    color: #fff;
}
.hire-me-btn.gold, 
.cdi-btn.gold{
    background-color: #ffd700;
    color: #000;
}
.hire-me-btn.lightgreen, 
.cdi-btn.lightgreen{
    background-color: #3bb75e;
    color: #fff;
}
.hire-me-btn.green, 
.cdi-btn.green{
    background-color: #18a05e;
    color: #fff;
}
.hire-me-btn.red, 
.cdi-btn.red{
    background-color: #dd5145;
    color: #fff;
}
.hire-me-btn.green.focused,
.cdi-btn.green.focused{
    border-color: #18a05e;
    color: #fff !important;
    background-color: #18a05e !important;
    -webkit-box-shadow: inset 0 1px 4px rgba(59, 183, 94,.075), 0 0 0 0.2em rgba(59, 183, 94,.3);
    box-shadow: inset 0 1px 4px rgba(59, 183, 94,.075), 0 0 0 0.2em rgba(59, 183, 94,.3);
}
.hire-me-btn.green.focused,
.cdi-btn.green.focused,
.hire-me-btn.focused,
.cdi-btn.focused{
    border-color: #18a05e;
    color: #fff !important;
    background-color: #18a05e !important;
    -webkit-box-shadow: inset 0 1px 4px rgba(59, 183, 94,.075), 0 0 0 0.2em rgba(59, 183, 94,.3);
    box-shadow: inset 0 1px 4px rgba(59, 183, 94,.075), 0 0 0 0.2em rgba(59, 183, 94,.3);
}
.hire-me-btn.red.focused, 
.cdi-btn.red.focused {
    border-color: rgba(255, 0, 0, .15);
    color: #ff0000 !important;
    background-color: rgba(255, 0, 0, .15) !important;
    -webkit-box-shadow: inset 0 1px 4px rgba(255, 0, 0, .08), 0 0 0 0.2em rgba(8, 3, 3, 0.1);
    box-shadow: inset 0 1px 4px rgba(255, 0, 0, .08), 0 0 0 0.2em rgba(255, 0,0, .10);
}
.hire-me-btn.lightgreen.focused,
.cdi-btn.lightgreen.focused{
    border-color: #3bb75e;
    color: #fff !important;
    background-color: #3bb75e !important;
    -webkit-box-shadow: inset 0 1px 4px rgba(59, 183, 94,.075), 0 0 0 0.2em rgba(59, 183, 94,.3);
    box-shadow: inset 0 1px 4px rgba(59, 183, 94,.075), 0 0 0 0.2em rgba(59, 183, 94,.3);
}
.hire-me-btn:not(.no-hover):focus, 
.hire-me-btn:not(.no-hover):active, 
.cdi-btn:not(.no-hover):focus, 
.cdi-btn:not(.no-hover):active{
    border-color: #45a049 !important;
    -webkit-box-shadow: inset 0 1px 4px rgba(52, 186, 8, .08), 0 0 0 0.2em rgba(52, 186, 8, .30);
    box-shadow: inset 0 1px 4px rgba(52, 186, 8, .08), 0 0 0 0.2em rgba(52, 186, 8, .30);
}
.hire-me-btn i, 
.cdi-btn i{
    font-size: .90rem;
    vertical-align: baseline;
}
.choose-a-single-artisan-btn > span:nth-child(2){
    display: none;
}
.choose-a-single-artisan-btn > span:nth-child(2) i{
    color: #fff;
    font-size: 1.10rem;
    vertical-align: text-bottom;
}
.choose-a-single-artisan-btn.active {
    background-color: #8a2be2;
    box-shadow: 0 0 1px 4px rgba(138, 43, 226, .30);
}
.choose-a-single-artisan-btn.active > span:first-child{
    display: none;
}
.choose-a-single-artisan-btn.active > span:nth-child(2){
    display: inline-block;
}
.no-data-available{
    margin: 25px 0;
    font-weight: 600;
    text-align: center;
    padding: 0 20px;
    display: block;
    width: 100%;
}
.no-data-available i{
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px !important;
    border-radius: 60%;
    text-align: center;
    color: #999999;
    font-size: 1.5rem;
    background-color: #f7f7f7;
    margin-bottom: 20px;
}
.no-data-available p:nth-child(2) {
    font-size: .88rem;
    color: #828282;
}
.cdi-btn.hire-me-btn,
.cdi-btn.hollow{
    background-color: transparent;
}
.hire-me-btn.rounded, 
.cdi-btn.rounded{
    border-radius: 60px;
}
.hire-me-btn.max,
.cdi-btn.max{
    padding: 10px 30px;
}
.hire-me-btn.max-two,
.cdi-btn.max-two{
    padding: 15px 30px;
}
.cdi-btn.max-ss{
    padding: 10px 20px;
}
.hire-me-btn.white, 
.cdi-btn.white{  
    background-color: #fff;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.20), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.hire-me-btn.green-white, 
.cdi-btn.green-white{  
    color: #00cf30;
    background-color: #fff;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.20), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.hire-me-btn.green-white.bal, 
.cdi-btn.green-white.bal{ 
    box-shadow: 0 -2px 4px -1px rgba(0, 0, 0, 0.50), 0 0px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.hire-me-btn.white.cdef,
.cdi-btn.white.cdef{
    color: initial;
}
.member-search-item-description{
    font-size: .90rem;
    line-height: 1.15rem;
    margin: 5px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}
.member-search-item-skills a{
    color: #828282;
    font-size: .85rem;
    font-weight: 500;
}
.member-search-input{
    border: 1px solid #e4e5e7;
    width: 100%;
    font-size: .90rem;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 8px 0;
}
.member-search-input-head{
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: 5px;
}
/* /members */

.flx{
    height: 100%;
    flex-direction: column;
}
.flx > div:nth-child(2) img{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15);
}
.flx-stars {
    margin-top: -10px;
}
.flx-stars i{
    color: #aaa;
    font-size: 13px;
}
.fs-2 i.icon-star-full2, 
.fs-2 i.la-star{
    color: #f0ffff !important;
}
.fixed-footer{
    width: 100%;
    padding: 10px 25px;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    z-index: 10;
    display: none;
}
.s-ind-item {
    border: 1px solid #808080;
    display: inline-block;
    margin-top: 2.5px;
    line-height: 15px;
    padding: 2.5px 10px;
    border-radius: 3px;
    font-weight: 500;
}
.job-apply-footer .job-max-btn {
    border-radius: 60px !important;
}
.mar-top-0{
    margin-top: 0 !important;
}

/* profile */
#profile-head{
    background-color: #fff;
    padding: 15px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.04);
    position: relative;
}
#profile-head > div:first-child{
    width: 200px;
    height: 230px;
    position: relative;
}
.change-photo-icon{
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff;
    font-size: 1.25rem !important;
    display: inline-block !important;
    background: rgba(0,0,0,0.7);
    width: 35px !important;
    height: 35px !important;
    line-height: 35px !important;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 2px 6px 2px rgba(60, 64, 67, .15);
}
.change-photo-icon.corner{
    right: -10px;
    top: 50px;
    background: #fff;
    color: initial;
}
.user-profile-header{
    position: relative;
}
.user-profile-header-image{
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
}
.user-profile-header-image.active{
    box-shadow: 0 0 2px 3px #d9dadb;
}
#help-center-header .user-profile-header-image.active{
    box-shadow: 0 0 1px 3px #45a049;
}
.user-profile-header-content{
    position: absolute;
    right: -10px;
    margin-top: 22px;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.20);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.20);
    border-radius: 7px;
}
.user-profile-header-content:not(.hidden){
    z-index: 101;
}
.user-profile-header-content.hidden{
    display: none;
}
.user-profile-header-content-cover{
    display: none;
}
.user-profile-header-content:not(.hidden) + .user-profile-header-content-cover{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: block;
}
.user-profile-header-content-subheader{
    text-align: center;
    border-bottom: 1px solid #e4e5e7;
    padding-bottom: 10px;
}
.user-profile-header-content-subheader a{
    font-weight: 500;
    color: #202124 !important;
}
.user-profile-header-content-subheader small{
    color: #828282 !important;
    display: block;
    margin-top: -5px;
    font-size: .82rem;
}
.user-profile-header-content-link-bottom{
    padding: 10px;
    text-align: center;
    font-size: .86rem;
    border-top: 1px solid #e4e5e7;
    margin-top: 10px;
}
.user-profile-header-content-link-bottom.normal{
    border-top-width: 0;
    margin-top: 0;
    padding: 0;
}
.user-profile-header-content-link-bottom a{
    color: #828282 !important;
    font-weight: 400 !important;
    font-size: .75rem !important;
}
.user-profile-header-content > div{
    overflow-y: auto;
    width: 350px;
    height: 65vh;
    height: 65dvh;
    min-height: 150px;
    overflow-y: auto;
}
.user-profile-header-content > div:after,
.user-profile-header-content > div:before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    top: -19px;
    right: 25px;
    z-index: 1;
}
.user-profile-header-content > div:after{
    border-bottom-color: #dbdbdb;
    top: -20px;
    z-index: 0;
}
.user-profile-header-image-max{
    width: 100px;
    height: 100px;
    position: relative;
    margin: 20px 0;
}
.user-profile-header-image-max img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #e4e5e7;
}
.user-profile-header-content-subheader-manage-btn{
    display: inline-block;
    padding: 5px 30px;
    margin: 10px 0;
    font-size: .88rem;
    background: #eee;
    border-radius: 60px;
    font-weight: 600!important;
    border: 1px solid #eee;
}
.pp-example {
    text-align: center;
    padding: 15px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.pp-example p {
    color: #999;
    margin-top: 10px;
    margin-bottom: 0;
}
.pp-example p small {
    font-size: .80rem;
}
.user-profile-header-content-subheader-manage-btn:hover{
    background-color: #e9ebec;
}
.user-profile-header-content-link > div:first-child{
    width: 45px;
    min-width: 45px;
    text-align: center;
    padding: 6px 0;
}
.user-profile-header-content-link > div:first-child i{
    font-size: 1.5rem;
}
.user-profile-header-content-link > div:nth-child(2){
    width: calc(100% - 45px);
    font-size: .85rem;
    font-weight: 500;
    text-align: left;
}
.user-profile-header-content-link-container{
    padding: 10px 0;
}
.user-profile-header-content-link-group + .user-profile-header-content-link-group{
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
}
.user-profile-header-content-link-category{
    padding: 5px 15px 4px;
    color: #8a8d91;
    font-size: .68rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: .04em;
    text-align: left;
    text-transform: uppercase;
}
.profile-head-inline-one {
    border-top: 1px solid #e4e5e7;
    padding-top: 20px;
    margin-top: 20px;
}
/* #profile-head > div:first-child{
    border: 1px solid #e4e5e7;
} */
.la-ellipsis-v {
    font-size: 1.5rem;
}
#profile-head > div:first-child > div{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#profile-head > div:first-child > div:first-child{
    z-index: 0;
    text-align: center;
}
#profile-head > div:first-child > div:nth-child(2){
    z-index: 1;
}
#profile-head > div:first-child > div:first-child img{
    max-width: 100%;
    max-height: 100%;
    border-radius: 2px;
}
#profile-head > div:first-child > div:first-child img[src*="uub"]{
    border-radius: 15px;
}
#profile-head > div:nth-child(2){
    padding-left: 25px;
}
#profile-head > div:nth-child(2) > *{
    margin-bottom: 10px;
}
#profile-head > div:nth-child(2) > div:nth-of-type(1) > div:nth-child(1) > h2 span{
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 5px;
    display: inline-block;
}
#profile-head > div:nth-child(2) > div:nth-of-type(1) > div:nth-child(1) > h2 small{
    font-size: 0.90rem;
    display: block;
    font-weight: 500;
}
#profile-head > div:nth-child(2) > div:nth-of-type(1) > div:nth-child(2){
    min-width: 100px;
    text-align: right;
}
#profile-head > div:nth-child(2) > p, 
#profile-head .profile-languages{
    max-width: 600px;
    font-size: .90rem;
    line-height: 1.3rem;
}
.profile-head-uname{
    margin-top: -10px;
}
.preview-content-slider-container-image-num{
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    display: inline-block;
    padding: 5px 15px;
    font-size: 13px;
    border-radius: 60px;
    width: 60px;
    text-align: center;
    white-space: nowrap;
}
.profile-head-inline > div{
    padding-right: 25px;
    width: 170px;
}
.profile-head-inline > div > div:first-child b{
    font-size: .75rem;
    color:#828282;
    font-weight: 600;
}
.profile-head-inline > div > div:nth-child(2) b {
    font-size: .85rem;
    font-weight: 600;
    line-height: normal;
}
.profile-head-short-bio{
    margin-top: 10px;
}
.profile-head-short-bio small {
    font-size: .85rem !important;
}
.profile-stars i{
    color: #828282;
}
.profile-stars i.active{
    color: #00cf30;
}
.profile-body-item{
    margin: 50px 0;
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.04);
}
.complete-profile-body-item-container > div:nth-child(2){
    min-width: 110px !important;
    text-align: right;
}
.profile-body-item.complete-profile-body-item{
    background: #202124;
    color: #fff;
    box-shadow: 0 0 0 0 transparent;
    border-width: 0 !important;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 3px;
}
.profile-body-item.complete-profile-body-item > div:first-child {
    border-bottom-width: 0;
    white-space: normal;
}
.complete-profile-body-item-fx > div:first-child{
    width: 60px;
    min-width: 60px;
}
.complete-profile-body-item-fx > div:first-child i{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 1.4rem;
    color: #414141;
}
.complete-profile-body-item-container > div:nth-child(2) .hire-me-btn{
    color: #414141 !important;
    margin-top: 5px;
    display: inline-block;
}
.complete-profile-body-item-description{
    font-size: .80rem;
    max-width: 300px;
    display: block;
    margin-top: 5px;
    line-height: 1.2rem;
}
.profile-body-item, 
.profile-body-item > div{
    width: 100%;
}
.profile-body-item > div{
    padding: 15px;
}
.profile-body-item > div:first-child{
    border-bottom: 1px solid #e4e5e7;
    white-space: nowrap;
}
.profile-body-item > div:first-child > div > div:first-child h4,
.-projects-content- > div:first-child h4{
    font-weight: 500;
    line-height: 1.4rem;
}
.profile-list-container > div{
    width: 100%;
}
.profile-list-container > div:nth-child(2){
    text-align: center;
    margin-top: 25px;
    padding-top: 15px;
    border-top: 1px solid #e4e5e7;
}
.-load-wide-btn-,
.profile-load-more-btn,
.profile-load-more-btn-two{
    background-color: #fff;
    border: 1px solid #e4e5e7;
    font-weight: 600;
    font-size: .90rem;
    padding: 5px 40px;
    border-radius: 3px;
}
.-load-wide-btn-.-sm-width-,
.profile-load-more-btn.-sm-width-,
.profile-load-more-btn-two.-sm-width-{
    padding: 5px 25px;
}
.-load-wide-btn-.-focused-,
.profile-load-more-btn.-focused-,
.profile-load-more-btn-two.-focused-{
    background-color: #00cf30;
    color: #fff;
    border-color: #00cf30;
}
.portfolio-item{
    width: 19.95%;
    height: 220px;
    padding: 10px;
    cursor: pointer;
}
.portfolio-item > div{
    width: 100%;
    height: 100%;
    position: relative;
    border: 1px solid #e4e5e7;
    overflow: hidden;
}
.portfolio-item > div > div{
    position: absolute;
    top: 0;
    width: 100%;
}
.portfolio-item > div > div:first-child{
    z-index: 0;
    height: 100%;
}
.portfolio-item > div > div:first-child > img{
    width: 100%;
    height: 100%;
}
.portfolio-item > div > div:nth-child(2){
    top: -100%;
    z-index: 1;
    background-color: #fff;
    padding: 10px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.04);
}
.portfolio-item > div > div:nth-child(2) p{
    margin: 0;
    font-weight: 600;
    font-size: .80rem;
    text-transform: capitalize;
} 
.portfolio-drop-area-item-will-show{
    display: none;
}
.portofolio-container.-full-width-item- {
    width: calc(100% + 20px);
    margin-left: -10px;
}
.skill-link-item, 
.profile-link-item{
    display: inline-block;
    border: 1px solid #cfd9de;
    padding: 5px 10px;
    font-size: .90rem;
    font-weight: 500;
    margin: 5px;
    margin-right: 10px;
    margin-left: 0;
    white-space: nowrap;
}
.-projects-content-{
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.04);
}
.-projects-content-.wb{
    border: 1px solid #e4e5e7;
    box-shadow: 0 0 0 0 transparent;
}
.-projects-content-.dashb{
    border-width: 0;
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
}
.-projects-content- > div{
    padding: 15px 20px;
}
.-projects-content- > div:first-child{
    border-bottom: 1px solid #e4e5e7;
}
.profile-working-history-container, 
.profile-working-history-container > div{
    width: 100%;
}
.profile-working-history-container > div:first-child{
    border-bottom: 1px solid #e4e5e7;
}
.profile-working-history-container > div:first-child ul{
    margin: 0;
    padding: 0;
}
.profile-working-history-container > div:first-child ul li{
    display: inline-block;
    list-style-type: none;
    margin-right: 15px;
    font-size: .92rem;
    font-weight: 500;
    line-height: 50px;
    border-bottom: 2px solid transparent;
}
.profile-working-history-container > div:first-child ul li.active{
    border-bottom-color: #000;
}
.work-history-item{
    margin: 25px 0;
    padding-bottom: 25px;
    border-bottom: 1px solid #e4e5e7;
}
.work-history-item:nth-last-of-type(1){
    padding-bottom: 0;
    border-bottom-width: 0;
}
.whi-title, 
.whi-amount{
    font-weight: 600;
}
/* .-projects-content- > div:first-child h3{
    font-weight: 700;
} */
.-projects-content- > div:nth-child(2) ul{
    list-style-type: none;
}
.-projects-content- > div:nth-child(2){
    padding: 0 15px;
    border-bottom: 1px solid #e4e5e7;
}
.-projects-content- > div:nth-child(2) ul li{
    display: inline-block;
    padding: 0 15px;
    line-height: 50px;
    font-weight: 400;
    border-bottom: 2px solid transparent;
    font-size: .85rem;
    color: #909090;
}
.-projects-content- > div:nth-child(2) ul li.active{
    border-bottom-color: #030303;
    color: #030303;
    font-weight: 500;
}
.-projects-content- > div:nth-child(3){
    border-bottom: 1px solid #e4e5e7;
}
.projects-searcher{
    width: 100%;
    border-radius: 3px;
    border: 1px solid #e4e5e7;
    overflow: hidden;
    padding: 5px;
}
.projects-searcher > div:first-child{
    width: 35px;
    min-width: 35px;
    text-align: center;
}
.projects-searcher > div:nth-child(2){
    width: calc(100% - 75px);
}
.projects-searcher > div:nth-child(2) input{
    border-width: 0;
    width: 100%;
    font-size: .95rem;
}
.projects-searcher > div:nth-child(3){
    width: 45px;
    text-align: center;
}
.project-list{
    padding: 0 !important;
}
.project-list > div.-project-list-item-:nth-child(2n + 1){
    background-color: #fafafa;
}
.-project-list-item-{
    width: 100%;
    border-bottom: 1px solid #e4e5e7;
    padding: 0 10px;
}
.-project-list-item- > div{
    padding: 15px 15px;
    border-right: 1px solid #e4e5e7;
    font-size: .86rem;
    font-weight: 400;
    /* font-family: Roboto, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
}
.project-list > div.-project-list-item-.-thead-{
    background: #fff;
    font-weight: 600;
    text-transform: uppercase;
}
.project-list > div.-project-list-item-.-thead- > div b {
    font-weight: 500;
}
.-project-list-item- > div:first-child{
    width: calc(100% - 420px);
}
.-project-list-item- > div:nth-child(2){
    width: 140px;
    min-width: 140px;
}
.-project-list-item- > div:nth-child(3){
    width: 140px;
    min-width: 140px;
}
.-project-list-item- > div:nth-child(4){
    width: 160px;
    min-width: 160px;
    border-right-width: 0;
}
.project-list{
    overflow-x: auto;
}
.-project-list-item- {
    min-width: 600px;
}
.dashaboard-container > div{
    margin-bottom: 50px;
}
/* /profile */

/* inbox-container */
.badge{
    width: 20px;
    height: 20px;
    line-height: 15px;
    display: inline-block;
    background: #0070ff;
    text-align: center;
    font-size: 11px;
}
.inbox-container{
    width: 100%;
    height: calc(100vh - 75px);
    height: calc(100dvh - 75px);
    background-color: #fff;
}
.inbox-container > div{
    height: 100%;
}
.inbox-container > div:first-child{
    width: 300px;
    border-right: 1px solid #e4e5e7;
    overflow: hidden;
}
.inbox-container > div:first-child > div:first-child{
    position: relative;
    z-index: 1;
}
.inbox-container > div:first-child > div:first-child{
    height: 50px;
}
.inbox-container > div:first-child > div:nth-child(3){
    height: 55px;
}
.inbox-container > div:first-child > div:nth-child(2){
    height: calc(100% - 105px);
    border-bottom: 1px solid #e4e5e7;
    border-top: 1px solid #e4e5e7;
    overflow-y: auto;
}
.inbox-container > div:nth-child(2){
    width: calc(100% - 300px);
}
.full-chat-container .inbox-container > div:first-child{
    width: 0;
    display: none;
}
.full-chat-container .inbox-container > div:nth-child(2){
    width: calc(100% - 0px);
}
.inbox-searcher{
    width: 100%;
    padding: 10px;
}
.learn-more-link, 
.gg-more-link {
    font-size: .78rem;
    font-weight: 500;
    display: inline-block;
    border: 1px solid #dbdbdb;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px;
    cursor: pointer;
}
.gg-more-link {
    background-color: #fff;
    margin-top: 10px;
}
.message-sender-btn{
    display: none !important;
    width: 34px !important;
    height: 34px !important;
    line-height: 34px !important;
    color: #fff;
    background: #0070ff;
    border-radius: 50%;
    font-size: 1.25rem !important;
    text-align: center;
    align-self: flex-end;
    cursor: pointer;
    margin-left: -5px;
}
.message-sender-btn.active{
    display: block !important;
}
.empty-contact-list img {
    width: 180px;
    display: inline-block;
    margin-bottom: 40px;
    margin-top: 40px;
}
.empty-contact-list {
    width: 100%;
    height: 70vh;
    height: 70dvh;
    text-align: center;
    padding: 50px 0;
}
.empty-contact-list small {
    display: block;
    line-height: 1.1rem;
    color: #909090;
    padding: 10px 25px;
}
.m-time{
    color:#0070ff;
    font-weight: 600;
    font-size: 12px;
    display: block;
}
.inbox-searcher > div:first-child{
    width: 25px;
    min-width: 25px;
}
.inbox-searcher > div:nth-child(3){
    text-align: center;
    width: 35px;
    min-width: 35px;
}
.inbox-searcher > div:nth-child(4){
    text-align: right;
    width: 35px;
    min-width: 35px;
}
.inbox-searcher > div:first-child i{
    font-size: 1.3rem;
    vertical-align: initial;
}
.inbox-searcher > div:nth-child(2){
    width: calc(100% - 95px);
}
.inbox-searcher > div:nth-child(2) input{
    width: 100%;
    border-width: 0;
    font-size: .95rem;
    padding: 5px;
    font-weight: 500;
    background-color: #fff;
}
.inbox-header{
    width: 100%;
    padding: 0 10px;
}
.inbox-header > div:first-child h4{
    font-weight: 600;
    font-size: 0.90rem;
}
.chat-deactivator, 
.inbox-search-item{
    cursor: pointer;
}
.change-message-category-btn:not(.active) .la-check{
    color: transparent !important;
}
span.chat-header-name {
    font-weight: 600;
}
.full-chat-container .chat-header .inbox-chat-header-one{
    display: none;
}
.full-chat-container .chat-header .inbox-chat-header-two{
    display: block;
}
.inbox-contact-loader{
    display: none;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 50px;
}
.inbox-contact-loader.active{
    display: block;
}
.message-date-item {
    position: relative;
    text-align: center;
    width: 100%;
    max-width: 100%;
    margin: 25px 0;
}
.message-date-item > span{
    width: 180px;
    display: inline-block;
    background: #f0f8ff;
    font-size: .85rem;
    border-radius: 5px;
    z-index: 1;
    /* box-shadow: 0 1px 2px 0 rgb(60 64 67 / 20%), 0 2px 6px 2px rgb(60 64 67 / 5%); */
}
.inbox-search-item{
    padding: 12px 10px;
    border-left: 3px solid transparent;
    border-bottom: 1px solid #f7f7f7;
}
.inbox-searcher-clearer {
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    border-radius: 50%;
    padding-left: 1px;
    padding-top: 1px;
    background: #dbdbdb;
    text-align: center;
    font-size: .80rem;
    cursor: pointer;
    margin: auto;
}
.inbox-searcher-clearer.active{
    display: -webkit-flex !important;
    display: flex !important;
}
.inbox-search-item.active-inbox-search-item{
    border-left-color:#0070ff;
    background: #f7f7f7;
}
.inbox-search-item > div:first-child{
    width: 70px;
    min-width: 60px;
}
.inbox-search-item > div:first-child img{
    width: 55px;
    height: 55px;
    border-radius: 50%;
    vertical-align: middle;
}
.inbox-search-item > div:nth-child(2){
    width: calc(100% - 110px);
    padding-bottom: 3px;
    height: 50px;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.inbox-search-item > div:nth-child(3){
    text-align: right;
    width: 40px;
    min-width: 40px;
}
.inbox-search-item > div:nth-child(2) h4 a{
    font-size: .90rem;
    font-weight: 500;
}
.inbox-search-item > div:nth-child(2) p{
    margin-bottom: 0;
    color: #999999;
    font-size: .90rem;
}
.inbox-search-item > div:nth-child(2) > p small{
    line-height: normal;
    margin-top: 2px;
}
.inbox-content{
    height: 100%;
    width: 100%;
}
.inbox-content > div{
    width: 100%;
}
.inbox-content > div:first-child{
    height: 50px;
    box-shadow: 2px 1px 2px 0 rgba(60, 64, 67, .30), 6px 2px 6px 2px rgba(60, 64, 67, .15);
    position: relative;
}
.inbox-content > div:nth-child(2){
    height: calc(100% - 50px);
    border-top: 1px solid #e4e5e7;
    border-bottom: 1px solid #e4e5e7;
}
.inbox-content-header > div:first-child ul{
    list-style-type: none;
}
.inbox-content-header > div:first-child ul li{
    display: inline-block;
    padding: 0 10px;
    line-height: 47px;
    border-bottom: 3px solid transparent;
}
.inbox-content-header > div:first-child ul li.active{
    border-bottom-color:#00cf30;
}
.inbox-content-header > div:first-child ul li a{
    font-weight: 500;
    font-size: .90rem;
}
.inbox-content-header > div:first-child ul li.chat-messages-project-link-container{
    display: none;
}
.inbox-content-header > div:first-child ul li.chat-messages-project-link-container.show-itm{
    display: inline-block !important;
}
.inbox-content-tab{
    width: 100%;
    height: 100%;
    display: none;
}
.inbox-content-tab.active{
    display: block;
}
.inbox-content-tab-message{
    background-image: url('https://cdi-media.sfo3.cdn.digitaloceanspaces.com/media/img/photos/whatsapp-bg.jpg');
}
.inbox-content-tab-message > div{
    width: 100%;
}
.inbox-content-tab-message > div:first-child{
    height: calc(100% - 55px);
    border-bottom: 1px solid #e4e5e7;
    overflow-y: auto;
    padding: 15px 0;
}
.inbox-content-tab-message > div:nth-child(2){
    height: 55px;
    background-color: #fff;
}
.inbox-send-message-container > div{
    width: 100%;
}
.inbox-send-message-container > div:first-child{
    width: calc(100% - 120px);
}
.inbox-send-message-container.inbx > div:first-child {
    width: calc(100% - 50px);
}
.fx-i{
    vertical-align: bottom;
}
.inbox-send-message-container > div:first-child input{
    width: 100%;
    border-width: 0;
    font-size: .90rem;
    font-weight: 500;
    padding: 0 12px;
}
.inbox-send-message-container.inbx > div:nth-child(2){
    display: none !important; 
}
.inbox-send-message-container > div:nth-child(2),
.inbox-send-message-container > div:nth-child(3){
    width: 50px;
    min-width: 50px;
    text-align: center;
}
.inbox-send-message-container > div:nth-child(2) i,
.inbox-send-message-container > div:nth-child(3) i{
    font-size: 1.65rem;
}
.invisible{
    visibility: hidden !important;
}
.-inbox-message-{
    width: 100%;
}
.-inbox-message- > div{
    max-width: 800px;
    padding: 10px 10px;
}
#project-messages-container-body .-inbox-message- > div{
    max-width: 600px;
}
.-inbox-message- > div > div:first-child{
    width: 55px;
    min-width: 55px;
}
.-inbox-message- > div > div:first-child img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.-inbox-message- > div > div:nth-child(2) p{
    font-size: .88rem;
    margin-bottom: 0;
    line-height: 1.4rem;
    word-wrap: break-word;
    background: #d3f0c4;
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .20), 0 2px 6px 2px rgba(60, 64, 67, .05);
    /* word-break: break-all; */
    word-break: break-word;
    position: relative;
}
.-inbox-message- > div > div:nth-child(2) p a {
    text-decoration: underline;
}
.-inbox-message- > div > div:nth-child(2) p::before {
    position: absolute;
    content: "";
    border: 15px solid transparent;
    border-top-color: #d3f0c4;
    right: -15px;
    top: 0;
    z-index: 1;
}
.-inbox-message- > div > div:nth-child(2) p::after {
    position: absolute;
    content: "";
    border: 15px solid transparent;
    border-top-color: #dbdbdb;
    right: -16.5px;
    top: 1px;
    z-index: 0;
}
.-inbox-message-.-inbox-message-receiver- > div > div:nth-child(2) p::before{
    left: -14.5px;
    border-top-color: #fff;
    right: unset;
}
.-inbox-message-.-inbox-message-receiver- > div > div:nth-child(2) p::after{
    left: -16.5px;
    right: unset;
}
.-inbox-message- > div > div:nth-child(2) > div{
    max-width: 150px;
}
#bottom-text-messages-list .-inbox-message- > div > div:nth-child(2) > div{
    max-width: 300px;
    min-width: 230px;
}
.-inbox-message- > div > div:nth-child(2) > div > div:first-child small {
    font-weight: 500;
    color: #999999;
    font-size: 13px;
    white-space: nowrap;
}
.-inbox-message- > div > div:nth-child(2) > div > div:nth-child(2){
    margin-left: 20px;
}
.-inbox-message-.-inbox-message-receiver- > div > div:nth-child(2) p{
    background: #fff;
    word-break: break-word;
    word-wrap: break-word;
    flex-grow: 1;
}
.-inbox-message-.-inbox-message-receiver- > div > div:nth-child(1) {
    width: 0;
    max-width: 0;
    min-width: 0;
}
.-inbox-message-.-inbox-message-receiver-.-inbox-fake-message- > div > div:nth-child(2) p{
    background-color: #add8e6;
}
.-inbox-message-.-inbox-message-receiver-.-inbox-fake-message- > div > div:nth-child(2) p::before{
    border-top-color: #add8e6;
}
.inbox-content-header > div:nth-child(2){
    padding-right: 10px;
}
.grey-bg{
    background-color: #f9f9f9 !important;
}
.grey-cl{
    color: #909090 !important;
}
.empty-tab-content{
    width: 100%;
    min-height: 60vh;
    min-height: 60dvh;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.empty-tab-content.full-height{
    min-height: 85vh;
    min-height: 85dvh;
}
.empty-tab-content img{
    max-width: 135px;
}
.empty-tab-content.full-height img{
    max-width: 225px;
}
.empty-tab-content > div > div:first-child{
    margin-bottom: 20px;
}
.empty-tab-content > div > div:nth-child(2){
    font-style: italic;
    color: #909090;
    font-size: .90rem;
    padding-left: 25px;
    padding-right: 25px;
}
.mark-project-as-started-btn:not(.pdrop-item) {
    display: inline-block;
    background: #faebd7;
    border-radius: 5px;
    padding: 8px 20px;
    margin-top: 5px;
}
.mark-project-as-started-btn:not(.pdrop-item).started{
    background: #7fffd4;
}
.project-timer{
    color: #fff;
    background-color: #00cf30;
    border-radius: 3px;
    border: 1px solid #008000;
}
.project-timer > span{
    padding: 1.5px 8px;
    display: inline-block;
}
.project-timer > span > marquee{
    line-height: 13px;
    font-size: .8rem;
    display: inline-block;
    padding-top: 5px;
}
.project-timer > span:first-child{
    border-right: 1px solid #008000;
}
.project-timer > span:first-child i{
    font-size: 1.35rem;
    vertical-align: middle;
}
.inbox-chat-header{
    display: none;
}
.inbox-chat-header-content, .inbox-chat-header{
    width: 100% !important;
}
.inbox-chat-header-content > div:first-child{
    width: 30px !important;
    min-width: 30px !important;
    text-align: left;
}
.inbox-chat-header-content > div:first-child i{
    font-size: 1.25rem;
}
.inbox-chat-header-content > div:nth-child(2){
    text-align: center;
    width: 50px !important;
    min-width: 50px !important;
}
.inbox-chat-header-content > div:nth-child(2) img{
    width: 35px !important;
    height: 35px !important;
    border-radius: 50%;
}
.inbox-chat-header-content > div:nth-child(3){
    width: calc(100% - 115px) !important;
}
.inbox-chat-header-content > div:nth-child(3) > div{
    font-size: .95rem;
}
.inbox-chat-header-content > div:nth-child(3) > small{
    color: #828282;
    display: block;
    margin-top: -5px;
}
.inbox-chat-header-content > div:nth-child(4){
    width: 30px;
    min-width: 30px;
    text-align: right;
}
/* /inbox-container */

/* -settings- */
.-settings-content- > div:first-child{
    width: 250px;
}
.-settings-content- > div:first-child ul{
    list-style-type: none;
    border-right: 1px solid #e4e5e7;
    position: sticky;
    top: 140px;
}
.-settings-content- > div:first-child ul li{
    padding: 10px 20px;
    padding-left: 0;
}
.-settings-content- > div:first-child ul li a{
    font-weight: 500;
    font-size: .90rem;
}
.-settings-content- > div:first-child ul li.active a{
    color: #00cf30;
}
.-settings-content- > div:first-child ul li.active a b {
    font-weight: 500;
}
.-settings-content- > div:first-child ul li.active{
    border-right: 3px solid #00cf30;
    color: #00cf30;
}
.-settings-content- > div:nth-child(2){
    width: calc(100% - 300px);
    background-color: #fff;
    min-height: 200px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.04);
}
.-settings-content- > div:nth-child(2) > div{
    padding: 15px;
    border-bottom: 1px solid #e4e5e7;
}
.settings-menu-link-description{
    color: #828282;
    font-size: 12.5px;
    line-height: 18px;
}
.simple-info-tab{
    border: 1px solid #0070f3;
    padding: 12px;
    border-radius: 5px;
    color: #0070f3;
    font-size: .82rem;
    line-height: 1.1rem;
    background: #fff;
    width: 100%;
}
.simple-info-tab > div:first-child{
    width: 40px;
    min-width: 40px;
}
.workers-not-found{
    font-size: .85rem;
    line-height: 1.2rem;
    color: #999999;
    margin: 25px 0;
    border: 1px solid #dd5044 !important;
    border-radius: 10px;
    padding: 15px;
    text-align: left;
    color: #dd5044 !important;
}
.simple-info-tab > div:first-child i{
    font-size: 1.5rem;
}
.simple-info-tab > div:nth-child(2){
    width: calc(100% - 40px);
}
.-profile-form-{
    margin: 15px 0;
}
.-profile-form- > div{
    width: 100%;
}
.-profile-form- > div:first-child{
    margin-bottom: 15px;
}
.-profile-form- > div:first-child h4 {
    line-height: 1.4;
}
.-profile-form- > div:nth-child(2) > div{
    width: 48%;
}
.-profile-form- > div:nth-child(2) > div.-full-width-item-{
    width: 100%;
}
.-profile-form- > div.-full-width-item- > div {
    width: 100% !important;
}
.-profile-form- > div:nth-child(2) > div p {
    color: #828282;
    font-size: .85rem;
}
.-profile-form- > div:nth-child(2) > div p b{
    font-weight: 500;
    display: block;
    line-height: 1.2rem;
}
.-profile-form-item-{
    padding: 7px 10px;
    width: 100%;
    border: 1px solid #e4e5e7;
    font-weight: 500;
    font-size: .90rem;
    border-radius: 3px;
    resize: vertical;
}
.-profile-form-item-:disabled {
    opacity: 0.6;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.-profile-form-item-tip-{
    display: block;
    margin: 10px 0;
    font-size: .75rem;
    max-width: 400px;
    line-height: 1.1rem;
    font-weight: 500;
}
.pf-b-desc{
    line-height: 1.35rem;
    font-size: .95rem;
    margin-bottom: 10px;
}
.pf-b-desc b {
    text-decoration: underline;
    color: #828282;
}
.location-finder-input{
    width: 200px;
    padding: 10px;
    border: 1px solid #e4e5e7;
    border-radius: 3px;
    margin-top: 60px;
    font-size: 0.85rem;
    left: 10px !important;
}
.warn {
    color: #d42a2a !important;
}
textarea.-profile-form-item-{
    min-height: 150px;
}
.-profile-setting-title-{
    font-size: 1.05rem;
    font-weight: 700;
}
.settings-menu-item{
    width: 100%;
    margin: 15px 0;
    cursor: pointer;
}
.smi-short{
    font-size: .80rem;
    color: #828282;
    font-weight: 400;
}
.personalized-link{
    margin-bottom: 10px;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 1.3;
}
.settings-menu-item > div:first-child{
    width: 50px;
    min-width: 50px;
}
.settings-menu-item.smi-simple-two{
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 15px;
    margin-bottom: 15px !important;
    display: block;
}
.settings-menu-item.smi-simple-two > div:first-child{
    display: none;
}
.settings-menu-item > div:first-child i{
    font-size: 1.75rem;
    color: #202124;
}
.settings-menu-item > div:nth-child(2){
    width: calc(100% - 90px);
    font-size: .97rem;
    font-weight: 500;
}
.settings-menu-item > div:nth-child(2) small{
    display: block;
    color: #909090;
    line-height: 1.1rem;
}
.settings-menu-item > div:nth-child(3){
    width: 40px;
    min-width: 40px;
    text-align: right;
}
.settings-menu-item > div:nth-child(3) i{
    color: #828282;
}
.settings-menu-heading{
    background-color: #fafafa;
}
.settings-menu-heading.transp{
    background: #fff;
    border-bottom-width: 0;
}
.settings-menu-heading.-white-{
    background: #fff;
}
/* /-settings- */

/* -job-poster-content- */
.-job-poster-{
    background-color: #f7f7f7;
    border-bottom: 1px solid #e4e5e7;
}
.-job-poster-content- > div{
    padding: 10px 0;
    white-space: nowrap;
}
.-job-poster-content- > div.chain-item{
    width: -webkit-fill-available;
}
.-job-poster-content- > div.chain-item > span{
    height: 3px !important;
    width: 70% !important;
    background-color: #dadce0;
    border-radius: 60px !important;
    display: block !important;
}
.-job-poster-content- > div > span:first-child{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: .75rem;
    border-radius: 50%;
    color: #fff;
    font-weight: 600;
    vertical-align: middle;
    margin-right: 10px;
    background-color: #909090;
}
.-job-poster-content- > div > span:nth-child(2){
    font-size: .92rem;
    font-weight: 500;
    color: #999999;
}
#see-more-closer-artisans-container{
    display: none;
}
#see-more-closer-artisans-container.active{
    display: block;
}
.-job-poster-content-.stage-1 > div.stage-1 > span:first-child,
.-job-poster-content-.stage-2 > div.stage-1 > span:first-child,
.-job-poster-content-.stage-2 > div.stage-2 > span:first-child,
.-job-poster-content-.stage-3 > div.stage-1 > span:first-child,
.-job-poster-content-.stage-3 > div.stage-2 > span:first-child,
.-job-poster-content-.stage-3 > div.stage-3 > span:first-child,
.-job-poster-content-.stage-4 > div.stage-1 > span:first-child,
.-job-poster-content-.stage-4 > div.stage-2 > span:first-child,
.-job-poster-content-.stage-4 > div.stage-3 > span:first-child,
.-job-poster-content-.stage-4 > div.stage-4 > span:first-child,
.-job-poster-content-.stage-5 > div.stage-1 > span:first-child,
.-job-poster-content-.stage-5 > div.stage-2 > span:first-child,
.-job-poster-content-.stage-5 > div.stage-3 > span:first-child,
.-job-poster-content-.stage-5 > div.stage-4 > span:first-child,
.-job-poster-content-.stage-5 > div.stage-5 > span:first-child{
    background-color: #00cf30;
}
.-job-poster-content-.stage-1 > div.stage-1 > span:nth-child(2),
.-job-poster-content-.stage-2 > div.stage-1 > span:nth-child(2),
.-job-poster-content-.stage-2 > div.stage-2 > span:nth-child(2),
.-job-poster-content-.stage-3 > div.stage-1 > span:nth-child(2),
.-job-poster-content-.stage-3 > div.stage-2 > span:nth-child(2),
.-job-poster-content-.stage-3 > div.stage-3 > span:nth-child(2),
.-job-poster-content-.stage-4 > div.stage-1 > span:nth-child(2),
.-job-poster-content-.stage-4 > div.stage-2 > span:nth-child(2),
.-job-poster-content-.stage-4 > div.stage-3 > span:nth-child(2),
.-job-poster-content-.stage-4 > div.stage-4 > span:nth-child(2),
.-job-poster-content-.stage-5 > div.stage-1 > span:nth-child(2),
.-job-poster-content-.stage-5 > div.stage-2 > span:nth-child(2),
.-job-poster-content-.stage-5 > div.stage-3 > span:nth-child(2),
.-job-poster-content-.stage-5 > div.stage-4 > span:nth-child(2),
.-job-poster-content-.stage-5 > div.stage-5 > span:nth-child(2){
    color: #00cf30;
}
.-job-poster-description-content-{
    display: none;
}
.-job-poster-description-content-.active{
    display: block;
}
.-job-poster-description-content- > div:first-child{
    text-align: center;
}
.-job-poster-description-content-.no-mw > div:first-child{
    text-align: left;
    margin-top: 20px;
}
.-job-poster-description-content- > div:first-child h2{
    font-size: 1.5rem;
    font-weight: 800;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 35px;
}
.-job-poster-description-content- > div:first-child h2.mb35{
    margin-bottom: 35px;
}
.-job-poster-description-content- > div{
    max-width: 700px;
    margin: auto;
}
.-job-poster-description-content- > div.-full-width-{
    max-width: 100%;
}
.-job-poster-description-content-.no-mw > div{
    max-width: 100%;
}
.-job-poster-description-content- > div:first-child p{
    font-size: .85rem;
    line-height: 1.2rem;
    color: #999999;
}
.service-intro-container{
    background: #e8faf4;
    color: #000;
    border-radius: 10px;
    max-width: 700px;
    margin: auto;
}
.service-intro-container, 
.service-intro-container > div{
    width: 100%;
}
.service-intro-container > div{
    padding: 15px;
}
.service-intro-container > div > div:first-child{
    width: 40px;
    min-width: 40px;
    text-align: left;
}
.service-intro-container > div > div:first-child i{
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 1.5rem;
    color: #00cf30;
    border-radius: 50%;
    text-align: center;
}
.service-intro-container > div > div:nth-child(2){
    width: calc(100% - 40px);
    padding-bottom: 5px;
}
.service-intro-container > div > div:nth-child(2) p{
    margin-bottom: 0;
    font-size: .85rem;
    line-height: 1.3rem;
}
.job-post-form-input{
    width: 100%;
    display: block;
    padding: 15px 15px;
    border: 1px solid #e4e5e7;
    border-radius: 5px;
    background: #fafafa !important;
    font-size: .85rem;
    line-height: 1.2rem;
    font-weight: 400;
}
.job-post-form-input.big-font{
    font-size: 2rem;
    line-height: 2.5rem;
    padding: 20px;
    min-height: 160px;
    max-height: 160px;
    height: 160px;
    overflow: auto;
}
.job-post-form-input-sbs > div:first-child{
    width: 100px;
}
.job-post-form-input-sbs > div:first-child > input,
.job-post-form-input-sbs > div:first-child > textarea,
.job-post-form-input-sbs > div:first-child > select{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0;
}
.job-post-form-input-sbs > div > input,
.job-post-form-input-sbs > div > textarea,
.job-post-form-input-sbs > div > select{
    width: 100%;
}
.job-post-form-input-sbs > div:nth-child(2){
    width: calc(100% - 100px);
}
.job-post-form-input-sbs > div:nth-child(2) > input,
.job-post-form-input-sbs > div:nth-child(2) > textarea,
.job-post-form-input-sbs > div:nth-child(2) > select{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.fc-ctrl{
    margin-top: 10px;
}
.fc-ctrl a{
    font-weight: 500;
    font-size: 14px;
}
select.job-post-form-input:not(.with-appearance){
    background-color: #fafafa !important;
}
textarea.job-post-form-input{
    resize: vertical;
    min-height: 250px;
}
.market-description-editor{
    border: 1px solid #e4e5e7;
    border-radius: 5px;
    overflow: hidden;
    background: #fafafa;
}
.market-description-editor-toolbar{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding: 8px;
    border-bottom: 1px solid #e4e5e7;
    background: #fff;
}
.market-description-editor-toolbar button,
.market-description-editor-toolbar select{
    min-width: 34px;
    height: 34px;
    padding: 0 9px;
    border: 1px solid #d7d9dc;
    border-radius: 4px;
    background: #fff;
    color: #333;
    cursor: pointer;
}
.market-description-editor-content.job-post-form-input{
    min-height: 250px;
    border: 0;
    border-radius: 0;
    outline: none;
    overflow-wrap: anywhere;
}
.market-description-editor-content ol, .market-description-editor-content ul {
    margin-left: 20px;
}
.market-description-editor-content:empty:before{
    content: attr(data-placeholder);
    color: #8b8d91;
    pointer-events: none;
}
.market-description-editor-content a{
    color: #0875e1;
    text-decoration: underline;
}
.job-post-form-input-label{
    margin-bottom: 10px;
}
.job-post-form-input-label > h5{
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.2rem;
}
.job-post-form-input-label > small, 
.job-poster-form-item-desc{
    color: #999999;
    font-size: .80rem;
    font-weight: 500;
    line-height: 18px;
    display: block;
    margin-top: 5px;
}
.job-poster-form-item{
    margin: 40px 0;
}
.suggested-skills-container,
.selected-skill-holder{
    width: 100%;
    margin: 10px 0;
}
.suggested-skills-container > div{
    margin-top: 10px;
}
.selected-skill-holder > span,
.suggested-skills-container > div span{
    display: inline-block;
    color: #fff;
    background: #828282;
    padding: 3px 10px;
    height: 23px;
    line-height: 18px;
    border-radius: 3px;
    font-size: .80rem;
    margin: 2.5px 1px;
    white-space: nowrap;
    cursor: pointer !important;
}
span.found-added-item i, 
span.suggested-added-item i {
    display: inline-block;
    width: 15px;
    text-align: center;
    height: 15px;
    vertical-align: baseline;
    line-height: 15px;
    border-radius: 50%;
    background: #ffff;
}
.suggested-skills-container span.found-added-item i,
.suggested-skills-container span.suggested-added-item i,
.selected-skill-holder span.found-added-item i,
.selected-skill-holder span.suggested-added-item i{
    background-color: inherit;
}
.job-post-form-input-drop,
.job-post-form-input-drop > div > div,
.job-post-form-input-drop > div{
    position: relative;
    width: 100%;
}
.job-post-form-input-drop > div > div{
    top: 5px;
    border-radius: 8px;
    border: 1px solid #e4e5e7;
    width: 100%;
    padding: 10px 0;
    max-height: 150px;
    overflow-y: auto;
}
.job-post-form-input-drop-search-item{
    width: 100%;
    padding: 5px 15px;
    margin: 2px 0;
}
.job-post-form-input-drop-search-item > div:first-child{
    width: 30px;
    min-width: 30px;
}
.job-post-form-input-drop-search-item > div:nth-child(2){
    width: calc(100% - 30px);
    font-size: .85rem;
    font-weight: 500;
}
.job-post-form-input-drop-search-item:hover{
    background-color: #f7f7f7;
}
.job-poster-form-item-btn{
    padding: 10px 35px;
    background-color: #00cf30;
    color: #fff;
    font-size: .80rem;
    font-weight: 600;
    border-radius: 4px;
    margin-right: 5px;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
}
.feature-list-container-holder{
    display: none;
}
.feature-list-container-holder.active{
    display: block;
}
.disabled{
    pointer-events: none;
    opacity: .6;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: not-allowed;
}
.job-poster-form-item-btn.hollow{
    background-color: transparent;
    color: #00cf30;
}
.job-poster-form-item-btn-container{
    margin: 40px 0;
}
.attach-files-container{
    width: 100%;
    padding: 20px;
    border: 2px dashed #dbdbdb;
    border-radius: 6px;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.attach-files-container.is-dragging-files{
    border-color: #34ba08;
    background-color: #f4fff1;
    box-shadow: 0 0 0 3px rgba(52, 186, 8, .12);
}
.market-item-drop-hint{
    display: inline-block;
    margin-left: 10px;
    color: #70757a;
    font-weight: 500;
}
.market-item-drop-hint i{
    margin-right: 3px;
    font-size: 1.1rem;
    vertical-align: -1px;
}
.project-files-drop-zone{
    border-radius: 6px;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.project-files-drop-zone.is-dragging-files{
    border-color: #34ba08;
    background-color: #f4fff1;
    box-shadow: 0 0 0 3px rgba(52, 186, 8, .12);
}
.project-files-drop-zone-hint{
    display: inline-block;
    margin-left: 10px;
    color: #70757a;
    font-weight: 500;
}
.project-files-drop-zone-hint i{
    margin-right: 3px;
    font-size: 1.1rem;
    vertical-align: -1px;
}
.attach-files-container > div:nth-child(2){
    margin-top: 25px;
    margin-left: -10px;
    width: calc(100% + 20px);
}
input[type="file"]{
    display: none !important;
}
.label-btn{
    padding: 5px 35px;
    background-color: #828282;
    color: #fff !important;
    font-size: .90rem;
    font-weight: 600;
    border-radius: 3px;
    margin-right: 5px;
    display: inline-block;
    cursor: pointer;
}
.label-btn.lbtn-two {
    padding: 5px 15px;
}
.attached-files-container > div{
    width: 16.66%;
    padding: 10px;
}
.attached-files-container .post-file-to-upload-item{
    cursor: grab;
    position: relative;
    transition: opacity .15s ease, transform .15s ease;
}
.attached-files-container .post-file-to-upload-item:active{
    cursor: grabbing;
}
.attached-files-container .post-file-to-upload-item.is-being-reordered{
    opacity: .45;
    transform: scale(.96);
}
.attached-files-container .post-file-to-upload-item.is-cover-media:after{
    content: "Cover";
    position: absolute;
    left: 15px;
    bottom: 15px;
    z-index: 2;
    padding: 2px 6px;
    border-radius: 3px;
    background: rgba(0, 0, 0, .72);
    color: #fff;
    font-size: .65rem;
    line-height: 1rem;
    pointer-events: none;
}
.attached-files-container > div > div > div:first-child{
    width: 100%;
    height: 80px;
    border: 1px solid #e4e5e7;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}
.attached-files-container > div > div > div:first-child img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.attached-files-container > div > div > div:first-child i:not(.closer){
    font-size: 2.5rem;
}
.attached-files-container > div > div > div:first-child i.closer,
.attached-files-container > div > div > div:first-child i.desc-editor{
    color: #fff;
    background-color: #828282;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    line-height: 27px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    font-size: .80rem;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0,0.15%);
}
.attached-files-container > div > div > div:first-child i.desc-editor{
    left: 10px;
}
.attached-files-container > div > div > div:nth-child(2){
    word-wrap: break-word;
}
.attached-files-container > div > div > div:nth-child(2) h5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.3;
    overflow: hidden;
}
.line-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.line-clamp.more {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.-terms-accept- > div:first-child{
    width: 30px;
    min-width: 30px;
}
.-terms-accept- > div:nth-child(2){
    width: calc(100% - 30px);
    color: #999999;
}
.-terms-accept- > div:nth-child(2) small{
    display: block;
    line-height: 18px;
    font-size: .80rem;
    font-weight: 500;
}
.job-post-form-input-label-pre{
    margin-bottom: 10px;
    font-size: .80rem;
}
.-jp-error-{
    display: none;
}
.-jp-error-.active{
    display: block;
}
.-jp-error-, 
.job-notice{
    width: 100%;
    color: #ff0000;
    margin: 15px 0;
}
.job-notice{
    color: #0070f3;
    background-color: #f0f8ff;
    padding: 15px;
    border-radius: 5px;
    /* border: 1px solid #e4e5e7; */
}
.-jp-error- {
    width: 100%;
    color: #ff0000 !important;
    margin: 15px 0;
    border-width: 0 !important;
    /* background: #faebd7 !important; */
}
.package-details-container .-jp-error- {
    background: transparent !important;
}
.jn-mid {
    width: 96% !important;
    margin: 15px auto;
}
.job-notice.slim{
    padding: 10px 10px;
}
.job-notice.bdra{
    border: 1px solid #eee;
}
.job-notice a{
    color: #0070f3;
}
.job-notice.jn-err {
    color: #fc4136;
    background-color: #faebd7;
}
.job-notice.jn-err a{
    color: #fc4136;
}
.job-notice.jn-success {
    color: #45a049;
    background-color: #f0f8ff;
}
.-jp-error- > div > div:first-child,
.job-notice > div > div:first-child{
    width: 30px;
    min-width: 30px;
    text-align: left;
}
.-jp-error- > div > div:first-child i,
.job-notice > div > div:first-child i{
    font-size: 1.3rem;
}
.-jp-error- > div > div:nth-child(2),
.job-notice > div > div:nth-child(2){
    width: calc(100% - 30px);
}
.-jp-error- > div > div:nth-child(2) small,
.job-notice > div > div:nth-child(2) small{
    font-size: .80rem;
    line-height: 18px;
    display: block;
    font-weight: 400;
}
.-job-type-selector-{
    margin-top: 25px;
    margin-bottom: 35px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e4e5e7;
}
.-job-type-selector- > div:first-child{
    width: 100px;
    min-width: 100px;
}
.-job-type-selector- > div:first-child img{
    max-width: 90px;
}
.-job-type-selector- > div:nth-child(2){
    padding-left: 10px;
}
.-job-type-selector- > div:nth-child(2) h4{
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 1.0rem;
    line-height: 1.4rem;
}
.-job-type-selector- > div:nth-child(2) p{
    margin-bottom: 20px;
}
.-job-type-selector- > div:nth-child(2) p small{
    font-size: .84rem;
    color: #3c4043;
    display: block;
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.-job-type-selector- > div:nth-child(2) > div{
    color: #000;
    background: #fff;
    padding: 5px 15px;
    border-radius: 3px;
    border: 1px solid #dbdbdb;
}
.-job-type-selector- > div:nth-child(2) > div > div:nth-child(2) i{
    font-size: 1.25rem;
    vertical-align: middle;
}
.-job-type-selector-border-container-{
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
}
.-job-type-selector-border-container- .-job-type-selector-{
    margin-bottom: 0;
    margin-top: 0;
    padding: 25px;
    border-bottom: 1px solid #e4e5e7;
}
.-job-type-selector-border-container- .-job-type-selector-:nth-child(3){
    border-bottom-width: 0;
}
.job-load-more-btn {
    background: #f7f7f7;
    border: 1px solid #e4e5e7;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    font-size: .90rem;
    font-weight: 700;
    cursor: pointer;
}
.job-category-skills-container.lower-z{
    position: relative;
    z-index: 0;
}
.job-category-searcher-main-container{
    width: 100%;
    position: relative;
    z-index: 1;
    max-width: 500px;
    margin: auto;
}
.job-category-searcher-item-results{
    width: 100%;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
    min-height: 50px;
    max-height: 120px;
    border-radius: 2px;
    overflow-y: auto;
    top: calc(100% + 10px);
    position: absolute;
    background-color: #fff;
    display: none;
}
.job-category-searcher-item-closer{
    display: none !important;
    width: 17px;
    height: 17px;
    background-color: #999999;
    color: #fff;
    line-height: 17px !important;
    font-size: .7rem;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
}
.job-category-searcher-item.in-search .job-category-searcher-item-closer{
    display: inline-block !important;
}
.job-category-searcher-item.in-search + .job-category-searcher-item-results{
    display: block;
}
.job-category-searcher-item{
    width: 100%;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
    border-radius: 2px;
    padding: 10px;
    margin: 20px auto;
    background-color: #fff;
}
.job-category-searcher-item > div:first-child{
    width: 40px;
    min-width: 40px;
    text-align: center;
}
.job-category-searcher-item > div:first-child i{
    font-size: 1.55rem;
}
.job-category-searcher-item > div:nth-child(2){
    width: calc(100% - 40px);
}
.job-category-searcher-item > div:nth-child(2) input{
    border-width: 0;
    display: block;
    width: 100%;
    font-size: .95rem;
}
.job-contract-worker-payment-type-notice{
    padding: 15px;
    background: #dbe7f2;
    border-radius: 5px;
}
.job-contract-worker-payment-type-notice small{
    display: block;
    font-size: .80rem;
    line-height: 1.5;
    margin-top: 10px;
}
.db-item-hide{
    display: none;
}
.general-search-input-web-cnt.active, 
.dashboard-searcher-container-wrapper.active, 
.simple-input-container.active{
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);
    border-color: #ccc !important;
}
.general-search-input-web-cnt.black-border{
    border: 1px solid #333 !important;
}
.general-search-input-web-cnt.black-border.active{
    border: 1px solid #000 !important;
}
.job-category-skills-container-item{
    width: 100%;
    margin: 50px 0;
}
.job-category-skills-container-item > div:first-child{
    border-bottom: 1px solid #e4e5e7;
    border-top: 1px solid #e4e5e7;
    padding: 15px 0;
}
.job-category-skills-container-item.raw:nth-last-of-type(1) div:first-child {
    border-bottom-width: 0;
}
.job-category-skills-container-item > div.stick:first-child{
    position: sticky;
    top: -1px;
    background-color: #fff;
    z-index: 1;
    padding: 15px 10px;
}
.job-category-skills-container-item > div:first-child h4{
    line-height: inherit;
    font-size: .95rem;
}
.job-category-skills-container-item > div:first-child h4 + small{
    color: #999999;
    display: block;
    line-height: 1.5;
}
.j-item-flex > div:nth-child(2){
    min-width: 40px;
    text-align: right;
}
.j-item-flex.normal > div:first-child{
    width: 40px;
    min-width: 40px;
    text-align: center;
}
.j-item-flex.normal > div:nth-child(2){
    width: calc(100% - 40px);
    text-align: left;
}
.job-category-skills-container-item.raw{
    margin: 10px 0;
}
.job-category-skills-container-item.raw > div:first-child{
    border-top-width: 0;
    padding-bottom: 25px;
}
.job-category-skills-container-item.raw > div:first-child a > div > div:nth-child(2){
    min-width: 40px;
    text-align: right;
}
.job-category-skills-container-item > div:nth-child(2){
    margin-top: 25px;
}
.job-category-skills-container-item > div:nth-child(2) > div{
    width: 100%;
}
.job-category-skills-container-item > div:nth-child(2) > div ul{
    list-style-type: none;
}
.job-category-skills-container-item > div:nth-child(2) > div ul li{
    margin: 5px 0;
    padding-right: 25px;
    width: 25%;
    cursor: pointer;
}
.job-category-skills-container-item > div:nth-child(2) > div ul li a{
    font-size: .92rem;
}
.skill-selector{
    width: 17px !important;
    height: 17px !important;
    vertical-align: baseline;
    line-height: 15px !important;
    border-radius: 50%;
    border: 1px solid #202124;
    display: inline-block;
}
.skill-selector i{
    display: none;
    color: #fff;
    font-size: .7rem;
    display: inline-block;
}
.skill-selector-btn.selected .skill-selector{
    background-color: #00cf30;
    border-color: #00cf30;
}
.skill-selector-btn.selected .skill-selector i{
    display: inline-block;
}
.feature-list-container{
    width: 100%;
}
.feature-list-item{
    width: 49.5%;
    display: inline-block;
    vertical-align: top;
    margin: 7px 0;
    cursor: pointer;
    padding-right: 25px;
}
.feature-list-item > div > div:first-child{
    width: 30px;
    min-width: 30px;
}
.feature-list-item > div > div:first-child i.fa-dot-circle{
    display: none;
    color: #00cf30;
}
.feature-list-item.selected > div > div:first-child i.la-circle{
    display: none;
}
.feature-list-item.selected > div > div:first-child i.fa-dot-circle{
    display: inline-block;
}
.feature-list-item > div > div:nth-child(2){
    width: calc(100% - 30px);
    font-size: .85rem;
    font-weight: 500;
}
/* /-job-poster-content- */

/* side menu */
.side-menu{
    width: 300px;
    height: 100%;
    position: fixed;
    background-color: #fff;
    left: -310px;
    top: 0;
    z-index: 99;
    box-shadow: 0 0 10px 4px rgba(0,0,0,0.15);
}
.side-menu.active{
    left: 0;
}
.side-menu > div{
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
.side-menu > div > div{
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
.side-menu > div > div:first-child{
    height: 61px;
    line-height: 60px;
    border-bottom: 1px solid #e4e5e7;
}
.ds-page .side-menu > div > div:first-child{
    height: 59px;
    line-height: 58px;
}
.side-menu > div > div:first-child > div:first-child{
    width: 50px;
    min-width: 50px;
}
.side-menu > div > div:first-child > div:nth-child(2){
    width: calc(100% - 80px);
}
.side-menu > div > div:first-child > div:nth-child(3){
    width: 30px;
    text-align: right;
}
.side-menu > div > div:first-child img{
    width: 25px;
    display: block;
}
.side-menu > div > div:first-child > div:nth-child(2) b{
    font-size: 1.35rem;
    display: block;
}
/* .side-menu > div > div:nth-child(2){
    height: 44.5px;
    line-height: 44.5px;
    border-bottom: 1px solid #e4e5e7;
    text-align: right;
} */
.side-menu-closer-btn i{
    font-size: 1.5rem;
    vertical-align: middle;
    display: inline-block;
}
.side-menu > div > div:nth-child(2){
    padding-top: 10px;
    padding-bottom: 50px;
}
.side-menu-sub-link-summary{
    margin: 12px 0;
    color: #6e6e7e;
    font-size: 11px; 
}
.side-menu-link-item,
.side-menu-link-item > a{
    width: 100%;
}
.side-menu-link-item > a > div:first-child{
    width: calc(100% - 30px);
}
.side-menu-link-item > a{
    padding: 10px 0;
    font-size: .905rem;
    font-weight: 600;
}
.side-menu .dashboard-button-list-item > .dashboard-button-list-item-link > div:nth-child(2) {
    font-size: .905rem !important;
}
.side-menu-link-item > a > div:nth-child(2){
    width: 30px;
    min-width: 30px;
    text-align: right;
}
.side-menu-link-item > div .side-menu-link-item a{
    color: #828282 !important;
    font-weight: 500;
    font-size: .80rem !important;
    line-height: normal;
    padding: 5px 0;
    margin: 2.5px 0;
}
.side-menu-link-item > div{
    width: 100%;
    padding-left: 20px;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.side-menu-categories-page{
    width: 100%;
}
.side-menu-categories-page > div:first-child{
    height: 60px !important;
    line-height: 60px !important;
    border-bottom: 1px solid #e4e5e7 !important;
    padding: 0 20px !important;
    position: fixed;
    background: #fff;
    z-index: 1;
}
.side-menu-categories-page > div:first-child > div:first-child{
    width: 50px;
    min-width: 50px;
    line-height: 10px;
}
.side-menu-categories-page > div:first-child > div:first-child i{
    font-size: 1.25rem;
}
.side-menu-categories-page > div:first-child > div:nth-child(2){
    width: calc(100% - 80px);
}
.side-menu-categories-page > div:first-child > div:nth-child(3){
    text-align: right;
    width: 30px;
}
.side-menu-categories-page > div:nth-child(2){
    padding: 20px !important;
    padding-top: 80px !important;
    height: 100% !important;
    padding-bottom: 150px !important;
    border-width: 0 !important;
    position: relative;
}
.side-menu-categories-page > div:nth-child(2) > div > a > div:first-child{
    text-align: left !important;
}
.side-menu-categories-page > div:nth-child(2) > div > a > div:nth-child(2) i{
    font-size: 1.05rem;
}
.side-menu-categories-page > div:nth-child(2) > div:nth-last-of-type(1) {
    padding-bottom: 50px;
}
.side-menu-main-menu-item.inactive{
    display: none !important;
}
/* /side menu */

/* market item poster */
.-post-market-item-container-content- > div:first-child{
    width: 70%;
}
.-post-market-item-container-content- > div:nth-child(2){
    width: 25%;
    padding-left: 50px;
    border-left: 1px solid #e4e5e7;
}
.simple-hollow-btn{
    color: #00cf30;
    background: #e8faf4;
    border: 1px solid #00cf30;
    padding: 2.5px 10px;
    border-radius: 60px;
    font-weight: 500;
    cursor: pointer;
}
.simple-hollow-btn.slim{
    font-size: .80rem;
}
.simple-hollow-btn.grod{
    background: #daa520;
    border: 1px solid #daa520;
    color: #fff;
}
.simple-hollow-btn.black{
    background-color: #fff;
    color: #828282;
    border-color: #828282;
}
.simple-hollow-btn.emphasize{
    background-color: #8a2be2;
    color: #fff;
    border-color: #8a2be2;
}
.simple-hollow-btn i{
    font-size: .70rem !important;
}
.simple-hollow-btn.emphasize i{
    font-size: .90rem !important;
}
.market-item-faq{
    margin-top: 25px;
}
.market-item-faq > div:first-child > div:first-child{
    width: calc(100% - 40px);
}
.market-item-faq > div:first-child > div:first-child h5{
    font-size: .95rem;
    line-height: 1.25rem;
    font-weight: 600;
}
.market-item-faq > div:first-child > div:nth-child(2){
    width: 40px;
    text-align: right;
}
.market-item-faq > div:first-child > div:nth-child(2) i{
    font-size: 1.25rem;
    display: inline-block;
    background-color: #eee;
    width: 25px;
    height: 25px;
    line-height: 25px !important;
    text-align: center;
    border-radius: 50%;
}
.market-item-faq > div:nth-child(2){
    margin-top: 15px;
}
.market-item-faq > div:nth-child(2) p{
    margin-bottom: 0;
    font-size: .82rem;
    line-height: 1.2rem;
    color: #999;
}
.market-item-faqs{
    padding-bottom: 50px;
}
.market-item-faqs-title{
    margin-top: 25px;
    font-weight: 800;
    font-size: 1.15rem;
    line-height: 1.7rem;
}
.market-filter-tab{
    width: 100%;
    margin-bottom: 25px;
}
.market-filter-tab > ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.market-filter-tab > ul > li{
    display: inline-block;
    margin-right: 6px;
    position: relative;
}
.market-filter-tab-item{
    font-size: .85rem;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #aaa;
    font-weight: 500;
    color: #030303;
    background-color: #fff !important;
    cursor: pointer;
}
.market-filter-tab-item-list{
    width: 45vw;
    width: 45dvw;
    box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.09);
    position: absolute;
    background-color: #fff;
    border-radius: 6px;
    margin-top: 40px;
    overflow: hidden;
    z-index: 2;
    opacity: 0.0;
    pointer-events: none;
}
.market-filter-tab-item-list.active{
    margin-top: 15px;
    opacity: 1.0;
    pointer-events: auto;
}
.market-filter-tab-item-list-sm-{
    width: 30vw;
    width: 30dvw;
}
.market-filter-tab-item-list > div{
    padding: 20px;
}
.market-filter-tab-item-list > div:first-child{
    height: 230px;
    overflow-y: auto;
}
.market-filter-tab-item-list > div:nth-child(2){
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.08);
}
.market-item-list-container{
    margin-bottom: 25px;
}
.market-filter-tab-item-back-btn{
    display: none;
}
.market-filter-tab-item-btn{
    display: inline-block;
    background-color: #00cf30;
    color: #fff;
    border-radius: 60px;
    padding: 8px 25px;
    font-weight: 600;
    border-width: 0;
    cursor: pointer;
}
.market-filter-tab-item-clear-btn{
    font-weight: 600;
    color: #828282;
    display: inline-block;
    cursor: pointer;
}
.market-filter-tab-item-list-items-header{
    margin-bottom: 10px;
}
.market-filter-tab-item-list-item{
    width: 50%;
    padding-right: 25px;
    margin: 5px 0;
}
.market-filter-tab-item-list-item.market-filter-tab-item-list-item-full-{
    width: 100%;
}
.market-filter-tab-item-list-item > div:first-child{
    width: 25px;
}
.will-filter-item{
    cursor: pointer;
}
.will-filter-item .fa-dot-circle{
    display: none;
    color: #00cf30;
}
.will-filter-item.selected .la-circle{
    display: none;
}
.will-filter-item.selected .fa-dot-circle{
    display: inline-block;
}
.market-filter-tab-item-list-item > div:nth-child(2){
    width: calc(100% - 25px);
    font-weight: 500;
    font-size: .90rem;
}
.market-filter-tab-item-list-item > div:nth-child(2) span{
    color: #aaa;
}
.market-filter-tab-item-list-price-item{
    margin: 10px 0;
    width: 100%;
}
.market-filter-tab-item-list-price-item > div:first-child{
    width: 150px;
    font-size: .85rem;
}
.market-filter-tab-item-list-price-item > div:nth-child(2){
    width: calc(100% - 150px);
}
.market-filter-tab-item-list-price-item > div:nth-child(2) input{
    width: 170px;
    display: block;
    border-radius: 5px;
    padding: 7px 10px;
    font-size: .85rem;
    line-height: 30px;
}
.-package-holder-{
    width: 100%;
}
.package-details-container{
    border: 1px solid #e4e5e7;
}
.package-details-container-item{
    width: 100%;
    border-bottom: 1px solid #e4e5e7;
}
.package-details-container > div:nth-last-of-type(1){
    border-bottom-width: 0;
}
.package-details-container-item > div{
    padding: 15px;
    border-right: 1px solid #e4e5e7;
}
.package-details-container-item > div:first-child{
    width: calc(100% - 540px);
}
.package-details-container-item > div:nth-child(2){
    width: 180px;
    min-width: 180px;
}
.package-details-container-item > div:nth-child(3){
    width: 180px;
    min-width: 180px;
}
.package-details-container-item > div:nth-child(4){
    width: 180px;
    min-width: 180px;
    border-right-width: 0;
}
.m-tip{
    margin-bottom: 0;
}
.m-tip small{
    color: #999999;
    line-height: 1.0rem;
    display: block;
    font-size: .75rem;
}
.m-i-input{
    display: block;
    width: 100%;
    resize: none;
    height: 130px;
    font-size: .85rem;
    line-height: 1.2rem;
    border-width: 0;
}
.m-i-select{
    border-width: 0;
    font-size: .85rem;
    display: block;
    width: 100%;
}
.m-i-textinput{
    width: 100%;
    border-width: 0;
    font-size: .85rem;
    display: block;
    width: 100%;
}
.attach-faqs-container-form,
.attach-requirement-container-form{
    padding: 10px;
    border: 1px solid #e4e5e7;
    background-color: #f7f7f7;
}
.attach-faqs-container-form > div,
.attach-requirement-container-form > div{
    width: 100%;
}
.attach-faqs-container-form > div:first-child,
.attach-faqs-container-form > div:nth-child(2),
.attach-requirement-container-form > div:first-child,
.attach-requirement-container-form > div:nth-child(2){
    margin-bottom: 10px;
}
.attach-faqs-container-form > div > input,
.attach-faqs-container-form > div > textarea,
.attach-requirement-container-form > div > input,
.attach-requirement-container-form > div > textarea{
    width: 100%;
    display: block;
    padding: 10px;
    border: 1px solid #e4e5e7;
    border-radius: 3px;
    font-size: .85rem;
    resize: vertical;
    line-height: 1.2rem;
}
.attach-faqs-container-form > div > textarea,
.attach-requirement-container-form > div > textarea{
    height: 120px;
}
.attach-faq-btn,
.attach-requirement-btn{
    padding: 5px 25px;
    background-color: #00cf30;
    color: #fff;
    font-size: .80rem;
    font-weight: 600;
    border-radius: 3px;
    margin-right: 5px;
    display: inline-block;
    text-transform: uppercase;
    margin-right: 10px;
    cursor: pointer;
}
.faq-cnt > div:first-child,
.requirement-cnt > div:first-child{
    margin: 25px 0;
}
.faq-cnt > div:first-child h4,
.requirement-cnt > div:first-child h4{
    font-weight: 700;
}
.faq-cnt > div:nth-child(2) > div,
.requirement-cnt > div:nth-child(2) > div{
    margin-bottom: 30px;
}
/* /market item poster */

/* blog */
.-blog-header-{
    background-color: #18a05e !important;
    z-index: 1;
    position: relative;
    height: 200px;
    fill:rgba(22, 144, 85, 1);
    background-size:702px 702px;
    background-repeat:repeat;
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500' fill-opacity='1' style='enable-background:new 0 0 500 500'%3E%3Cstyle%3E .st2{fill:rgba(22, 144, 85, 1)} %3C/style%3E%3Cg style='display:none'%3E%3Cpath style='display:inline;fill:%23808080' d='M-10-12h522v522H-10z' id='Layer_1'/%3E%3C/g%3E%3Cg id='Layer_2'%3E%3Cpath class='st2' d='M113.3 136c-2.6-4.6-5.1-8.9-3.3-13.7.5-1.5 1.6-2.5 2.9-3.8 1.5-1.4 3.1-3 3.9-5.3.9-2.7.5-5.8.2-8.5-.2-1.5-.4-3-.4-4.2 0-.7.1-1.3.1-2 .2-4.5.5-9.1-1-13-1.6-4.2-5-6.8-10.1-7.5-1-7-11.9-10.6-15.5-11.6-6.5-1.8-8.6-.7-13.6 1.9l-.8.4c-5.5 2.1-11.6 13.9-11.4 18.8.1 2.9 1.6 5.3 3.1 7.6 1 1.6 2 3.1 2.4 4.7.2.7.1 1.4 0 2.1-.2 1.2-.4 2.8.5 4.7.8 1.7 2.6 2.9 4.2 4.1.7.5 1.3.9 1.7 1.3.3.3.9 1.1 1.4 1.7.7.8 1.1 1.3 1.5 1.7 1.5 1.4 3.2 2.5 4.9 3.6 1.3.9 2.6 1.7 3.7 2.6 2.3 2 2.6 3.3 3 5.7.3 1.4.6 3.2 1.4 5.4.5 1.3 1 2.3 1.5 3 .7 1.3 1.1 2 1.2 4.3-.3 1.2-1.7 6.2-2.1 7.2-.3.5-.3 1.1-.1 1.6 1.7 4.7 5.1 4.8 7.6 4.9 1.1 0 2.2.1 3.1.5.8.4 1.6 1 2.3 1.7 1.1 1 2.4 2.1 4.1 2.1.2 0 .4 0 .7-.1 1.9-.3 3.5-1.9 5.5-5.4.4-.6.6-1.3.9-1.9.1-.2.2-.4.2-.6 1.5-4.9-1.3-9.7-3.7-14zM51.2 88c-2.7-.6-5.4-1.1-8.1-1.7-1.9-.4-2.7 2.5-.8 2.9 2.7.6 5.4 1.1 8.1 1.7 1.9.3 2.7-2.6.8-2.9zM55.2 56.8c-.8-1.8-3.4-.2-2.6 1.5 1.8 4 4 7.6 6.8 11 1.2 1.5 3.3-.6 2.1-2.1-2.5-3.2-4.6-6.6-6.3-10.4zM82.8 50.9c-.7.2-1.3 1.1-1 1.8.1.2.1.4.2.5v.1c-.5.4-.8 1-.6 1.6.2.8 1.1 1.3 1.8 1 1.8-.5 2.1-2.6 1.5-4.1-.3-.6-1-1.1-1.9-.9zm-.9 2.8v-.2.2zM105.8 52.2c-2.7 3.3-4.6 7.1-5.3 11.4-.3 1.9 2.6 2.7 2.9.8.6-3.7 2.1-7.1 4.5-10.1 1.3-1.5-.8-3.6-2.1-2.1zM122.1 72.8c-.4-.7-1.3-.9-2.1-.5l-1.8.9c-.7.4-.9 1.4-.5 2.1.4.7 1.3.9 2.1.5l1.8-.9c.7-.4.9-1.4.5-2.1zM57.6 111.5c-1 .5-2.1 1.1-3.1 1.6-.7.4-.9 1.4-.5 2.1.4.7 1.3.9 2.1.5 1-.5 2.1-1.1 3.1-1.6.7-.4.9-1.4.5-2.1-.5-.7-1.4-.9-2.1-.5zM390.2 383.2c-.9-2.9-1.8-5.8-2.6-8.7-.6-1.8-3.5-1.1-2.9.8.9 2.9 1.8 5.8 2.6 8.7.6 1.9 3.5 1.1 2.9-.8zM424.9 390.8c1.8-.6 2.5-3 3.2-4.5.7-1.8 1.4-3.6 1.9-5.4.5-1.9-2.4-2.7-2.9-.8-.4 1.3-.8 2.7-1.3 4-.3.9-.6 1.7-1 2.6-.2.4-.4.7-.6 1.1-.1.3-.6.4 0 .2-1.9.5-1.1 3.4.7 2.8zM441.3 402.1c1.1-.8 2.3-1.7 3.4-2.5.7-.5 1-1.3.5-2.1-.4-.6-1.4-1-2.1-.5-1.1.8-2.3 1.7-3.4 2.5-.7.5-1 1.3-.5 2.1.4.6 1.4 1 2.1.5zM370.8 414.8c-1.8-2.6-4.7-3.7-7.8-3.2-1.9.3-1.1 3.2.8 2.9 1.7-.3 3.4.4 4.4 1.8 1.1 1.6 3.7.1 2.6-1.5zM457.7 427.7c2.2-.7 4.4-1.4 6.7-2 1.8-.6 1.1-3.5-.8-2.9-2.2.7-4.4 1.4-6.7 2-1.8.6-1 3.5.8 2.9zM371.7 396.6c-3.1-2.5-6.2-4.9-9.3-7.4-1.5-1.2-3.6.9-2.1 2.1 3.1 2.5 6.2 4.9 9.3 7.4 1.5 1.2 3.6-.9 2.1-2.1zM219.3 205.6c-.4-.7-1.2-1.2-2-1.1-.8.1-1.5.7-1.7 1.5 0 .2-1.3 4.4-8.7 7.6-4 1.7-6.4 3.9-7.2 6.4-.8 2.6.4 4.5.5 4.6l53.1 88.2c.2.4 1.4 2.3 3.8 2.9.5.1.9.2 1.4.2 1.4 0 2.8-.5 4.3-1.4 1.7-1.1 2.9-2.4 3.9-3.8v-.1c2-2.8 2.6-5.4 2.6-5.6.1-.5 0-.9-.2-1.4l-49.8-98zm41.2 105.6c-1 .6-1.8.9-2.5.7-.8-.2-1.3-1-1.3-1v-.1l-53.1-88.2c0-.1-.4-.7-.1-1.5.2-.7 1.1-2 4-3.5l18.5 32.1c.4.6 1 1 1.7 1 .3 0 .7-.1 1-.3 1-.6 1.3-1.8.7-2.7l-18.3-31.8c3.1-1.7 5-3.6 6.3-5.2l47.8 94.1c0 .1-.1.3-.2.5L246.8 272c-.5-1-1.7-1.3-2.7-.8-1 .5-1.3 1.7-.8 2.7l19.4 35.3c-.7.8-1.3 1.4-2.2 2zM322 132.2c-.5-.6-1.4-.8-2.2-.6-.2.1-4.3 1.5-11.2-2.8-3.7-2.3-6.8-3-9.4-2.2-2.6.8-3.5 2.9-3.5 3.1l-42 94c-.2.4-1.1 2.5-.2 4.8.7 1.7 2.1 3.1 4.3 3.9 1.9.8 3.9 1 5.6 1 3.3 0 5.8-1 5.9-1 .4-.2.8-.5 1-.9l52-97c.4-.8.2-1.7-.3-2.3zm-54.9 96.6c-1 .3-3.1.7-5.4.4l15.1-33.5c.5-1 0-2.2-1-2.6-1-.5-2.2 0-2.6 1l-15.3 33.7c-.3-.3-.6-.6-.7-.9-.3-.8 0-1.6.1-1.7v-.1l42-94c0-.1.3-.7 1.2-.9.7-.2 2.3-.3 5.1 1.3L289.9 165c-.5 1 0 2.2 1 2.7.3.1.6.2.8.2.8 0 1.5-.4 1.8-1.2l15.6-33.2c3.1 1.5 5.8 2.1 7.8 2.2l-49.8 93.1zM246 122c.2.4 1.2 2.4 3.6 3.2.6.2 1.2.3 1.9.3 1.2 0 2.5-.4 3.9-1.1 5.4-2.9 7.2-8.6 7.3-8.9.1-.4.1-.9-.1-1.4l-42-101.7c-.3-.8-1.1-1.2-1.9-1.2-.8 0-1.6.6-1.8 1.3-.1.2-1.6 4.3-9.3 6.9-4.1 1.4-6.7 3.3-7.6 5.8-1 2.5.1 4.5.1 4.7L246 122zm-42.3-95.4c.3-.7 1.2-1.9 4.3-3.1l15.9 33.4c.3.7 1.1 1.1 1.8 1.1.3 0 .6-.1.9-.2 1-.5 1.4-1.7.9-2.7L211.7 22c3.2-1.5 5.3-3.2 6.6-4.7l40.2 97.6c-.4 1-1.4 2.9-3.1 4.5l-16.2-32.9c-.5-1-1.7-1.4-2.7-.9-1 .5-1.4 1.7-.9 2.7l16.4 33.2c-.4.1-.8.1-1.1 0-.8-.3-1.2-1.1-1.2-1.1v-.1l-45.9-92.2c-.2-.1-.5-.7-.1-1.5zM407.5 299H405v-2.5c0-1.1-.9-2-2-2s-2 .9-2 2v2.5h-2.5c-1.1 0-2 .9-2 2s.9 2 2 2h2.5v2.5c0 1.1.9 2 2 2s2-.9 2-2V303h2.5c1.1 0 2-.9 2-2s-.9-2-2-2zM120.7 210.7l2.7-2.7c.8-.8.8-2 0-2.8-.8-.8-2-.8-2.8 0l-2.7 2.7-2.7-2.7c-.8-.8-2-.8-2.8 0-.8.8-.8 2 0 2.8l2.7 2.7-2.7 2.7c-.8.8-.8 2 0 2.8.4.4.9.6 1.4.6s1-.2 1.4-.6l2.7-2.7 2.7 2.7c.4.4.9.6 1.4.6s1-.2 1.4-.6c.8-.8.8-2 0-2.8l-2.7-2.7zM449.6 471.6c0-.1-3.1-14.1-4.8-23.1-1.3-7.2-1.4-11.7-1.4-13.1.9-1.8 4-8.2 3.1-14.2-.3-1.8-.3-3.2-.4-4.4-.2-3.1-.3-5.8-3.9-7.3-1.5-.6-2.9-1.2-4.2-1.6-1.5-.6-2.9-1.1-4-1.6-.6-.3-2-1-11.5 2.3l-.2.2c-.2.1-6.4 4.3-14.4 14.3-.4.5-1.9-1.6 10-13 .3-2.9-.6-6.7-.8-8.3-.5-3.1-4.9-6.6-6.2-7.6l-.6-.3c-4.9-1.5-16.8-4.4-20.3-.6-3.3 3.6-6.2 12.2-6.3 16.7 0 2 .1 6.4.3 10.9.2 4.5.3 9.3.3 12.6 0 2.5-.3 6.1-.7 9.5-.8 8.3-1.1 12.2.2 14 1.5 2.1 2.6 3.1 4.5 4.9.4.4.9.8 1.5 1.3 4.4 4.1 16.9-.9 25.3-7.8 4.6-3.8 9.1-7.9 12.4-11-.2-.7-.1-2 .4-4.9.7-4.4-.2-5.9-.2-5.9.2-.1.5-.1.8.2.8.6.9 2.6.3 5.9l-.1 3.6c.2 1.9.6 4.2 1.5 6.8l.9-1.5c.1-.3.5-.4.8-.3.3.1.4.5.3.8l-1.4 2.3c.3.7.6 1.3.9 2l1.1-2.3c.1-.3.5-.4.8-.3.3.1.4.5.3.8l-1.5 3c0 .1.1.1.1.2.3.5.6 1 .9 1.4l.5-1.1c.1-.3.5-.4.8-.3.3.1.4.5.3.8l-.8 1.7c2.6 3.9 4.6 6 6 7.5.7.8 1.3 1.3 1.6 1.8 1.3 2.1 4.1 6.3 4.2 6.5.4.6 1 .9 1.7.9.3 0 .5-.1.8-.2.8-.4 1.3-1.3 1.1-2.2z'/%3E%3Cg%3E%3Cpath class='st2' d='M124.4 419.2c-.4-.4-.9-.7-1.5-.7H121c.1-1.2.1-2.7-.6-4.1-3.9-7.8-10.3-14.1-17.2-16.9-4.7-1.9-7.1.1-8.3 2.1-2.8 4.5-8.2 7.1-13.4 9.7-2.3 1.1-4.4 2.1-6.3 3.3-2.1 1.3-3.1 2.3-3.3 5.3 0 .2 0 .4.1.6h-3.2c-.6 0-1.1.3-1.5.7s-.5 1-.5 1.6l4.3 27.5c.2 1 1 1.7 2 1.7h45.5c1 0 1.8-.7 2-1.7l4.3-27.5c.1-.6-.1-1.2-.5-1.6zM76 418.1c0-1.3 0-1.3 1.4-2.1 1.7-1.1 3.7-2.1 5.9-3.1 5.4-2.7 11.6-5.7 15-11.1.5-.8 1.1-1.4 3.5-.5 6 2.4 11.6 8 15.1 15 .3.5.2 1.4.2 2.3H75.9c.1-.2.1-.4.1-.5zm40.9 27.9H91v-.2l-1-9c-.1-1.1-1.1-1.9-2.2-1.8-1.1.1-1.9 1.1-1.8 2.2l1 8.8h-4.1L81 430.8c-.1-1.1-1.1-1.9-2.2-1.7-1.1.1-1.9 1.1-1.7 2.2l1.8 14.8h-4l-3.6-23.5h49.3l-3.7 23.4z'/%3E%3Ccircle class='st2' cx='98' cy='414' r='2'/%3E%3Ccircle class='st2' cx='104.5' cy='408.5' r='2.5'/%3E%3C/g%3E%3Cpath class='st2' d='M394.2 176c.6-3.2 1.2-6.1 3.9-7.7.8-.5 1.8-.5 2.9-.6 1.2-.1 2.6-.2 4-.9 1.5-.9 2.5-2.5 3.5-3.9.5-.8 1-1.6 1.5-2.1.3-.3.6-.6.8-.9 1.9-2 3.9-4.1 4.7-6.5.9-2.6.3-5.1-1.8-7.5 2.3-3.7-1.4-9.7-2.6-11.6-2.3-3.4-3.7-3.8-7.1-4.5l-.6-.1c-3.4-1.2-10.9 1.9-12.8 4.3-1.1 1.4-1.4 3.1-1.6 4.8-.2 1.2-.3 2.3-.8 3.2-.2.4-.5.7-.9 1-.6.5-1.3 1.1-1.6 2.4-.3 1.1.1 2.4.4 3.6.1.5.3 1 .3 1.3v2.7c.2 1.3.5 2.5.8 3.6.3.9.5 1.8.7 2.7.3 1.9-.1 2.6-.9 3.9-.4.8-1 1.7-1.5 3.1-.3.8-.4 1.5-.5 2-.2.9-.3 1.4-1.2 2.5-.6.4-3.2 2.2-3.8 2.6-.3.1-.6.4-.7.7-1.1 2.9.5 4.3 1.6 5.3.5.5 1 .9 1.3 1.5.2.5.3 1.1.4 1.7.1.9.3 1.9 1.1 2.6.1.1.2.2.3.2 1 .6 2.4.5 4.7-.3.4-.1.8-.3 1.2-.5.1 0 .2-.1.3-.2 2.8-2.1 3.4-5.4 4-8.4zM438.5 49.6l3.2-5.4c.9-1.6.4-3.6-1.1-4.5-1.6-.9-3.6-.4-4.5 1.1l-3.2 5.4-5.4-3.2c-1.6-.9-3.6-.4-4.5 1.1-.9 1.6-.4 3.6 1.1 4.5l5.4 3.2-3.2 5.4c-.9 1.6-.4 3.6 1.1 4.5.8.5 1.7.6 2.5.4.8-.2 1.6-.7 2-1.5l3.2-5.4 5.4 3.2c.8.5 1.7.6 2.5.4.8-.2 1.6-.7 2-1.5.9-1.6.4-3.6-1.1-4.5l-5.4-3.2zM169 378.4l-2 .8-.8-2c-.3-.9-1.3-1.3-2.2-1-.9.3-1.3 1.3-1 2.2l.8 2-2 .8c-.9.3-1.3 1.3-1 2.2.3.9 1.3 1.3 2.2 1l2-.8.8 2c.3.9 1.3 1.3 2.2 1s1.3-1.3 1-2.2l-.8-2 2-.8c.9-.3 1.3-1.3 1-2.2-.3-.9-1.3-1.3-2.2-1z'/%3E%3C/g%3E%3C/svg%3E");
}
.-blog-header-.cg{
    background-color: #313132;
}
.-blog-header-.cgre{
    background-color: #00cf30;
}
.-blog-header-.-auto-height-{
    height: auto;
}
.-blog-header-.-community-question-{
    background-color: #008080;
}
.-blog-header-text- > h1{
    color: #fff;
    font-weight: 800;
    font-size: 2rem;
}
.-blog-header-.-community-question- .-blog-header-text- > h1{
    font-size: 2rem;
    line-height: 2.7rem;
}
.-blog-header-text- > p{
    max-width: 500px;
    color: #fff;
    margin-top: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    font-size: .91rem;
    -webkit-line-clamp: 3;
}
.-blog-header-content-{
    position: absolute;
    top: 125px;
    width: 100%;
    padding: 25px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
}
.blog-searcher {
    width: 100%;
    padding: 7px;
    border-radius: 5px;
    background-color: #eee;
    border: 1px solid #eee;
}
.blog-searcher.focused{
    border: 1px solid #808080;
    background-color: #fff;
}
.blog-searcher > div:first-child{
    width: 35px;
    min-width: 35px;
    text-align: center;
}
.blog-searcher > div:first-child i{
    font-size: 1.25rem;
}
.blog-searcher > div:nth-child(2){
    width: calc(100% - 35px);
}
.blog-searcher > div:nth-child(2) input{
    border-width: 0;
    background-color: transparent;
    width: 100%;
    font-size: 1.05rem;
}
.-blog-category-{
    margin-top: 15px;
    white-space: nowrap;
}
.-blog-category- span, 
.-blog-category-  a{
    display: inline-block;
    margin: 5px 5px;
    font-size: 1rem;
    height: 35px;
    line-height: 33px;
    padding: 0px 15px;
    border: 1px solid #cfd9de;
    border-radius: 5px;
    font-weight: 500;
    color: #030303;
    text-decoration: none;
    cursor: pointer;
}
.-blog-category-  a.my-posts{
    background: #000;
    color: #fff;
    border-color: #000;
}
.-blog-articles-container-header-{
    margin: 50px 0;
    margin-top: 60px;
    margin-bottom: 25px;
}
.-blog-articles-container-{
    margin-left: -10px;
    width: calc(100% + 20px);
}
.-blog-article-item-{
    width: 33.33%;
    padding: 20px 15px;
    cursor: pointer;
}
.-blog-article-item- > div > div,
.-blog-article-item- > div{
    width: 100%;
}
.-blog-article-item- > div > div:first-child img{
    height: 180px;
    width: 100%;
    border-radius: 3px;
}
.-blog-article-item- > div > div:nth-child(2) h4{
    margin: 10px 0;
    margin-top: 20px;
    font-size: 1.35rem;
    line-height: 1.8rem;
    font-weight: 800;
}
.-blog-article-item- > div > div:nth-child(2) p{
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}
.-blog-article-item- > div > div:nth-child(2) p small{
    color: #999999;
    font-size: .90rem;
    font-weight: 400;
    line-height: 1.3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-clamp: 3;
    -webkit-line-clamp: 3;
}
.-blog-article-item- > div > div:nth-child(3) b{
    color: #828282;
    display: block;
    font-size: .80rem;
    font-weight: 500;
}
.blog-item-footer{
    margin-top: 5px;
}
.-blog-articles-container-header- h2{
    font-weight: 900;
    text-align: center;
    font-size: 1.55rem;
}
.-blog-articles-container-header- p {
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 0;
}
.blog-image-header-section{
    height: 350px;
    overflow: hidden;
    position: relative;
}
.blog-image-header-section > div{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.blog-image-header-section > div:first-child img{
    width: 100%;
    height: 100%;
    object-fit: contain !important;
}
.blog-image-header-section > div:nth-child(2){
    color: #fff;
    z-index: 1;
    background: linear-gradient(360deg, rgba(0,0,0,0.20), transparent);
}
.blog-image-header-section > div:nth-child(2) > div{
    padding: 25px 0;
    position: absolute;
    bottom: 0;
}
.blog-image-header-section > div:nth-child(2) > div h1{
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.14);
    font-weight: 500;
    max-width: 800px;
    line-height: 1.4;
    font-family: 'Gordita', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.blog-toolbar{
    border-bottom: 1px solid #e4e5e7;
}
.blog-toolbar > div{
    height: 50px;
}
.blog-toolbar-content{
    width: 100%;
}
.blog-toolbar-content > div:first-child{
    width: 30px;
}
.blog-toolbar-content > div:nth-child(3){
    width: 30px;
}
.blog-toolbar-content > div:nth-child(2){
    width: calc(100% - 60px);
    padding-left: 15px;
    padding-right: 15px;
}
.blog-toolbar-content-ul{
    list-style-type: none;
}
.blog-toolbar-content-ul li{
    display: inline-block;
}
.blog-toolbar-content-ul.-right- li{
    margin-right: 5px;
}
.blog-toolbar-content-ul.-left- li{
    margin-left: 5px;
}
.blog-toolbar-content-ul li i.las{
    font-size: 1.5rem;
}
.blog-toolbar-icons{
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.tool-items.las > span,
.tool-items.lab > span{
    position: absolute;
    padding: 5px;
    color: #fff;
    border-radius: 2px;
    left: 10px;
    background-color: #484848;
    font-size: .72rem;
    top: calc(100% + 10px);
    white-space: nowrap;
    display: none;
    z-index: 1;
    font-family: 'Segoe UI', San-serif, Verdana, Calibri, Helvetica, 'Helvetica Neue';
}
.tool-items.las:hover span{
    display: block;
}
li.tool-items {
    font-size: 1.5rem;
    margin-right: 20px !important;
    cursor: pointer;
    vertical-align: middle !important;
}
.blog-writer-main-content{
    height: calc(100vh - 125px);
    height: calc(100dvh - 125px);
}
.blog-writer-main-content > aside,
.blog-writer-main-content > section{
    height: 100%;
}
.blog-writer-main-content > aside{
    width: 250px;
    border-right: 1px solid #e4e5e7;
    overflow: hidden;
}
.blog-writer-main-content > section{
    width: calc(100% - 250px);
}
.blog-left-menu-toggle-btn.hidden-left-menu-mode{
    transform: rotate(180deg);
    vertical-align: super;
    display: inline-block;
}
.blog-writer-main-content.hidden-left-menu-mode .blog-writer-main-content-aside{
    width: 0;
    border-right-width: 0 !important;
}
.blog-writer-main-content.hidden-left-menu-mode .blog-writer-main-content-section{
    width: 100%;
}
.blog-aside-content,
.blog-section-content{
    width: 100%;
    height: 100%;
}
.blog-writer-main-content-aside > div{
    min-width: 250px;
}
.blog-aside-content > div{
    width: 100%;
    padding: 10px 15px;
}
.blog-aside-content > div:first-child{
    height: calc(100% - 80px);
    overflow-y: auto;
    overflow-x: hidden;
}
.blog-aside-content > div:nth-child(2){
    height: 80px;
    border-top: 1px solid #e4e5e7;
}
.blog-aside-item{
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e5e7;
}
.blog-aside-item:first-child{
    padding-top: 0;
}
.blog-aside-item:nth-last-of-type(1){
    border-bottom-width: 0;
}
.blog-aside-item-form input,
.blog-aside-item-form select{
    display: block;
    padding: 6px 10px;
    border-radius: 3px;
    width: 100%;
    border: 1px solid #dbdbdb;
    margin: 10px 0;
    font-size: .90rem;
}
.blog-aside-item-form textarea{
    display: block;
    padding: 10px;
    width: 100%;
    height: 60px;
    resize: none;
    margin: 10px 0;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    font-size: .90rem;
    line-height: 1.3;
}
.blog-aside-link{
    width: 100%;
    margin: 10px 0;
}
.blog-aside-link > div:first-child{
    width: 30px;
    min-width: 30px;
}
.blog-aside-link > div:first-child i{
    font-size: 1.45rem !important;
}
.blog-aside-link > div:nth-child(2){
    width: calc(100% - 30px);
    font-size: .95rem;
    font-weight: 500;
}
.blog-tag{
    display: inline-block;
    font-size: .85rem;
    padding: 6px 12px;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    line-height: 18px;
    margin: 5px;
    margin-left: 0;
    margin-bottom: 0;
    font-weight: 500;
}
.blog-tag i{
    width: 15px;
    height: 15px;
    line-height: 15px;
    background: #555;
    color: #fff;
    border-radius: 50%;
    font-size: .7rem;
    padding-right: 1px;
    padding-left: 1px;
    text-align: center;
    margin-left: 5px;
    cursor: pointer;
    display: inline-block;
}
#blog-editor.pholder::before{
    content: attr(data-placeholder);
    color: #808080;
    font-size: 1.0rem;
    pointer-events: none;
}
#blog-editor{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 15px;
    overflow-x: hidden;
    overflow-y: auto;
}
#blog-editor a{
    color: #00cf30;
}
#blog-editor ul, 
#blog-editor ol {
    padding-left: 20px;
}
#blog-editor figure{
    width: 100%;
    max-width: 700px;
    margin: 50px 0;
    text-align: center;
    border-bottom: 1px solid #e4e5e7;
    background-color: #fff;
    position: relative;
}
#blog-editor > figure.social-media-post{
    border-bottom-width: 0;
}
#blog-editor .figure-options{
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    padding: 5px 10px;
    color: #fff;
}
#blog-editor .figure-options i {
    font-size: 1.45rem;
    cursor: pointer;
}
#blog-editor figure img{
    max-width: 100%;
    display: block;
    margin: auto;
    background-color: #fafafa;
}
#blog-editor figure iframe{
    max-width: 100%;
    display: block;
    margin: auto;
}
#blog-editor figure figcaption{
    padding-top: 10px;
    color: #828282;
    font-size: .82rem;
    padding-bottom: 10px;
    background-color: #fff;
    font-style: italic;
    display: block;
    line-height: 1.4;
    text-align: left;
}
#blog-editor blockquote.bq{
    margin: 30px 0;
    font-size: 1.10rem;
    line-height: 1.6;
    border-left-style: solid;
    border-left-color: #00cf30;
    border-left-width: 3px;
}
#blog-editor div{
    margin: 20px 0;
    font-size: 1.0rem;
    line-height: 1.5;
}
#blog-editor figure > div {
    margin-bottom: 0;
}
.blog-modal-container{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.04), 0 9px 46px 8px rgba(0, 0, 0, 0.04), 0 11px 15px -7px rgba(0, 0, 0, 0.04);
    overflow-y: auto;
    display: none;
}
.blog-modal-container.active{
    display: block;
}
.blog-modal-container > div{
    width: 100%;
    height: 100%;
    margin: 50px 0;
}
.blog-modal-container > div > div{
    border-radius: 3px;
    width: 100%;
    max-width: 600px;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px, rgba(0, 0, 0, 0.20) 0px 11px 15px -7px;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px, rgba(0, 0, 0, 0.20) 0px 11px 15px -7px;
}
.blog-modal-container > div > div > div{
    width: 100%;
    padding: 15px 25px;
}
.blog-modal-container > div > div > div:nth-child(2){
    border-top: 1px solid #e4e5e7;
    border-bottom: 1px solid #e4e5e7;
    padding: 0;
}
.blog-modal-container-header > div:first-child{
    width: calc(100% - 100px);
}
.blog-modal-container-header > div:nth-child(2){
    width: 70px;
}
.blog-modal-container-header > div:nth-child(3){
    width: 30px;
    text-align: right;
}
.blog-modal-container-header > div:nth-child(3) i{
    font-size: 1.35rem;
    cursor: pointer;
}
.blog-media-upload-container{
    margin: 70px 0;
    text-align: center;
    width: 100%;
}
.blog-media-upload-container-icon {
    display: inline-block;
    font-size: 2rem;
    height: 70px;
    width: 70px;
    border: 1px solid #333;
    line-height: 70px !important;
    border-radius: 50%;
    margin-bottom: 15px;
}
.blog-media-upload-container-msg{
    margin-bottom: 15px;
    font-weight: 500;
}
.blog-media-upload-container-caption{
    display: block;
    width: 100%;
    resize: none;
    border: 1px solid #dbdbdb;
    min-height: 70px;
    font-size: .85rem;
    line-height: 1.4;
    padding: 10px;
    border-radius: 3px;
}
.bmc-upload-mode .bmc-add-mode-item{
    display: none !important;
}
.bmc-add-mode .bmc-upload-mode-item{
    display: none !important;
}
.blog-media-upload-image-link{
    width: 100%;
    margin: auto;
    border: 1px solid #dbdbdb;
    overflow: hidden;
    height: 40px;
    border-radius: 3px;
    margin-top: 15px;
}
.blog-media-upload-image-link > div{
    height: 100%;
}
.blog-media-upload-image-link > div:first-child{
    width: calc(100% - 70px);
}
.blog-media-upload-image-link > div:first-child input{
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    border-width: 0;
    font-size: .85rem;
}
.blog-media-upload-image-link > div:nth-child(2){
    width: 70px;
    border-left: 1px solid #dbdbdb;
    text-align: center;
    background-color: #eee;
    font-weight: 600;
    font-size: .85rem;
    cursor: pointer;
}
.blog-media-separator{
    margin-top: 10px;
    font-size: .85rem;
    font-weight: 600;
}
.blog-media-photo-container img,
.blog-media-video-container iframe{
    max-width: 100%;
    max-height: 60vh !important;
    max-height: 60dvh !important;
}
.blog-media-post-container{
    padding: 15px 25px;
}
/* Community */
#community-banner{
    height: 50vh;
    height: 50dvh;
    min-height: 430px;
    background-color: #fff;
}
#community-banner .section-content{
    height: 100%;
    border-bottom: 1px solid #dbdbdb;
}
#community-banner-text{
    font-size: 4rem;
    line-height: 1.35;
    font-weight: 600;
}
#community-banner-text span:first-child{
    color: #00cf30;
}
#community-banner-image{
    max-width: 380px;
    display: inline-block;
    width: 100%;
}
#community-banner-content > div{
    width: 45%;
}
#community-banner-content > div:first-child{
    padding-right: 20px;
}
#community-banner-content > div:nth-child(2){
    padding-left: 20px;
}
#community-banner-content > div:first-child p{
    margin: 15px 0;
}
#community-banner-content > div:first-child p:nth-last-of-type(1){
    margin-bottom: 0;
}
#community-banner-content > div:nth-child(2){
    text-align: right;
}
#community-category-content > a{
    width: 31.5%;
    padding: 60px 40px;
    border-radius: 20px;
}
#community-category-content > a:first-child{
    background-color: #f6f5ef;
}
#community-category-content > a:nth-child(2){
    background-color: #0f393b;
    color: #fff;
}
#community-category-content > a:nth-child(3){
    background-color: #ffd700;
}
#community-category-content > a h3,
#community-category-content > a h2{
    text-align: left;
}
#community-category-content > a h3 i{
    font-size: 2.5rem;
    background: #dbdbdb;
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    line-height: 60px;
    text-align: center;
}
#community-category-content > a h3 i.dsg{
    background-color: #2f4f4f;
}
#community-category-content > a h3 i.gld{
    background-color: #ffff00;
}
#community-category-content > a h2{
    line-height: 1.3;
    margin: 20px 0;
    font-weight: 500;
}
#community-category-content > a p{
    font-size: .92rem;
    line-height: 1.7;
    margin-bottom: 30px;
}
#community-category-content > a p b i {
    font-size: 1.25rem;
    vertical-align: middle;
    margin-top: -3px;
}
#community-category-content > a p:nth-last-of-type(1){
    margin-bottom: 0;
}
/* /Community */
/* Discussion */
.discussion-content-container{
    width: 100%;
}
.discussion-content-container > aside{
    width: 250px;
    background-color: #fff;
    border: 1px solid #eee;
    align-self: flex-start;
    position: sticky;
    top: 40px;
}
.discussion-content-container > aside > .discussion-aside-content{
    padding: 15px;
}
.discussion-content-container > section{
    width: calc(100% - 280px);
    background-color: #fff;
    border: 1px solid #eee;
    align-self: flex-start;
}
.ask-a-question-btn{
    display: none;
}
.discussion-post-container-aside-content{
    position: sticky;
    top: 15px;
}
.discussion-menu ul{
    list-style-type: none;
    margin: 20px 0;
    padding: 0;
}
.discussion-menu ul li{
    margin: 5px 0;
}
.discussion-menu ul li a{
    font-size: .91rem;
    font-weight: 500;
    cursor: pointer;
    color: #828282;
}
.discussion-combined-menu-list{
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    overflow: hidden;
}
.discussion-combined-menu-list > a{
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: .82rem;
    text-align: center;
    font-weight: 500;
}
.discussion-combined-menu-list > a:nth-child(2){
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
}
.discussion-combined-menu-list > a.active{
    background-color: #f7f7f7;
}
.discussion-main-content-header{
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
    border-bottom: 1px solid #dbdbdb;
}
.discussion-main-content-header, 
.discussion-main-content-footer,
.discussion-main-content-nav{
    padding: 15px;
}
.discussion-main-content-nav{
    border-bottom: 1px solid #dbdbdb;
}
.discussion-item-header > div:first-child{
    width: 55px;
    min-width: 55px;
}
.discussion-item-header > div:first-child img{
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    margin-top: 5px;
}
.discussion-item-header > div:first-child img.works-at-cdi{
    box-shadow: 0 0 0px 3.5px #00cf30;
}
.discussion-item-header > div:nth-child(2){
    width: calc(100% - 100px);
}
.discussion-item-header > div:nth-child(2) > div:first-child a{
    font-size: .92rem;
    font-weight: 500;
}
.discussion-item-header > div:nth-child(2) > div:nth-child(2){
    margin-top: -5px;
    color: #909090;
    font-size: .90rem;
}
.discussion-item-header > div:nth-child(3){
    width: 40px;
    min-width: 40px;
    text-align: right;
}
.discussion-item-body > p{
    font-size: .92rem;
    line-height: 1.5;
    margin: 10px 0;
}
.discussion-action-item{
    font-size: .88rem;
    font-weight: 500;
}
.discussion-item{
    margin: 10px 0;
    padding: 15px 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.discussion-response-list .discussion-item{
    padding: 15px 0;
    padding-bottom: 30px;
}
.discussion-item:first-child{
    margin-top: 0;
}
.discussion-item:nth-last-of-type(1){
    border-bottom-width: 0;
    margin-bottom: 0;
}
.discussion-item-body h5{
    font-family: Gordita, Inter, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 1.35rem;
    line-height: 1.5;
}
.discussion-item-body h5 a{
    color: #000;
}
.discussion-action-item i{
    font-size: 1.25rem;
    vertical-align: middle;
    margin-right: 5px;
    color: #808080;
}
.discussion-action-item i.fa-caret-right{
    font-size: .85rem;
    margin-left: 2px;
}
.upvote-btn{
    display: inline-block;
    border: 1px solid #333;
    padding: 2px 10px;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 5px;
    font-size: .80rem;
}
.discussion-action-reps{
    display: inline-block;
    margin-top: 10px;
}
.show-discussion-replies{
    color: #0070ff;
    font-weight: 600;
}
.discussion-main-content-footer{
    border-top: 1px solid #dbdbdb;
}
.discussion-search-input{
    background: #eee;
    padding: 3.5px 12px;
    border: 1px solid #eee;
    font-size: .85rem;
    border-radius: 3px;
    margin-top: 10px;
    display: block;
    width: 100%;
}
.discussion-search-input:focus{
    border-color: #000;
    background-color: #fff;
}
span.works-at-cedijob-indicator {
    background: #00cf30;
    color: #fff;
    font-size: .75rem;
    padding: 3px 10px;
    border-radius: 60px;
}
.discussion-post-container-section{
    width: calc(100% - 300px);
}
.discussion-post-container-aside{
    width: 270px;
}
.discussion-post-container-section > div,
.discussion-post-container-aside > div{
    width: 100%;
}
.discussion-division-item{
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #eee;
}
#question-answers {
    z-index: 2;
    position: relative;
}
.discussion-division-item > div{
    padding: 15px;
}
.discussion-division-item > .discussion-division-item-header{
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 1;
    border-bottom: 1px solid #dbdbdb;
}
.discussion-back-btn{
    display: inline-block;
    border: 1px solid #dbdbdb;
    background: #f7f7f7;
    padding: 3.5px 10px;
    border-radius: 3px;
    font-size: .82rem;
    font-weight: 500;
}
.discussion-division-item-body-heading{
    font-family: Gordita, Inter, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.5;
    font-size: 1.58rem;
}
.discussion-division-item-body-description{
    font-size: 1rem;
    line-height: 1.6;
    margin: 15px 0;
}
.discussion-responses-num{
    font-size: .78rem;
    font-weight: 500;
    display: block;
    margin-top: 5px;
}
.load-more-responses-btn{
    border: 1px solid #dbdbdb;
    background: #f7f7f7;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: .82rem;
    font-weight: 600;
    text-align: center;
}
.discussion-reply-input{
    display: block;
    padding: 10px;
    width: 100%;
    border-radius: 3px;
    min-height: 125px;
    line-height: 1.4;
    border: 1px solid #dbdbdb;
    margin-bottom: 15px;
    font-size: .90rem;
    resize: none;
}
.discussion-reply-input:focus{
    border-color: #000;
}
.discussion-tag-item{
    font-size: .85rem;
}
.ask-the-community-modal{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(0,0,0,0.4);
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.04), 0 9px 46px 8px rgba(0, 0, 0, 0.04), 0 11px 15px -7px rgba(0, 0, 0, 0.04);
}
.ask-the-community-modal.active{
    display: block;
}
.ask-the-community-modal > div{
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
.ask-the-community-modal-content{
    width: 100%;
    max-width: 600px;
    margin: 50px 0;
    background-color: #fff;
    overflow: hidden;
    border-radius: 5px;
}
.ask-the-community-modal-content > div{
    padding: 25px;
}
.ask-the-community-modal-content > div:nth-child(2){
    background-color: #f7f7f7;
    border-top: 1px solid #eee;
}
.ask-the-community-modal-content-body p{
    margin-bottom: 5px;
    margin-top: 10px;
}
.ask-the-community-modal-content-body input, 
.ask-the-community-modal-content-body select,
.ask-the-community-modal-content-body textarea{
    display: block;
    width: 100%;
    padding: 8px 15px;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    font-size: .85rem;
}
.ask-the-community-modal-content-body textarea{
    min-height: 90px;
    resize: none;
    line-height: 1.4;
}
.tagify-container{
    width: 100%;
    border: 1px solid #dbdbdb;
    height: 40px;
    border-radius: 5px;
    overflow: hidden;
}
.tagify-container > div{
    height: 100%;
}
.tagify-container > div:first-child{
    width: calc(100% - 70px);
}
.tagify-container > div:first-child input{
    border-width: 0;
    padding: 5px 10px;
    width: 100%;
}
.tagify-container > div:nth-child(2){
    width: 70px;
    min-width: 70px;
    text-align: center;
    border-left: 1px solid #dbdbdb;
    background-color: #f7f7f7;
}
.tagify-container > div:nth-child(2) span{
    font-size: .90rem;
    font-weight: 600;
}
.tagify-list{
    margin: 10px 0;
}
/* /Discussion */
.take-action-container{
    margin: 50px 0;
    padding-top: 70px;
    border-top: 1px solid #e4e5e7;
}
.take-action-container > div{
    width: 48%;
}
.why-num{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background-color: #00cf30;
    text-align: center;
    border-radius: 50%;
    position: relative;
}
.why-num:before{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #45a049;
    position: absolute;
    top: 110%;
    right: 5%;
}
.why-post-post-btn{
    display: inline-block;
    padding: 12px 50px;
    border-radius: 5px;
    background-color: #00cf30;
    color: #fff;
    text-align: center;
    font-weight: 700;
    margin: 15px 0;
}
.why-post-job-here-container{
    width: 100%;
}
.why-post-job-here-container-item{
    margin-bottom: 15px;
}
.why-post-job-here-container-item > div:first-child{
    width: 50px;
    min-width: 50px;
}
.why-post-job-here-container-item > div:nth-child(2){
    width: calc(100% - 50px);
}
.why-post-job-here-container-item > div:nth-child(2) h4{
    font-weight: 800;
    line-height: 1.5rem;
}
.why-post-job-here-container-item > div:nth-child(2) small{
    color: #999999;
    font-size: .82rem;
    display: block;
    line-height: 1.2rem;
    margin-top: 10px;
}
.take-action-header{
    margin-bottom: 25px;
    font-weight: 900;
    line-height: 2.1rem;
}
.subscribe-to-newsletter-container-holder{
    border: 1px solid #e4e5e7;
    border-radius: 5px;
    overflow: hidden;
}
.subscribe-to-newsletter-container-holder > div{
    padding: 10px;
}
.subscribe-to-newsletter-container-holder > div:first-child{
    width: calc(100% - 120px);
    border-right: 1px solid #e4e5e7;
}
.subscribe-to-newsletter-container-holder > div:first-child input{
    width: 100%;
    padding: 0 10px;
    border-width: 0;
    font-size: .85rem;
}
.subscribe-to-newsletter-container p{
    line-height: 1.4;
    margin-bottom: 20px;
}
.subscribe-to-newsletter-container-holder > div:nth-child(2){
    width: 120px;
    padding: 15px;
    text-align: center;
    background-color: #00cf30;
}
.subscribe-to-newsletter-container-holder > div:nth-child(2) a{
    font-weight: 700;
    font-size: .90rem;
    color: #fff;
}
/* /blog */

/* blog article */
.blog-article{
    max-width: 800px;
    width: 100%;
    margin: 25px auto;
}
.blog-article > div:first-child h1{
    font-weight: 900;
    font-size: 4rem;
    line-height: 6rem;
    margin: 25px auto;
}
.blog-article > div:first-child h4{
    font-style: italic;
    border-bottom: 1px solid #dbdbdb;
    font-size: .90rem;
    line-height: 1.75rem;
    color: #202124;
    font-weight: 500;
    padding: 15px 0;
    padding-top: 0;
    margin-top: 0px;
    margin-bottom: 20px;
}
.blog-article > div:first-child > div{
    margin: 10px 0;
}
.blog-article > div:first-child > div > div:nth-child(2) a i{
    font-size: 1.8rem;
    vertical-align: bottom;
}
.blog-article > div:first-child > div > div:nth-child(2) a{
    cursor: pointer;
}
.blog-article-content{
    margin-bottom: 100px;
    word-wrap: break-word;
}
.blog-article-content.not-found{
    text-align: center;
    margin-top: 100px;
}
.blog-article-content .figure-options{
    display: none !important;
}
.blog-article-content ul,
.blog-article-content ol{
    margin: 30px 0;
    margin-left: 20px;
}
.blog-article-content li,
.blog-article-content li{
    font-size: 1.20rem;
    line-height: 1.8;
}
.blog-article-content > figure{
    width: 100%;
    margin: 50px auto;
    text-align: center;
    border-bottom: 1px solid #e4e5e7;
    background-color: #fff;
}
.blog-article-content > figure.social-media-post{
    border-bottom-width: 0;
}
.blog-article-content > figure img{
    max-width: 100%;
    max-height: 900px;
    display: block;
    margin: auto;
    background-color: #fafafa;
    border-radius: 5px;
}
.blog-article-content > figure iframe{
    max-width: 100%;
    display: block;
    margin: auto;
}
.blog-article-content blockquote.bq{
    margin: 30px 0;
    font-size: 1.10rem;
    line-height: 1.6;
    border-left-style: solid;
    border-left-color: #00cf30;
    border-left-width: 3px;
}
.blog-article-content > figure figcaption{
    padding-top: 10px;
    color: #828282;
    font-size: .82rem;
    padding-bottom: 10px;
    background-color: #fff;
    font-style: italic;
    display: block;
    line-height: 1.4;
    text-align: left;
}
.blog-article-content figure > div {
    margin-bottom: 0;
}
.blog-article-content a{
    color: #00cf30;
    font-weight: 500;
    border-bottom: 1px dashed;
}
.blog-article-content > div{
    margin: 30px 0;
    font-size: 1.20rem;
    line-height: 1.8;
}
.blog-article-content a:hover{
    text-decoration: underline;
}
.blog-social-share{
    list-style-type: none;
}
.blog-social-share > li{
    display: inline-block;
    margin-right: 10px;
}
.blog-social-share > li > a > i{
    font-size: 2rem;
}
.blog-social-share > li > a{
    cursor: pointer;
}
.blog-post-tags a{
    display: inline-block;
    padding: 2.5px 10px;
    border-radius: 3px;
    margin: 10px;
    margin-left: 0;
    margin-bottom: 5px;
    font-size: .85rem;
    color: #000;
    border: 1px solid #e4e5e7;
}
.add-comment-form,
.add-comment-form > div{
    width: 100%;
}
.add-comment-form > div{
    margin: 15px 0;
}
.add-comment-form > div:first-child > div{
    width: 49%;
}
.add-comment-form > div:nth-child(2){
    width: 100%;
}
.add-comment-form > div:first-child > div input,
.add-comment-form > div:nth-child(2) textarea{
    width: 100%;
    padding: 8px 15px;
    font-size: .85rem;
    border-radius: 3px;
    border: 1px solid #cfd9de;
}
.add-comment-form > div:nth-child(2) textarea{
    resize: vertical;
    min-height: 100px;
}
.add-comment-form > div:nth-child(3) button{
    border-width: 0;
    background-color: #00cf30;
    color: #fff;
    font-weight: 500;
    padding: 10px 16px;
    border-radius: 3px;
    cursor: pointer;
    font-size: .90rem;
}
.add-comment-form-head{
    font-size: 1.25rem;
    font-weight: 700;
}
.comment-bxx{
    margin-bottom: 100px;
}
.blog-comment-item{
    width: 100%;
    margin-top: 25px;
}
.blog-comment-item > div:first-child{
    width: 75px;
    min-width: 75px;
}
.blog-comment-item > div:first-child img{
    width: 55px;
    height: 55px;
    border-radius: 50%;
    border: 1px solid #cfd9de;
}
.blog-comment-item > div:nth-child(2){
    width: calc(100% - 70px);
}
.blog-comment-item > div:nth-child(2) > h5{
    color: #909090;
    font-size: .82rem;
}
.blog-comment-item > div:nth-child(2) > p{
    font-size: .85rem;
    font-weight: 400;
}
.blog-comment-item > div:nth-child(2) > h4{
    font-size: .92rem;
    font-weight: 500;
    color: initial;
}
.blog-comment-item > div:nth-child(2) > h5,
.blog-comment-item > div:nth-child(2) > h4{
    margin-bottom: 7px;
    font-weight: 600;
}
.blog-article-content blockquote {
    line-height: 1.7;
    border-left: 3px solid #00cf30;
}
.blog-author{
    width: 100%;
    margin: 25px 0 !important;
}
.blog-author > div:first-child{
    width: 70px;
}
.blog-author > div:first-child img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.blog-author > div:nth-child(2){
    width: calc(100% - 70px);
    font-weight: 500;
    color: inherit;
}
.blog-author > div:nth-child(2) small{
    color: #808080;
}
.load-more-blog-comments{
    width: 100%;
    font-size: .95rem;
    font-weight: 700;
    text-align: center;
    background-color: #f7f7f7;
    padding: 10px 10px;
    margin-top: 20px;
    border-radius: 5px;
}
blockquote.twitter-tweet{
    padding: 0;
    margin: 0;
    font-size: initial;
    border-left: 0;
    text-align: left;
}
/* /blog article */

/* -breadcrumb- */
.-breadcrumb-{
    background-color: #f7f7f7;
    height: 44px;
    overflow-y: hidden;
}
.-breadcrumb- .la-home{
    font-size: .95rem;
}
.-breadcrumb-.-white-{
    background-color: #fff;
}
.-breadcrumb-.bb-eee {
    background: #eee;
}
.-breadcrumb-.bb-bottom {
    border-bottom: 1px solid #e4e5e7;
}
.-breadcrumb- > div {
    padding: 10px 0;
}
.-breadcrumb- > div,
.-breadcrumb- > div > small,
.-breadcrumb- > div > small > a{
    color: #999999;
    font-weight: 500;
    font-size: .80rem;
}
/* /-breadcrumb- */

/* mobile search container */
.mobile-search-container{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    background-color: #fff;
    display: none;
}
.mobile-search-container.active{
    display: block;
}
.mobile-search-container > div{
    width: 100%;
    height: 100%;
}
.mobile-search-container > div > div{
    width: 100%;
    padding: 0 15px;
}
.mobile-search-container > div > div:first-child{
    height: 61px;
    position: fixed;
    top: 0;
    border-bottom: 1px solid #e4e5e7;
    z-index: 1;
    /* box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%); */
}
.mobile-search-container > div > div:first-child > div:nth-child(3){
    text-align: right;
}
.mobile-search-container > div > div:first-child > div:nth-child(3),
.mobile-search-container > div > div:first-child > div:first-child{
    width: 40px;
    min-width: 40px;
}
.mobile-search-container > div > div:first-child > div:nth-child(2){
    width: calc(100% - 80px);
}
.mobile-search-container > div > div:first-child > div:first-child i{
    font-size: 1.5rem;
}
.mobile-search-container > div > div:nth-child(2){
    margin-top: 60px;
    padding: 10px 15px;
    padding-bottom: 250px;
    height: calc(100vh - 61px);
    height: calc(100dvh - 61px);
    overflow-y: auto;
}
.mobile-search-container > div > div:nth-child(2) .search-results-container-item{
    padding: 8px 0;
}
.m-searcher{
    width: 100%;
    height: 35px;
}
.m-searcher > div:first-child{
    width: calc(100% - 40px);
}
.m-searcher > div:nth-child(2){
    width: 40px;
    min-width: 40px;
    text-align: right;
}
.m-searcher > div input{
    border-width: 0;
    width: 100%;
    padding: 5px;
    font-size: .85rem;
    background-color: #fff;
}
/* /mobile search container */

/* help center */
#help-center-header{
    background-color: #00cf30;
    position: sticky;
    top: 0;
    z-index: 10;
    box-shadow: 0 0 20px 9px rgba(0, 0, 0, 0.06);
}
.help-center-header-content{
    height: 65px;
}
.help-center-header-content > div ul{
    list-style-type: none;
}
.help-center-header-content > div ul li{
    display: inline-block;
}
.help-center-header-content > div ul li.site-left-menu-btn{
    display: none;
}
.help-center-header-content > div ul li.site-left-menu-btn i{
    font-size: 1.35rem;
    vertical-align: middle;
}
.help-center-header-content > div > ul > li > a{
    color: #eee;
    font-weight: 500;
    font-size: 1rem;
    vertical-align: middle;
}
.help-center-header-content > div > ul > li > a.wht{
    color: #fff;
}
.help-center-header-content > div:nth-child(1) ul li{
    margin-right: 20px;
}
.help-center-header-content > div:nth-child(2) ul li{
    margin-left: 20px;
}
.hc-create-account-btn{
    display: inline-block;
    background-color: #6fda44;
    border: 2px solid #6fda44;
    padding: 1px 15px;
    border-radius: 60px;
}
.hc-create-account-btn.hollow{
    border: 2px solid #6fda44;
    background-color: transparent;
}
.hc-logo{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 5px;
    background-color: #fff;
}
.hc-banner{
    background-color: #00cf30;
}
.hc-banner-content > div{
    width: 47%;
}
.hc-banner-content > div:first-child h1{
    color: #fff;
    font-weight: 500;
    font-size: 3rem;
    line-height: 3.5rem;
    font-family: 'Gordita', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.hc-banner-content > div:first-child p small{
    color: #eee;
    font-size: 1.2rem;
    display: block;
    margin: 10px 0;
    margin-bottom: 15px;
    line-height: 2rem;
}
.help-searcher-container{
    width: 100%;
    position: relative;
}
.hc-search-results{
    width: 100%;
    max-width: 600px;
    position: absolute;
    z-index: 1;
    display: none;
}
.hc-searcher-loader .loading-spinner{
    display: none;
    vertical-align: middle;
}
.hc-searcher-loader.loading .la-search{
    display: none;
}
.hc-searcher-loader.loading .loading-spinner{
    display: inline-block;
}
.hc-search-results.active{
    display: block;
}
.hc-search-results > div{
    width: 100%;
    padding: 15px 0;
    border-radius: 5px;
    background-color: #fff;
    margin-top: 5px;
    max-height: 250px;
    overflow-y: auto;
    box-shadow: 0 3px 6px 0 rgb(32, 33, 36, .28);
}
.hc-searcher{
    width: 100%;
    max-width: 600px;
    padding: 10px;
    padding-right: 0;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
}
.hc-searcher,
.hc-searcher > div{
    height: 60px;
    line-height: 59px;
}
.hc-searcher > div:first-child{
    width: 30px;
    min-width: 30px;
    text-align: center;
}
.hc-searcher > div:first-child i{
    font-size: 1.35rem;
    vertical-align: middle;
}
.hc-searcher > div:nth-child(2){
    width: calc(100% - 100px);
    padding-left: 10px;
    padding-right: 10px;
}
.hc-searcher > div:nth-child(2) input{
    width: 100%;
    border-width: 0;
    background-color: transparent;
    font-size: 1.15rem;
    line-height: 58px;
    font-weight: 500;
    display: block;
}
.hc-searcher > div:nth-child(3){
    width: 100px;
    min-width: 100px;
    background-color: #2869a0;
    text-align: center;
}
.hc-searcher > div:nth-child(3) a{
    color: #fff;
    font-size: 1.05rem;
    font-weight: 600;
}
.hc-banner-content > div:nth-child(2){
    text-align: center;
}
.hc-banner-content > div:nth-child(2) img{
    max-width: 70%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
}
.hc-banner-usage{
    padding: 25px;
    background-color: #63ff7a;
}
.hc-banner-usage h2{
    color: #313131;
    font-weight: 500;
    font-size: 1.50rem;
    line-height: 1.6;
    text-align: center;
    font-family: 'Gordita', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.help-center-item {
    margin-bottom: 70px;
    padding-bottom: 70px;
    border-bottom: 1px solid #eee;
}
.help-center-item > div:first-child{
    width: 30%;
    background: #eee;
    padding: 50px;
    border-radius: 15px;
}
.help-center-item > div:nth-child(2){
    width: 60%;
}
.help-center-item > div:first-child h2{
    font-weight: 500;
    font-size: 2.0rem;
    line-height: 3.0rem;
    padding-bottom: 10px;
    color: #313131;
}
.sep-span{
    display: block;
    width: 70px;
    background-color: #eee;
    height: 5px;
    border-radius: 10px;
    margin-top: 50px;
    margin-bottom: 40px;
}
.help-center-item > div:first-child img{
    max-width: 100%;
    max-height: 200px;
    display: block;
    margin: auto;
}
.help-center-item > div:nth-child(2) h4{
    font-size: 1.25rem;
    line-height: 2.2rem;
    color: #313131;
    font-weight: 500;
}
.hc-link-description{
    margin-top: 25px;
}
.hc-link-description > a{
    display: block;
    width: 33.33%;
    font-size: 1.01rem;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    color: #313131;
}
.-help-actions-content- > div{
    width: 30%;
}
.-help-actions-content- > div h3{
    font-weight: 700;
    color: #ccd6dd;
}
.-help-actions-content- > div p{
    margin: 10px 0;
    color: #657786;
    font-size: .90rem;
    max-width: 300px;
}
.-help-actions-content- > div a{
    display: inline-block;
    border-radius: 60px;
    background-color: #00cf30;
    color: #fff;
    padding: 6px 20px;
    font-weight: 600;
    font-size: .83rem;
}
.-help-actions-content- > div a.social-icon-cnt {
    background: #fff !important;
    color: #999 !important;
    padding: 0 !important;
    margin-right: 15px;
}
.-help-actions-content- > div a.social-icon-cnt i {
    font-size: 1.35rem;
}
.hc-support-content {
    width: 100%;
}
.hc-support-content > div:first-child {
    width: 25%;
    padding-right: 50px;
}
.hc-support-content > div:nth-child(2) {
    width: 78%;
    background: #fff;
    border-radius: 3px;
}
.support-menu-item{
    margin-bottom: 30px;
}
.support-menu-item, 
.support-menu-item > div {
    width: 100%;
}
.support-menu-item-body.inactive{
    max-height: 0;
    overflow: hidden;
}
.support-menu-item-head > div:first-child {
    width: calc(100% - 50px);
    line-height: 1.5;
}
.support-menu-item-head > div:nth-child(2) {
    width: 50px;
    min-width: 50px;
    text-align: right;
}
.support-menu-item-head {
    font-size: 1.20rem;
    font-weight: 500;
}
.support-menu-item-body-list-item {
    list-style-type: none;
    padding-left: 20px;
    border-left: 2px solid #dadce0;
    margin-left: 2px;
}
.support-menu-item-body-list-item li a {
    padding: 15px 20px;
    display: block;
    color: #808080;
    cursor: pointer;
    font-size: .97rem;
}
.support-menu-item-body-list-item li.active a{
    border-radius: 5px;
    background-color: #f0f8ff;
    color: #008000;
    border-width: 0;
    font-weight: 600;
    outline: 0px solid transparent;
}
.support-important-notice{
    padding: 20px;
    border-radius: 5px;
    background: #eee;
    color: #000;
    font-size: .95rem;
    line-height: 1.5;
}
.support-menu-item-body-list-item li:first-child {
    margin-top: 30px;
}
.support-menu-item-body-list-item li:nth-last-of-type(1) {
    margin-bottom: 30px;
}
.support-menu-item-icon.active{
    transform: rotate(180deg);
}
.support-content-area .support-content-area-article a > b {
    font-weight: 500;
}
.support-content-area .support-content-area-article  > *, 
.support-content-area .support-content-area-article  > ul > li {
    margin-bottom: 25px;
}
.support-content-area .support-content-area-article  > ul{
    margin-left: 20px;
}
.support-content-area .support-content-area-article  > h1{
    font-weight: 900;
    color: #000;
    font-size: 4rem;
    line-height: 1.4;
}
.support-content-area .support-content-area-article  > h3,
.support-content-area .support-content-area-article  > h2 {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #000;
}
.support-content-area .support-content-area-article  > p,
.support-content-area .support-content-area-article  > ul > li {
    font-size: .95rem;
    color: #000;
}
.support-content-area .support-content-area-article a:not(.cdi-btn) {
    color: #00cf30;
}
.sm-grey {
    color: #909090;
}
i.support-menu-item-icon {
    font-size: 1.10rem;
}
.support-content-area .support-content-area-article  img {
    max-width: 100%;
    padding: 15px;
    border: 1px solid #f7f7f7;
    border-radius: 3px;
}
.was-help-container{
    width: 100%;
    padding: 25px 25px;
    margin: 50px 0;
    background: #f5f5dc;
    border-radius: 10px;
}
.was-help-container > div:first-child{
    margin-right: 25px;
}
.was-help-container > div:nth-child(2) span{
    display: inline-block;
    padding: 7px 27px;
    font-weight: 600;
    border: 1px solid #dadce0;
    border-radius: 5px;
    font-size: .90rem;
    margin-right: 10px;
    background: #dbdbdb;
}
.was-help-container > div:nth-child(2) span i {
    font-size: 1.75rem !important;
}
/* /help center */

/* complete your profile */
.-complete-profile-{
    width: 100vw;
    width: 100dvw;
    height: 100vh;
    height: 100dvh;
}
.complete-profile-image{
    width: 25px;
    vertical-align: middle;
    margin-right: 30px;
    display: inline-block;
    margin-top: -5px;
}
.complete-profile-content,
.cp-introduction-image{
    margin-top: 50px;
}
.cp-introduction {
    position: fixed;
    z-index: 10;
    top: 0;
    left: -0vw;
    left: -0dvw;
    width: 100vw;
    width: 100dvw;
    padding: 20px;
    font-size: 1.3rem;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 2px 6px 2px rgba(60, 64, 67, .15);
}
.cp-introduction span{
    color: #00cf30;
    font-weight: 700;
}
.cp-introduction b {
    font-weight: 400;
}
.complete-profile-content > div{
    text-align: center;
    max-width: 500px;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-bottom: 60px;
    position: relative;
}
.complete-profile-content > div.zero-margin{
    margin-top: 0;
    margin-bottom: 0;
}
.cp-introduction-description{
    color: #007aff;
    font-size: .80rem;
    line-height: 1.2rem;
    margin: 20px 0;
    text-align: left;
    background: #f0f8ff;
    padding: 15px;
    border-radius: 10px;
    font-weight: 500;
}
.cp-introduction-description.excl{
    color: #828282;
    text-align: center;
    background: transparent;
    padding: 0;
    border-radius: 0;
    font-weight: 500;
}
.cp-introduction-description i{
    font-size: 1.2rem;
}
.cp-introduction-image{
    width: 25vw;
    width: 25dvw;
    min-width: 250px;
    display: inline-block;
    margin-bottom: 25px;
    margin-top: 70px;
}
.cp-introduction-image.mini{
    width: 20vw;
    width: 20dvw;
    min-width: 220px;
}
.cp-photo-upload-box{
    margin-bottom: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
}
.cp-photo-upload-box > div{
    width: 100%;
}
.cp-photo-upload-box > div:first-child{
    width: 300px;
    height: 250px;
    margin: auto;
    position: relative;
    overflow: hidden;
}
.cp-photo-upload-box > div:first-child > div{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}
.cp-photo-upload-box > div:first-child > div:first-child{
    z-index: 0;
}
.cp-photo-upload-box > div:first-child > div:first-child img{
    max-width: 450px;
    pointer-events: none;
}
.cp-photo-upload-box > div:first-child > div:nth-child(2) {
    z-index: 1;
    width: 200px;
    height: 180px;
    top: 35px;
    left: 50px;
    pointer-events: none;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.30);
}
.cp-photo-upload-box-holder{
    position: absolute;
}
.cp-photo-upload-resizer{
    width: 100%;
    position: relative;
    margin-bottom: 60px;
    margin-top: 10px;
}
.cp-photo-upload-resizer > div{
    position: absolute;
    
}
.cp-photo-upload-resizer > div:first-child{
    width: 100%;
    height: 6px;
    background-color: #828282;
    border-radius: 60px;
    z-index: 0;
}
.cp-photo-upload-resizer > div:nth-child(2){
    width: 20px;
    height: 20px;
    margin-top: -6px;
    border-radius: 50%;
    background-color: #828282;
    z-index: 1;
    cursor: pointer;
}
.cp-footer{
    position: fixed;
    bottom: 0;
    width: 100vw;
    width: 100dvw;
    left: 0vw;
    left: 0dvw;
    text-align: center;
    padding: 15px;
    background: #fff;
    border-top: 1px solid #e4e5e7;
}
/* /complete your profile */
/* error page */
.pnf-phrase {
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 900;
    text-align: center;
    margin-top: 15px;
}
.pnf-image {
    max-width: 200px;
    display: block;
    margin: 25px auto;
}
.pnf-description {
    text-align: center;
    max-width: 300px;
    margin: auto;
}
.pnf-link {
    text-align: center;
    font-weight: 600;
    display: block;
    margin-top: 15px;
}
.pnf-link a{
    margin: 0 10px;
}
.pnf-content-container {
    max-width: 600px;
    margin: auto;
    margin-top: 10vh;
    margin-top: 10dvh;
}
/* /error page */
/* page loader */
#page-loader{
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
#page-loader.active{
    display: block;
    background-color: transparent;
}
#page-loader > div{
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-color: transparent;
}
#page-loader .loading-spinner-container{
    width: 100px !important;
    height: 100px !important;
    border-radius: 18px !important;
    background-color: #fff !important;
    box-shadow: 0 16px 42px rgba(0, 0, 0, .16);
}
#page-loader .page-loader-ios-icon{
    display: block;
    width: 42px;
    height: 42px;
}
#page-loader .loading-spinner-container .loading-spinner.max, 
#page-loader .loading-spinner-container .loading-spinner.max-two {
    width: 30px !important;
    height: 30px !important;
    border-width: 3px !important;
}
#page-loader .loading-spinner-container > .loading-spinner.ls-bg {
    margin-right: 0;
    border-width: 2px;
}
@keyframes loader-bar-animation {
    0% {
        width: 0%;
    }
    49% {
        width: 100%;
        left: 0%
    }
    50% {
        left: 100%;
        width: 0;
    }
    100% {
        left: 0%;
        width: 100%
    }
}
#page-loader-line,
#page-loader-line .bar{
    height: 3px;
}
#page-loader-line {
    width: 100%;
    display: none;
    z-index: 999999999;
    position: fixed;
    top: -1px;
    background-color: #eee;
}
#page-loader-line.active{
    display: block;
}
#page-loader-line .bar {
    width: 100%;
    position: absolute;
    background-color: #00cf30;
    animation-name: loader-bar-animation;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.694,0,.335,1);
}
.pll-blue #page-loader-line .bar{
    background-color: #0070ff;
}
.pll-black #page-loader-line .bar{
    background-color: #030303;
}
/* /page loader */
/* forum */
.forum-item{
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e4e5e7;
}
.forum-item > div:first-child{
    width: 70px;
    min-width: 70px;
}
.forum-item > div:first-child > img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}
.forum-item > div:nth-child(2){
    width: calc(100% - 120px);
    padding: 0 15px;
}
.forum-item.forum-item-wide > div:nth-child(2){
    width: calc(100% - 40px);
    padding: 0 15px;
    padding-left: 0;
}
.forum-creator-box{
    margin-bottom: 15px;
}
.forum-creator-box > div:first-child{
    width: 40px;
    min-width: 40px;
}
.forum-creator-box > div:first-child img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.forum-creator-box > div:nth-child(2){
    font-size: .85rem;
    font-weight: 500;
}
.forum-item > div:nth-child(2) h3{
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: 700;
}
.forum-item > div:nth-child(2) p{
    font-size: 0.95rem;
    line-height: 1.55rem;
    margin-top: 10px;
}
.forum-item > div:nth-child(2) p:not(.no-clip){
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}
.forum-item > div:nth-child(3){
    width: 40px;
    min-width: 40px;
    text-align: right;
}
.category-item{
    display: inline-block;
    background-color: #202124;
    color: #fff;
    padding: 0 10px;
    font-size: 12px;
}
.forum-item-stats{
    margin-bottom: 10px;
}
.forum-item-stats small{
    display: inline-block;
    margin-right: 10px;
}
.forum-topics-container > div:first-child h2,
.forum-answer-container > div:first-child h2{
    font-weight: 800;
    font-size: 2rem;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e4e5e7;
}
.forum-answer-container,
.forum-topics-container{
    margin-top: 50px;
}
.discussion-answer-item{
    padding-right: max(100px, 20%);
}
/* /forum */
/* dashboard modal */
.dashboard-sbs-button{
    width: 100%;
}
.dashboard-sbs-button > a{
    display: inline-block;
    width: 50%;
    padding: 3.5px 2px;
    text-align: center;
    font-size: .85rem;
    font-weight: 500;
    overflow: hidden;
    border: 1px solid #dbdbdb;
    font-family: 'Roboto', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.dashboard-sbs-button > a:first-child{
    border-right-width: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #0070f3;
    border-color: #0070f3;
    color: #fff;
}
.dashboard-sbs-button > a:nth-child(2){
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #fff;
    color: #0070f3;
}
#dashboard-notifications-body-notifications-list-loader, 
#dashboard-review-list-loader,
.dashbaord-spinner-loader{
    text-align: center;
    padding: 25px 25px;
    display: none;
}
.dashbaord-spinner-loader.-sm-{
    padding: 10px 25px;
}
#dashboard-notifications-body-notifications-list-loader.loading, 
#dashboard-review-list-loader.loading,
.dashbaord-spinner-loader.loading{
    display: block;
}
.dashoboard-modal-container{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.4);
}
.dashoboard-modal-container > div{
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
    position: relative;
}
.dashoboard-modal-container > div > .dashoboard-modal-container-content{
    width: 100%;
    max-width: 650px;
    background-color: #fff;
    border: 1px solid #e4e5e7;
    -webkit-box-shadow: rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px, rgba(0, 0, 0, 0.20) 0px 11px 15px -7px;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px, rgba(0, 0, 0, 0.20) 0px 11px 15px -7px;
    border-radius: 5px;
    margin: 25px auto;
    transform: scale(0.8);
}
.dashoboard-modal-container > div > .dashoboard-modal-container-content.active{
    transform: scale(1.0);
}
.dashoboard-modal-container > div > .dashoboard-modal-container-content > div{
    width: 100%;
}
.dashoboard-modal-container > div > .dashoboard-modal-container-content > div:first-child,
.dashoboard-modal-container > div > .dashoboard-modal-container-content > div:nth-child(3){
    height: 60px;
}
.dashoboard-modal-container-content-header,
.dashoboard-modal-container-content-footer{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
}
.dashoboard-modal-container-content-header > div:first-child,
.dashoboard-modal-container-content-header > div:nth-child(3){
    width: 50px;
    min-width: 50px;
}
.dashoboard-modal-container-content-header > div:nth-child(3){
    text-align: right;
}
.dashoboard-modal-container-content-header > div:nth-child(2){
    width: calc(100% - 100px);
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
.dashoboard-modal-heading{
    font-size: 1.25rem;
}
.dashoboard-modal-container-content-body{
    border-bottom: 1px solid rgb(234, 234, 234);
    border-top: 1px solid rgb(234, 234, 234);
    max-height: calc(100vh - 230px);
    max-height: calc(100dvh - 230px);
    min-height: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow-y: auto;
}
.dashboard-modal-close-icon{
    display: inline-block;
    background-color: #eee;
    width: 30px;
    height: 30px;
    line-height: 30px !important;
    border-radius: 50%;
    text-align: center;
    font-size: 1.3rem;
    cursor: pointer;
}
.dashboard-modal-close-icon,
.dashboard-form-item-text-input > .form-control-item,
.dashboard-modal-btn{
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.dashboard-modal-btn{
    background-color: #007aff;
    border-radius: 5px;
    font-weight: 500;
    font-size: 0.91rem;
    color: #fff;
    border-width: 0;
    padding: 8px 16px;
    cursor: pointer;
}
.cedijob-quick-action-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 50;
    display: none;
}
.cedijob-quick-action-modal.active {
    display: block;
}
.cedijob-quick-action-modal-content-holder {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
.cedijob-quick-action-modal-content {
    width: 90%;
    max-width: 750px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.04);
    overflow: hidden;
}
.cedijob-quick-action-modal-content > div {
    padding-left: 50px;
    padding-right: 50px;
}
.only-freelance-job-notice {
    padding: 10px 20px;
    background-color: #faebd7;
    color: #ff0000;
    font-size: .88rem;
    margin: auto;
    width: 94%;
    max-width: 700px;
    margin-bottom: 25px;
    margin-top: 20px;
    font-weight: 500;
    border-radius: 5px;
    line-height: 1.6;
    border: 1px solid #ffb6c1;
}
.cqamc-1 {
    text-align: right;
    background-color: #f0ffff;
    padding-top: 50px;
    padding-bottom: 50px;
}
.cqamc-1 i {
    font-size: 1.25rem;
    padding-left: 1.5px;
    display: inline-block;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #d3d3d3;
    text-align: center;
}
.cqamc-2 {
    text-align: center;
    background-color: #f0ffff;
    padding-bottom: 50px;
}
.cqamc-2 img {
    /* max-width: 150px; */
    max-width: 18rem;
}
.cqamc-3 {
    color: #333;
    font-size: .85rem;
    line-height: 1.6;
    margin: 15px 0;
    margin-bottom: 35px;
    font-weight: 500;
    text-align: center;
}
.cqamc-4 {
    text-align: center;
    padding-bottom: 50px;
}
.cqamc-4 a {
    display: inline-block;
    padding: 10px 70px;
    color: #fff;
    background-color: #0070f3;
    border-radius: 5px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
}
.cqamc-3-sep {
    margin-bottom: 10px;
    text-align: center;
}
.cqamc-3-sep span {
    display: inline-block;
    width: 40px;
    height: 5px;
    background-color: #999;
    border-radius: 5px;
}
.two-way-div-description > h2,
#start-action-section > div > div h3,
#start-action-section > div > div p,
.for-client-section-service-list-item h3,
.service-search-banner--content-2,
.section-categories-header-content > div:first-child h1,
.three-way-div > div > div:nth-child(2) > div > div:nth-child(2) h3,
.welcome-section-container > div:first-child h1,
.welcome-section-container > div:first-child p,
.three-way-div > div > div:first-child > h2,
.who-we-are-container > div,
.for-client-section > div > div:nth-child(2) h2,
.site-logo b,
.user-project-section-content > div h2,
.blog-article > div:first-child h1,
.footer > div > div.footer-line > div b.ini,
.help-center-item > div:first-child h2,
.help-center-item > div:nth-child(2) h4,
#community-banner-text,
#community-category-content > a h2,
.support-menu-item-head,
.quick-hire-category-item > div > div:nth-child(2) h5,
.dashboard-modal-btn{
    font-family: 'Gordita', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.dashboard-modal-btn > svg{
    fill: #fff;
    margin-right: 5px;
    margin-top: 1px;
}
.dashboard-modal-btn.-no-fill-{
    background-color: transparent;
    color: #007aff;
}
.dashboard-modal-btn.-disabled-btn-{
    opacity: 0.5;
    background-color: #dbdbdb;
    color: #828282;
    cursor:not-allowed;
    pointer-events: none;
}
.dashboard-modal-btn.-wide-sides-{
    padding-left: 40px;
    padding-right: 40px;
}
.dashboard-modal-form{
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
.dashboard-form-item{
    margin: 15px 0;
}
.dashboard-form-item,
.dashboard-form-item > div{
    width: 100%;
}
.dashboard-form-item > div:first-child{
    margin-bottom: 10px;
}
.dashboard-form-item-label{
    font-weight: 500;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14.5px !important;
}
.dashboard-form-item-label-description{
    position: relative;
}
.dashboard-form-item-label-description > i{
    cursor: pointer;
}
.dashboard-form-item-label-description > span {
    top: 150%;
    left: -50px;
    position: absolute;
    background-color: #fff;
    padding: 15px;
    min-width: 300px;
    max-width: 300px;
    border-radius: 5px;
    font-size: .85rem;
    line-height: normal;
    box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.15);
    pointer-events: none;
    display: none;
    z-index: 2;
}
.dashbaord-list-item.payments-dashbaord-list-item {
    border-bottom: 1px solid #e4e5e7;
}
.form-control-item{
    border: 1px solid #e4e5e7;
    width: 100%;
    display: block;
    padding: 10px 15px; 
    font-size: 0.95rem;
    border-radius: 5px;
    font-weight: 500;
    background-color: #fff;
}
.form-control-item.form-control-item-textarea{
    resize: vertical;
    min-height: 100px;
    line-height: 1.4rem;
}
.form-control-item.-fill-background-{
    background-color: #f7f7f7 !important;
}
.form-control-item:focus{
    border-color: #007aff;
}
.dashboard-form-item-error{
    margin-top: 10px;
    display: none;
}
.dashboard-form-item-error.active{
    display: block;
}
.dashboard-form-item-error,
.dashboard-form-item-error > div{
    width: 100%;
}
.dashboard-form-item-error > div{
    color: #dc4d41;
}
.dashboard-form-item-error > div > div:first-child{
    width: 30px;
    min-width: 30px;
}
.dashboard-form-item-error > div > div:first-child i{
    font-size: 1.25rem;
}
.dashboard-form-item-error > div > div:nth-child(2){
    word-wrap: break-word;
    font-size: .90rem;
    line-height: 22px;
    font-weight: 500;
}
.dashboard-form-item-search-container,
.dashboard-form-item-search-container > div{
    width: 100%;
}
.dashboard-form-item-search-container > div:first-child{
    position: relative;
}
.dashboard-form-item-search-container-results{
    position: relative;
    margin-top: 2.5px;
    display: none;
    z-index: 2;
}
.dashboard-form-item-search-container-results-content{
    position: absolute;
    border: 1px solid #e4e5e7;
    width: 100%;
    max-height: 250px;
    min-height: 60px;
    border-radius: 5px;
    overflow-y: auto;
    background-color: #fff;
}
.dashboard-form-item-search-container-results-content > div:nth-last-of-type(1){
    border-bottom-width: 0;
}
.dashboard-form-item-search-result-item{
    width: 100%;
    padding: 10px 15px;
    border-bottom: 1px solid #e4e5e7;
}
.dashboard-form-item-search-image{
    width: 30px;
    min-width: 30px;
}
.dashboard-form-item-search-image img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    vertical-align: middle;
}
.dashboard-form-item-search-text{
    padding-right: 15px;
    padding-left: 15px;
    font-size: .95rem;
    font-weight: 500;
    cursor: pointer;
}
.dashboard-form-item-search-icon{
    text-align: right;
    min-width: 30px;
    width: 30px;
    cursor: pointer;
}
.dashboard-form-item-search-icon i{
    font-size: 1.25rem;
}
.dashboard-form-item-added-to-search-container{
    width: 100%;
    margin: 15px 0;
}
.mctis-container-item.empty-d-content .main-content-tab-item-sbs-page-content-header-list-container,
.mctis-container-item.empty-d-content .main-content-tab-item-sbs-page-body{
    display: none !important;
}
.mctis-container-item.empty-d-content .dashboard-body-all-caught{
    display: block !important;
    margin: 0 !important;
    padding-top: 150px !important;
}
.job-overview-container-item{
    margin-bottom: 20px;
}
.job-overview-three-way-item{
    width: 100%;
}
.job-overview-three-way-item > div{
    width: 32%;
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.job-overview-three-way-item > div.-fw-{
    width: 100% !important;
}
.job-overview-three-way-item > div.success{
    background-color: #d2fff0;
    border-color: #d2fff0;
}
.job-overview-three-way-item > div.failed{
    background-color: #faebd7;
    border-color: #faebd7;
}
.job-overview-three-way-item > div > div:first-child,
.job-overview-itemized-item > div:first-child{
    margin-bottom: 5px;
    font-weight: 400;
    color: #6e6e7e;
    display: block;
    font-size: .83rem;
    line-height: 1.35;
}
.job-overview-three-way-item > div > div:nth-child(2) h4 {
    font-size: .85rem;
    line-height: 1.5;
    font-weight: 500;
}
.job-overview-three-way-item > div > div:nth-child(2) h4.-sm-{
    font-size: .83rem;
}
.job-overview-itemized-item > div:first-child{
    margin-bottom: 15px;
}
.job-overview-itemized-item > div:nth-child(2) .shared-file-item{
    padding: 0;
}
.job-overview-breadcrumb > a {
    color: #000;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    display: inline-block;
}
.job-overview-breadcrumb .la-angle-right{
    font-size: .80rem;
}
.overview-content-item{
    width: 100%;
}
.overview-content-item > div{
    background-color: #fff;
    border: 1px solid #eee;
    width: 100%;
    border-radius: 3px;
}
.overview-content-item-heading, 
.overview-content-item-body{
    width: 100%;
    padding: 15px;
}
.overview-content-item-heading{
    border-bottom: 1px solid #eee;
}
.buyer-seller-info-box > div:first-child{
    width: 55px;
    min-width: 55px;
}
.buyer-seller-info-box > div:first-child img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #eee;
}
.buyer-seller-info-box-name{
    font-weight: 500;
    font-size: .94rem;
}
.buyer-seller-info-box-username,
.buyer-seller-info-box-online-status{
    font-size: .80rem;
    color: #828282;
}
.buyer-seller-info-box-online-status .online-status-indicator{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 2.5px;
    background-color: #14a800;
    vertical-align: baseline;
}
.buyer-seller-info-box-online-status .online-status-indicator.offline{
    background-color: #ff0000;
}
.buyer-seller-info-box-online-status-container,
.buyer-seller-info-box-username-container{
    margin-top: -7px;
}
.buyer-seller-info-amount-info{
    font-size: .94rem;
    font-weight: 500;
}
.overview-package-details{
    margin: 15px 0;
    margin-bottom: 25px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    padding-bottom: 15px;
    padding-top: 15px;
}
.overview-package-details > div{
    margin-right: 35px;
}
.overview-package-details > div > div{
    font-size: .85rem;
}
.overview-package-details > div > div b{
    font-weight: 600;
}
.simple-label{
    font-size: .85rem;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 7.5px;
}
.switcher-container{
    width: 100%;
}
.switcher-container > div:nth-child(2){
    min-width: 100px;
}
.additional-item{
    margin-bottom: 15px;
}
.additional-item > div:nth-child(2){
    min-width: 120px;
    text-align: right;
}
.additional-item-description{
    line-height: normal;
}
.additional-item-description > small{
    color: #828282;
    font-size: 12.5px;
    display: block;
    line-height: 1.5;
}
.dashboard-form-item-switch-btn{
    display: inline-block;
    width: 60px;
    height: 30px;
    border-radius: 60px;
    background-color: #00cf30;
    border: 2px solid #00cf30;
    cursor: pointer;
    text-align: left;
}
.dashboard-form-item-switch-btn > span{
    height: 26px;
    width: 28px;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    margin-left: 28px;
}
.dashboard-form-item-switch-btn.inactive{
    background-color: #828282;
    border: 2px solid #828282;
}
.dashboard-form-item-switch-btn.inactive > span{
    margin-left: 0;
}
.market-requirement-faq{
    padding-bottom: 15px;
    border-bottom: 1px solid #cfd9de;
    margin-bottom: 25px;
}
.market-requirement-faq:nth-last-of-type(1){
    border-bottom-width: 0;
}
.market-requirement-faq > div{
    width: 100%;
}
.market-requirement-faq > div h4,
.market-requirement-faq > div p{
    line-height: 1.4;
}
.market-requirement-faq > div h4 {
    font-size: .95rem;
}
.market-requirement-faq > div p{
    font-size: .94rem;
}
.market-requirement-faq > div{
    margin-bottom: 15px;
}
.main-order-requirement-container{
    width: 100%;
}
.main-order-requirement-container > div:first-child{
    width: 60%;
}
.main-order-requirement-container > div:nth-child(2){
    width: 36%;
}
.main-order-requirement-container.empty-mode > div:first-child{
    width: 100%;
}
.main-order-requirement-container.empty-mode > div:nth-child(2){
    display: none;
}
.main-order-requirement-container-attachments > div:first-child{
    margin-top: 5px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cfd9de;
}
.main-order-requirement-container-attachments > div:first-child h4 i{
    color: #0070f3;
}
.dashboard-quick-actions-container{
    margin-top: 25px;
    margin-bottom: 25px;
}
.dashboard-quick-actions-container-item{
    background-color: #fff;
    margin-right: 15px;
    font-size: .97rem;
    font-weight: 500;
    padding: 20px 20px;
    display: block;
    border: 2px dashed #dbdbdb;
    border-radius: 7px;
    white-space: nowrap;
    color: #000;
}
.invisible{
    visibility: hidden;
    opacity: 0.0;
    pointer-events: none;
}
/* dashboard modal */
/* activity container modal*/
.activity-modal-container{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    background-color: rgba(0, 0, 0, 0.4);
}
.activity-modal-container > div{
    width: 100%;
    height: 100%;
}
.activity-modal-container > div > div{
    width: 100%;
    max-width: 650px;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px, rgba(0, 0, 0, 0.20) 0px 11px 15px -7px;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px, rgba(0, 0, 0, 0.20) 0px 11px 15px -7px;
    border-radius: 10px;
    margin: 70px auto;
    transform: scale(0.8);
    padding: 15px 25px;
    padding-bottom: 50px;
}
.activity-modal-container-header{
    width: 100%;
    height: 70px;
}
.activity-modal-container-sub-header{
    font-size: 1.1rem;
    line-height: 1.70rem;
    max-width: 400px;
    margin: auto;
    color: #909090;
}
.activity-modal-container-header > div:first-child,
.activity-modal-container-header > div:nth-child(3){
    width: 40px;
}
.activity-modal-container-header > div:nth-child(3) i{
    font-size: 1.7rem;
}
.activity-modal-container-header > div:nth-child(2){
    width: calc(100% - 80px);
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600;
}
.series-input-item{
    width: 100%;
}
.series-input-item > div > input{
    width: 45px;
    text-align: center;
    border-radius: 10px;
    height: 50px;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #e4e5e7;
}
.series-input-item > div > input:focus,
.text-editor-box-description-input:focus,
.text-editor-box-description-input-two:focus{
    border-color: #45a049 !important;
    -webkit-box-shadow: inset 0 1px 4px rgba(52, 186, 8, .08), 0 0 0 0.2em rgba(52, 186, 8, .30);
    box-shadow: inset 0 1px 4px rgba(52, 186, 8, .08), 0 0 0 0.2em rgba(52, 186, 8, .30);
}
.series-input-item{
    margin: 20px 0;
}
/* /activity container modal*/
/* proposals */
.proposals-header h3{
    font-weight: 2rem;
    line-height: 3rem;
    font-weight: 600;
}
.proposals-body{
    margin: 25px 0;
}
.proposal-count-item{
    background-color: #fff;
    border: 1px solid #e4e5e7;
    border-radius: 10px;
    margin-bottom: 30px;
}
.proposal-count-item > .proposal-count-item-header,
.proposal-count-item > .proposal-count-item-body{
    width: 100%;
    padding: 25px 25px;
}
.proposal-count-item > .proposal-count-item-body{
    padding-top: 0;
    padding-bottom: 0;
    max-height: 0;
}
.proposal-count-item > .proposal-count-item-header{
    border-bottom: 1px solid #e4e5e7;
}
.proposal-count-item > .proposal-count-item-header > div:first-child h3{
    font-weight: 500;
    font-size: 1.25rem;
}
.proposal-count-item-body{
    overflow-x: auto;
}
.proposal-count-item-body-child{
    width: 100%;
    border-bottom: 1px solid #e4e5e7;
    margin-bottom: 20px;
    padding-bottom: 20px;
    min-width: 800px;
}
.proposal-count-item-body > .proposal-count-item-body-child:first-child{
    margin-top: 20px;
}
.proposal-count-item-body > .proposal-count-item-body-child:nth-last-of-type(1){
    border-bottom-width: 0;
    margin-bottom: 0;
}
.proposal-count-item-body-child > div:first-child{
    min-width: 200px;
    width: 200px;
}
.proposal-count-item-body-child > div:nth-child(2){
    width: calc(100% - 400px);
}
.proposal-count-item-body-child > div:nth-child(3){
    min-width: 200px;
    width: 200px;
}
.proposal-count-item-body-child > div > p{
    margin-bottom: 0;
    font-size: .90rem;
    line-height: 1.3rem;
}
.proposal-count-item-body-child > div > p a{
    color: #00cf30;
}
.proposal-count-item-body-child > div > p + small{
    color: #828282;
}
/* /proposals */
/* manage content modal */
.clean-iframe{
    width: 100%; 
    height: 100%; 
    overflow: hidden; 
    border-width: 0;
}
.manage-content-modal{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 34;
    /* z-index: 99; */
    top: 0;
    left: 0;
    display: none;
}
.manage-content-modal.active{
    display: block;
}
.manage-content-modal > div{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    overflow-y: auto;
}
.manage-content-modal > div > div{
    border-radius: 3px;
    align-self: center;
    position: relative;
    width: 100%;
    max-width: 1000px;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.4);
}
.manage-content-modal.full-screen > div > div{
    top: 0;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    height: 100dvh;
    border-radius: 0;
}
.manage-content-modal.min-width > div > div{
    max-width: 500px;
}
.manage-content-modal.max-width > div > div{
    max-width: 800px;
}
.manage-content-modal-items{
    width: 100%;
}
.manage-content-modal-head{
    border-bottom: 1px solid #e4e5e7;
    height: 61px;
    padding: 0 25px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    z-index: 1;
    position: relative;
}
.manage-content-modal-head > div:first-child{
    flex-grow: 1;
}
.manage-content-modal-head.active{
    border-color: #fff;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.10);
}
.manage-content-modal-footer{
    border-top: 1px solid #e4e5e7;
    height: 61px;
    padding: 0 25px;
    display: none;
}
.manage-content-modal.show-footer .manage-content-modal-footer{
    display: block !important;
}
.manage-content-modal-footer > div{
    height: 100%;
}
.manage-content-modal-heading{
    color: #212121;
    font-size: 1.0rem;
    font-weight: 500;
    text-transform: capitalize;
}
.manage-content-modal-heading-closer,
.manage-content-modal-heading-icon{
    color: #989898;
    font-size: 1.7rem;
    cursor: pointer;
    margin-left: 15px;
    display: inline-block;
    vertical-align: text-bottom;
}
.manage-content-modal-body{
    height: 70vh;
    height: 70dvh;
    min-height: 450px;
    padding: 0 25px;
    padding-bottom: 50px;
    overflow-y: auto;
    overflow-x: hidden;
}
.manage-content-modal-body.no-padding{
    padding: 0 !important; 
}
.manage-content-modal-body.loading::before{
    background-color: rgba(255, 255, 255, 0.6);
    content: "";
    position: absolute;
    width: 100%;
    height: 2000dvh;
    z-index: 10;
}
.full-dimension{
    width: 100%;
    height: 100%;
}
.manage-content-modal-body-item.full-dimension.centered{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}
.manage-content-modal-body-item.full-dimension.centered{
    text-align: center;
}
.manage-content-modal-body-item{
    width: 100%;
}
.manage-content-modal-body-item.inactive{
    display: none !important;
}
.manage-content-modal-body-item-margin-10-10 > div{
    margin: 10px 0;
}
.manage-content-modal-body-item-lead-icon{
    display: inline-block;
    width: 130px;
    height: 130px;
    line-height: 130px !important;
    border-radius: 50%;
    background-color: #f7f7f7;
    display: inline-block;
    text-align: center;
    font-size: 4rem;
    color: #909090;
    margin-bottom: 20px;
    cursor: pointer;
}
.manage-content-modal-heading-text{
    vertical-align: text-bottom;
    font-size: 14px;
    font-weight: 500;
}
#portfolio-drop-area.active .manage-content-modal-body-item-lead-icon{
    background-color: #00cf30;
    color: #fff;
}
#portfolio-drop-area.active *{
    pointer-events: none;
}
.manage-content-modal-body-item-lead-icon-description p{
    margin-bottom: 0;
    font-weight: 500;
    font-size: 16px !important;
}
.manage-content-modal-body-item-lead-icon-description p + small{
    color: #606060;
    font-size: 12.5px;
    font-weight: 400;
    display: block;
    line-height: 1.2rem;
    margin-top: 5px;
    max-width: 400px;
    text-align: center;
    margin: auto;
}
.manage-content-modal-searcher-input-container{
    white-space: nowrap;
    width: 100%;
}
.manage-content-modal-search-results-container{
    display: none;
    margin: 15px 0;
}
.manage-content-modal-search-results-item{
    width: 100%;
    cursor: pointer;
    margin: 5px 0;
}
.manage-content-modal-search-results-item > div:first-child{
    width: 40px;
    min-width: 40px;
}
.manage-content-modal-search-results-item > div:first-child i{
    font-size: 1.25rem;
    color: #828282;
}
.manage-content-modal-search-results-item > div:nth-child(2){
    width: calc(100% - 90px);
    padding-right: 20px;
    font-size: .85rem;
    line-height: 1.3rem;
    margin: 5px 0;
}
.manage-content-modal-search-results-item > div:nth-child(3){
    width: 50px;
}
.manage-content-modal-search-results-item > div:nth-child(3) .sm-btn{
    display: block;
    line-height: 18px;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid #dbdbdb;
    text-align: center;
    border-radius: 60px;
}
.search-results-mode .manage-content-modal-search-results-container{
    display: block;
}
.search-results-mode .manage-content-modal-list-container{
    display: none;
} 
.manage-content-modal-searcher-input{
    border-width: 0;
    width: calc(100% - 50px);
    font-size: .95rem;
    background-color: transparent;
    vertical-align: middle;
    font-weight: 400;
}
.manage-content-modal-list{
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.manage-content-modal-list li{
    font-size: .92rem;
    font-weight: 500;
    margin: 10px 0;
}
.manage-content-modal-list li.lst-none{
    list-style-type: none !important;
}
.manage-content-modal-list li img{
    width: 100%;
    max-width: 700px;
}
.manage-content-modal-body-item-btn{
    background-color: #00cf30;
    color: #fff !important;
    padding: 7px 14px;
    font-weight: 500;
    font-size: 0.85rem;
    display: inline-block;
    margin-top: 30px;
    border-radius: 2px;
    cursor: pointer;
}
.manage-content-modal-body-item-btn.mar-top-0{
    margin-top: 0;
}
.manage-content-modal-body-item-footer-text{
    font-size: .79rem;
    display: block;
    max-width: 80%;
    margin: auto;
    margin-top: 45px;
    line-height: 1.2rem;
    color: #828282;
}
.manage-content-modal-body-item-footer-text a{
    color: #00cf30;
}
.manage-content-form{
    width: 100%;
}
.manage-content-form-flex > div{
    margin: 25px 0;
    margin-bottom: 30px;
}
.manage-content-form-flex > div:first-child{
    width: 60%;
}
.manage-content-form-flex > div:nth-child(2){
    width: 36%;
}
.manage-content-form-item{
    margin-top: 15px;
    width: 100%;
}
.manage-content-form-item-header p{
    margin-bottom: 0;
    font-weight: 600;
    font-size: 14.5px !important;
    line-height: 1.5;
}
.manage-content-info{
    width: 100%;
    margin: 10px 0;
    padding: 10px;
    background-color: #f0f8ff;
    border-radius: 10px;
}
.manage-content-info a{
    color: #00cf30;
    border-bottom: 2px dotted #00cf30;
}
.manage-content-info > div:first-child{
    width: 35px;
    min-width: 35px;
}
.manage-content-info > div:first-child i{
    font-size: 1.5rem;
}
.manage-content-info > div:nth-child(2){
    width: calc(100% - 35px);
    font-size: .80rem;
    line-height: 1.1rem;
}
.manage-content-info > div:nth-child(2) > p > u {
    text-decoration: unset;
}
.full-height{
    height: 100%;
}
.manage-content-form-item-header small{
    color: #909090;
    font-size: 12.5px;
}
.manage-content-form-item-header small:first-child{
    width: 20px;
    min-width: 20px;
}
.manage-content-form-item-header small:nth-child(2){
    width: calc(100% - 20px);
    line-height: 1.2rem;
}
.manage-content-form-item-body{
    width: 100%;
}
.manage-content-form-item-body .manage-content-form-item-input{
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #e4e5e7;
    border-radius: 5px;
    margin: 8px 0;
    resize: vertical;
    font-size: 14px !important;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.manage-content-form-item-body .manage-content-form-item-input:focus {
	border-color: #00cf30 !important;
    -webkit-box-shadow: inset 0 1px 4px rgba(52, 186, 8, .08), 0 0 0 0.2em rgba(52, 186, 8, .30);
    box-shadow: inset 0 1px 4px rgba(52, 186, 8, .08), 0 0 0 0.2em rgba(52, 186, 8, .30);
}
.flow-description li, .flow-description li p{
    font-size: .82rem;
    line-height: 1.2rem;
}
.flow-description ul{
    margin-left: 20px;
}
.flow-description h4{
    color: #404040;
    margin-bottom: 10px;
    font-weight: 600;
}
.flow-description img{
    width: 175px;
    margin: 25px auto;
    display: block;
}
.manage-content-form-item-body textarea.manage-content-form-item-input{
    min-height: 100px;
    line-height: 1.45;
}
.manage-content-form-item-body textarea.manage-job-applications-content-input-cover-letter{
    min-height: 200px;
}
.manage-content-form-item-body.side-by-side-input-container{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}
.manage-content-form-item-body.side-by-side-input-container .manage-content-form-item-input{
    width: 48%;
}
.cdi-simple-btn{
    display: inline-block;
    vertical-align: bottom;
    font-weight: 500;
    border: 1px solid #dbdbdb;
    padding: 2.5px 10px;
    font-size: .90rem;
    border-radius: 3px;
    cursor: pointer;
}
.cdi-simple-btn.vm{
    vertical-align: middle;
}
.manage-image-container{
    width: 100%;
}
.manage-image-container-item{
    width: 33.33%;
    padding: 6px;
    position: relative;
    z-index: 0;
    max-width: 120px;
}
.manage-image-container-item-content{
    width: 100%;
    height: 120px;
    background-color: #eee;
    position: relative;
}
.manage-image-container-item-progress-loader{
    text-align: center;
    margin: 15px 0;
    width: 100%;
}
.manage-image-container-item-content > div{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
}
.manage-image-container-item-content > div:first-child{
    z-index: 0;
}
.manage-image-container-item-content > div:first-child img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.manage-image-container-item-content > div:nth-child(2){
    z-index: 1;
    padding: 15px;
    position: relative;
}
.manage-image-container-item-content > div:nth-child(2) > div:nth-child(2){
    position: relative;
}
.manage-image-container-item-progress{
    width: 100%;
    height: 10px;
    position: relative;
    background-color: #828282;
}
.manage-image-container-item-progress > div{
    height: 100%;
    position: absolute;
    background-color: #00cf30;
    width: 0%;
}
.manage-image-container-item-closer{
    width: 20px;
    text-align: center;
    height: 20px;
    vertical-align: baseline;
    line-height: 20px !important;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    font-size: .90rem;
    display: none !important;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 2px 6px 2px rgba(60, 64, 67, .15);
}
.manage-image-container-item.completed .manage-image-container-item-closer{
    display: inline-block !important;
}
.manage-image-container-item.completed .manage-image-container-item-progress-loader,
.manage-image-container-item.completed .manage-image-container-item-progress{
    display: none !important;
}
/* /manage content modal */
/* preview content container */
.preview-content-container{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    background-color: #fff;
    display: none;
}
.preview-content-container.active{
    display: block;
}
.preview-content-container > div{
    width: 100%;
    height: 100%;
}
.preview-content-container-content > div:first-child{
    width: calc(100% - 350px);
    background-color: #202124;
    overflow: hidden;
    z-index: 1;
}
.preview-content-container-content > div:nth-child(2){
    width: 350px;
    min-width: 350px;
    border-left: 1px solid #e4e5e7;
    overflow-y: auto;
}
.preview-content-container-content > div:nth-child(2) > div{
    padding: 20px;
    width: 100%;
}
.preview-content-container-description-header > div:first-child{
    width: calc(100% - 60px);
}
.preview-content-container-description-header > div:first-child h4 {
    font-size: 1.0rem;
    line-height: 1.4rem;
    text-transform: capitalize;
    font-weight: 600;
}
.preview-content-container-description-header > div:nth-child(2){
    width: 60px;
    min-width: 60px;
    text-align: right;
}
.preview-content-container-icon{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px !important;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    text-align: center;
    cursor: pointer;
    margin-right: 10px;
}
.preview-content-container-description-header{
    /* box-shadow: 0 1px 2px 0 rgb(60 64 67 / 10%), 0 2px 6px 2px rgb(60 64 67 / 15%); */
    border-bottom: 1px solid #e4e5e7;
}
.preview-content-container-description-body{
    padding-top: 0;
    overflow-y: auto;
}
.preview-content-container-description-body p{
    font-size: 0.95rem;
    line-height: 1.45rem;
}
.started-ended{
    margin: 10px 0;
    white-space: nowrap;
}
.started-ended span,
.started-ended b{
    font-size: .90rem;
}
.started-ended b{
    color: #828282;
}
.date-time{
    display: inline-block;
    padding: 3px 10px;
    line-height: 16px;
    font-size: 12px !important;
    border: 1px solid #202124;
    border-radius: 60px;
    font-weight: 500;
}
.preview-content-privacy{
    display: inline-block;
    padding: 3px 10px;
    line-height: 16px;
    font-size: 12px !important;
    border: 1px solid #00cf30;
    color: #00cf30;
    border-radius: 60px;
    margin-bottom: 15px;
    font-weight: 500;
}
.preview-content-slider-container{
    width: 100%;
    height: 100%;
    position: relative;
}
.preview-content-slider-container > div{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.preview-content-slider-container-image-holder img{
    max-width: 100%;
    max-height: 100%;
}
.preview-content-slider-container-image-controls{
    padding: 25px 50px;
}
.preview-content-slider-container-image-controls-direction{
    width: 100%;
}
.preview-content-slider-container-image-controls-direction-dir{
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px !important;
    font-size: 1.6rem;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.20)
}
.preview-content-slider-container-image-controls-direction-dir.inactive{
    pointer-events: none;
    visibility: hidden;
}
.preview-content-creator{
    width: 100%;
    margin-bottom: 20px;
}
.preview-content-creator > div:first-child{
    width: 70px;
    min-width: 70px;
}
.preview-content-creator > div:first-child img{
    width: 55px;
    height: 55px;
    border-radius: 50%;
}
.preview-content-creator > div:nth-child(2){
    width: calc(100% - 70px);
}
.preview-content-creator > div:nth-child(2) p{
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 600;
}
.preview-content-creator > div:nth-child(2) small{
    font-size: .80rem;
    color: #909090;
    display: block;
    line-height: 1.1rem;
    margin-bottom: 2.5px;
}
.preview-content-image-slider-item{
    display: none;
}
.preview-content-image-slider-item.active{
    display: block;
}
/* /preview content container */
/* Others */
.g-link a{
    color: #fff !important;
}
.aside-sbtn{
    background: #eee;
    text-align: center;
    margin-top: 10px;
    border-radius: 60px;
    padding: 6px;
}
.aside-sbtn > div:first-child{
    width: 100% !important;
}
.aside-sbtn > div:nth-child(2){
    width: 0 !important;
    max-width: 0 !important;
    display: none !important;
    overflow: hidden;
}
.aside-sbtn.imp{
    background: #eee !important;
    color: #202124 !important;
    border-radius: 60px !important;
    font-size: .92rem;
    margin-bottom: 10px;
}
.aside-sbtn.clg{
    background-color: #00cf30 !important;
    color: #fff !important;
}
.simple-attachment-item{
    width: 250px;
    border: 1px solid #e4e5e7;
    border-radius: 10px;
    overflow: hidden;
    height: 50px;
    background: #fff;
    margin: 10px 0;
}
.simple-attachment-item > div:first-child{
    width: 50px;
    overflow: hidden;
}
.simple-attachment-item > div:first-child img{
    width: 100%;
    height: 100%;
}
.simple-attachment-item > div:nth-child(2){
    width: calc(100% - 50px);
    position: relative;
    overflow: hidden;
}
.simple-attachment-item > div:nth-child(2)::before{
    width: 100%;
    position: absolute;
    bottom: 0;
    content: "";
    height: 4px;
    background-color: inherit;
}
.simple-attachment-item > div:nth-child(2) span{
    font-size: 14px;
    /* overflow: hidden; */
    /* display: -webkit-box;
    -webkit-box-orient: vertical; */
    line-height: 1.4;
    /* -webkit-line-clamp: 2; */
    font-weight: 600;
    padding: 10px;
}
.li-head{
    list-style-type: none !important;
    margin-left: -15px !important;
}
.additional-job-info span.-cursor-pointer-{
    color: #404040;
    text-decoration: underline;
    line-height: 1.5;
}
.hidden-inactive{
    display: none;
}
.go-back-btn{
    cursor: pointer;
}
.special-upload-icon{
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px !important;
    text-align: center;
    font-size: 25px !important;
    border-radius: 50%;
    background-color: #eee;
    cursor: pointer;
}
.verification-document-dropzone{
    width: min(100%, 520px);
    min-height: 190px;
    margin: 18px auto 0;
    padding: 28px 20px;
    border: 2px dashed #b8b8b8;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: border-color .2s ease, background-color .2s ease;
}
.verification-document-dropzone:hover,
.verification-document-dropzone:focus,
.verification-document-dropzone.is-dragging{
    border-color: #00a928;
    background-color: rgba(0, 207, 48, .06);
    outline: none;
}
.verification-document-dropzone.is-dragging .special-upload-icon{
    background-color: #00cf30;
    color: #fff;
}
.verification-document-dropzone > span,
.verification-document-dropzone > small{
    display: block;
}
.verification-document-dropzone > small{
    color: #777;
}
.selected-verification-document{
    border: 2px dashed #00cf30;
    width: 300px;
    height: auto;
    min-height: 150px;
    margin: auto;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}
.selected-verification-document img{
    max-width:100%;
    max-height: 250px;
}
.small{
    line-height: 1rem;
    margin-top: 10px;
    color: #909090;
    display: block;
}
.back-btn, .manage-content-modal-back-btn{
    display: inline-block;
    vertical-align: middle;
    font-size: 1.3rem;
    margin-right: 15px;
    color: #202124 !important;
}
.manage-content-modal-back-btn{
    display: none !important;
}
.link-icon{
    display: inline-block !important;
    font-size: 1.25rem;
    margin-right: 5px;
    vertical-align: middle;
}
.profile-link-list-item.other{
    word-break: break-all !important;
}
.remove-link-item{
    display: inline-block !important;
    width: 15px;
    text-align: center;
    height: 15px;
    vertical-align: text-bottom;
    line-height: 15px !important;
    border-radius: 50%;
    background: #828282;
    color: #ffff;
    font-size: .80rem;
    margin-left: 10px;
}
.back-header-container{
    display: none;
}
.back-header-container > div{
    width: 100%;
    height: 60px;
    position: fixed;
    z-index: 1;
    background: #fff;
    padding: 0 20px;
    border-bottom: 1px solid #e4e5e7;
}
.back-header-container > div h3{
    font-size: 1.1rem;
}
.item-list-container{
    width: 100%;
    margin-bottom: 10px;
    padding: 20px 0;
    border-bottom: 1px solid #e4e5e7;
}
/* .item-list-container:nth-last-of-type(1) {
    border-bottom-width: 0;
}
.user-education-list .item-list-container:nth-last-of-type(1){
    border-bottom-width: 0;
} */
.item-list-container > div:first-child{
    width: 70px;
    min-width: 70px;
}
.item-list-container > div:first-child i {
    font-size: 1.35rem;
    display: inline-block !important;
    height: 40px;
    width: 40px;
    line-height: 40px !important;
    background-color: #eee;
    text-align: center;
    border-radius: 50%;
    color: #313131;
}
.item-list-container > div:nth-child(2){
    width: calc(100% - 120px);
}
.item-list-container > div:nth-child(2) > h4{
    font-size: .90rem;
}
.item-list-container > div:nth-child(2) > p{
    margin-bottom: 0;
    font-size: .82rem;
}
.item-list-container > div:nth-child(2) > p > span{
    vertical-align: middle;
}
.item-list-container > div:nth-child(2) > p.item-list-container-time{
    border-top: 1px solid #e4e5e7;
    padding-top: 5px;
}
.item-list-container-time small{
    display: block;
    line-height: 1.5;
}
.item-list-container > div:nth-child(2) > p.item-list-description{
    margin: 10px 0;
    line-height: 1.3rem;
    font-size: .83rem;
}
.item-list-container > div:nth-child(3){
    width: 50px;
    min-width: 50px;
    text-align: right;
}
.simple-badge{
    display: inline-block !important;
    padding: 0px 7px;
    border-radius: 3px;
    font-size: 11px;
    background-color: #880086;
    color: #fff;
}
.payment-list-item{
    width: 47%;
}
.simple-badge{
    display: inline-block;
    font-size: 11px;
    background: darkorchid;
    color: #fff;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 60px;
    margin-right: 10px;
    vertical-align: text-top;
}
.raw-mode .section-content{
    width: 97.5% !important;
}
.raw-mode .hide-in-raw-mode{
    display: none !important;
}
.full-page-dimensions{
    width: 100vw;
    width: 100dvw;
    height: 100vh;
    height: 100dvh;
}
.full-page-dimensions-2{
    width: 100vw;
    height: 80vh;
    width: 100dvw;
    height: 80dvh;
}
.hidden-invisible-item{
    display: none !important;
}
.color-normal-green{
    color: #24cc63 !important;
}
.color-aaa{
    color: #aaa !important;
}
.color-grey{
    color: #828282 !important;
}
.color-concerned, .color-concerned > *{
    color: #00cf30 !important;
}
.hide-on-job-update{
    display: none !important;
}
.bubble-item{
    position: absolute;
    width: 100%;
    height: auto;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    top: calc(50%);
}
.bubble-item > span{
    display: inline-block;
    width: 1px;
    height: 1px;
    border-radius: 50%;
    background-color: transparent;
    left: 0;
    z-index: -1;
    transform: scale(0);
}
.bubble-item-parent.active-anime .bubble-item > span{
    transform: scale(44);
    background-color: #eee;
}
.client-image-container {
    width: 100%;
    margin-top: 15px;
    margin: 25px auto;
    padding: 25px 0;
    text-align: center;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}
.client-image-container > .iholder {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: auto;
    position: relative;
}
.client-image-container > .iholder img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    position: relative;
    border-bottom: 1px solid #eee;
}
.client-image-container > .iholder .v-user{
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: #54acf4;
    color: #fff;
    border-radius: 50%;
    position: absolute;
}
.other-input-item-hidden{
    display: none;
}
.sbs-btn button {
    padding: 3.5px 10px;
    border-width: 0;
    background: #fafafa;
    font-size: .78rem;
    font-weight: 600;
    height: 100%;
    display: inline-block;
}
.sbs-btn button > i{
    font-size: 1rem;
    vertical-align: text-bottom;
}
.sbs-btn button:first-child ~ button {
    border-left: 1px solid #dbdbdb;
}
.sbs-btn{
    background: #f7f7f7;
    border: 1px solid #dbdbdb;
    display: inline-block;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    white-space: nowrap;
}
.job-description-body-load-more {
    width: 100%;
    text-align: center;
    margin: 25px 0;
    padding-top: 35px;
    border-top: 1px solid #dbdbdb;
    display: none;
}
.job-description-body-load-more.active {
    display: inline-block;
}
.load-more-applicants-btn {
    text-align: center;
    margin: auto;
    background: #eee;
    border: 1px solid #dbdbdb;
    padding: 10px 70px;
    border-radius: 5px;
    font-weight: 600;
    color: #404040;
    font-size: .85rem;
    white-space: nowrap;
    cursor: pointer;
}
.filter-item-btn > div:first-child i{
    color: transparent;
}
.filter-item-btn.active-ja-filter > div:first-child i{
    color: #030303;
}
.filter-item-text {
    font-size: 1rem;
}
.moz-ffx .site-logo b{
    text-shadow: 0 1px 3px rgba(0,0,0,0.07);
    font-weight: 500;
}
.moz-ffx .nav-menu-list > li, 
.moz-ffx .nav-menu-list > li > span > a {
    color: #909090;
}
.moz-ffx .gig-item-description p,
.moz-ffx .gig-review-item-description-text,
.moz-ffx .notification-item > div:nth-child(2) p small{
    font-weight: 400;
}
.moz-ffx .t-ord,
.moz-ffx .chatbot-container > div:first-child > div:nth-child(2) h5 b,
.moz-ffx .breakdown-item > div:first-child,
.moz-ffx .gig-container-section-review-stars-item > div b,
.moz-ffx .faqs-item > div:first-child > div:first-child h4,
.moz-ffx .-dropdown-menu- > ul > li > * > *, 
.moz-ffx .-dropdown-menu- > ul > li > *,
.moz-ffx .user-profile-header-content-subheader-manage-btn,
.moz-ffx #gig-section-header ul li a,
.moz-ffx #profile-head > div:nth-child(2) > div:nth-of-type(1) > div:nth-child(1) > h2 span,
.moz-ffx .gig-tab-title, 
.moz-ffx .skill-link-item, 
.moz-ffx .profile-link-item,
.moz-ffx .profile-body-item > div:first-child > div > div:first-child h4, 
.moz-ffx .-projects-content- > div:first-child h4,
.moz-ffx #gig-container-section-header > h1,
.moz-ffx .gig-pricing-container-heading > div,
.moz-ffx .site-logo b, 
.moz-ffx .-profile-form- > div:first-child h4 strong,
.moz-ffx .simple-attachment-item > div:nth-child(2) span,
.moz-ffx .welcome-section-container > div:first-child h1{
    font-weight: 500;
}
/* /Others */
/* Preview review */
#load-more-reviews-btn{
    display: none;
}
#load-more-reviews-btn.active{
    display: block;
}
.preview-review-item{
    width: 100%;
    margin: 30px 0;
}
.preview-review-item > div:first-child{
    width: 70px;
    min-width: 70px;
}
.preview-review-item > div:first-child img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.preview-review-item > div:nth-child(2){
    width: calc(100% - 70px);
}
.preview-review-item > div:nth-child(2) > div:first-child > div,
.preview-review-item > div:nth-child(2) > div:nth-child(3) > div{
    margin-right: 10px;
    font-size: .88rem;
    line-height: 1.3rem;
}
.preview-review-item > div:nth-child(2) > div:first-child > div {
    color: #828282;
}
.preview-review-item > div:nth-child(2) > div:nth-child(2) p{
    font-size: .90rem;
    line-height: 1.5;
    color: #3c4043;
    margin-top: 5px;
    margin-bottom: 5px;
}
.preview-review-item > div:nth-child(2) > div:first-child > div:first-child a{
    color: #030303;
    font-weight: 500;
}
.preview-review-item > div:nth-child(2) > div:first-child > div:first-child a span.verified-user{
    margin-right: 20px;
}
.special-load-more-btn{
    width: 100%;
    padding: 10px;
    background-color: #eee;
    color: #3c4043;
    font-weight: 600;
    border-radius: 5px;
    text-align: center;
    font-size: .85rem;
    margin-top: 35px;
}
.special-load-more-btn.m-0-top{
    margin-top: 0;
}
.review-stars i{
    color: #aaa;
}
.review-stars.review-1-star i:first-child,
.review-stars.review-2-star i:first-child,
.review-stars.review-2-star i:nth-child(2),
.review-stars.review-3-star i:first-child,
.review-stars.review-3-star i:nth-child(2),
.review-stars.review-3-star i:nth-child(3),
.review-stars.review-4-star i:first-child,
.review-stars.review-4-star i:nth-child(2),
.review-stars.review-4-star i:nth-child(3),
.review-stars.review-4-star i:nth-child(4),
.review-stars.review-5-star i:first-child,
.review-stars.review-5-star i:nth-child(2),
.review-stars.review-5-star i:nth-child(3),
.review-stars.review-5-star i:nth-child(4),
.review-stars.review-5-star i:nth-child(5)
{
    color: #00cf30 !important;
}

.flx-stars .review-stars.review-1-star i:first-child,
.flx-stars .review-stars.review-2-star i:first-child,
.flx-stars .review-stars.review-2-star i:nth-child(2),
.flx-stars .review-stars.review-3-star i:first-child,
.flx-stars .review-stars.review-3-star i:nth-child(2),
.flx-stars .review-stars.review-3-star i:nth-child(3),
.flx-stars .review-stars.review-4-star i:first-child,
.flx-stars .review-stars.review-4-star i:nth-child(2),
.flx-stars .review-stars.review-4-star i:nth-child(3),
.flx-stars .review-stars.review-4-star i:nth-child(4),
.flx-stars .review-stars.review-5-star i:first-child,
.flx-stars .review-stars.review-5-star i:nth-child(2),
.flx-stars .review-stars.review-5-star i:nth-child(3),
.flx-stars .review-stars.review-5-star i:nth-child(4),
.flx-stars .review-stars.review-5-star i:nth-child(5)
{
    color: #ffd700 !important;
}
/* /Preview review */
/* Applicant container */
.applicant-item{
    width: 100%;
    margin:35px 0;
}
.applicant-item > div:first-child{
    width: 70px;
    min-width: 70px;
}
.applicant-item > div:first-child img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.applicant-item > div:nth-child(2){
    width: calc(100% - 70px);
}
.applicant-item > div:nth-child(2) > div:first-child > div,
.applicant-item > div:nth-child(2) > div:nth-child(3) > div{
    margin-right: 10px;
    font-size: .85rem;
    line-height: 1.3rem;
}
.applicant-item > div:nth-child(2) > div:nth-child(2) p{
    font-size: .90rem;
    line-height: 1.4rem;
    color: #3c4043;
    margin-top: 5px;
    margin-bottom: 5px;
}
.applicant-item > div:nth-child(2) > div:nth-child(2) p b {
    font-weight: 500;
}
.applicant-item > div:nth-child(2) > div:first-child > div:first-child a{
    color: #030303;
    font-weight: 600;
}
.applicant-item > div:nth-child(2) > div:first-child > div:first-child a span.verified-user{
    margin-right: 20px;
}
/* /Applicant container */
/* Share container */
.simple-sharing-button{
	width: 100%;
	display: block;
}
.share-container{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
}
.share-container > div{
	width: 100%;
	height: 100%;
    display: -webkit-flex;
	display: flex;
	overflow-y: auto;
	justify-content: center;
	align-items: center;
}
.share-container > div > div{
	padding: 20px;
	background-color: #fff;
	margin: 70px auto;
	min-width: 500px;
	border-radius: 3px;
	-webkit-box-shadow: 0 6px 23px 0 rgba(0,0,0,.16);
    -moz-box-shadow: 0 6px 23px 0 rgba(0,0,0,.16);
    box-shadow: 0 6px 23px 0 rgba(0,0,0,.16);
}
.share-container-closer{
	display: inline-block !important;
    width: 35px;
    height: 35px;
    line-height: 35px !important;
    text-align: center;
    border: 1px solid #f7f7f7;
    background: #f7f7f7;
    border-radius: 50%;
    font-size: 24px !important;
}
.copy-share-link-container{
	width: 100%;
}
.copy-share-link-container h4{
    margin: 25px 0;
    font-weight: 600;
    color: #404040;
    font-size: .95rem;
    text-align: center;
}
.copy-share-link-container > :nth-child(2){
    border: 1px solid #dbdbdb;
	width: 100%;
	border-radius: 10px;
	padding: 10px 15px;
}
.social-share-area{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
	width: 100%;
	margin: 15px 0;
}
.share-main-content{
	transform: scale(1.0);
}
.share-main-content.mmi{
	transform: scale(.80);
}
.social-share-area > a{
	display: inline-block;
	width: 90px;
}
.social-share-area > a{
	display: inline-block;
	padding: 15px;
    /* border: 1px solid #eee; */
	margin-right: 5px;
	text-align: center;
	border-radius: 15px;
}
.social-share-area > a > span{
	font-size:.80rem;
    white-space: nowrap;
	display: block;
	margin-top: 10px;
    font-weight: 500;
}
.social-share-area > a > .fa-2x + span{
    margin-top: 4px;
}
.social-share-area > a > i, .simple-sharing-button i, .fa-2x{
	display: inline-block !important;
	width: 55px;
    height: 55px;
    line-height: 55px !important;
    border-radius: 50%;
	text-align: center;
	border-radius: 50%;
	font-size: 1.55rem !important;
    color: #fff;
}
.fa-2x {
    height: 55px;
    width: 55px;
    padding: 10px;
    background: #30b545;
}
.fa-2x-x{
	height: 25px !important;
    vertical-align: middle !important;
}
.simple-sharing-button i{
	margin-right: 10px;
}
.social-share-area > a > i.icon-share{
	background-color: #00cf30;
    font-size: 1.25rem !important;
}
.social-share-area > a > i.icon-facebook, .simple-sharing-button i.icon-facebook{
	background-color: #0057a3;
}
.social-share-area > a > i.icon-twitter, .simple-sharing-button i.icon-twitter{
	background-color: #00bfff;
}
.social-share-area > a > i.icon-linkedin, .simple-sharing-button i.icon-linkedin{
	background-color: #007aff;
}
.social-share-area > a > i.icon-phone2, .simple-sharing-button i.icon-phone2{
	background-color: #1e9c5e;
}
.copy-share-link-container > :nth-child(2) > div:nth-child(1) {
    width: calc(100% - 70px);
}
.copy-share-link-container > :nth-child(2) > div:nth-child(2) i {
    font-size: 1.3rem;
    vertical-align: middle;
}
article.section-item.help-actions .social-media-icon-titter-x {
    margin-left: 0 !important;
}
.copy-share-link-container > :nth-child(2) input{
	border-width: 0;
	background-color: inherit;
	width: 100%;
	font-size: 1rem;
}
.desc-title{
    color: #828282;
}
.desc-title.dt-small{
    display: block;
    line-height: 1.4;
    margin-top: 10px;
    font-size: 12.5px;
}
.desc-title.dt-normal{
    display: block;
    line-height: 1.4;
}
.desc-title.dt-normal-2{
    display: block;
    line-height: normal;
    margin-bottom: 5px;
}
/* /Share container */
/* Placeholder */
@keyframes placeHolderShimmer{
    0%{
        background-position: -100% 0
    }
    100%{
        background-position: 100% 0
    }
}
.animated-placeholder-background {
    border-radius: 60px;
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: darkgray;
    background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
    background-size: 200% 104px;
    height: 100%;
    width: 100%;
    position: relative;
}
.cdi-placeholder{
    margin: auto;
}
.cdi-placeholder > div{
    width: 100%;
}
.inline-blk{
    vertical-align: middle;
    display: inline-block !important;
    height: 20px !important;
    color: #eee !important;
    background-color: #eee !important;
    position: relative;
    width: 70px;
    border-radius: 60px;
}
.inline-blk > span{
    display: inline-block !important;
}
.inline-blk-bigger{
    vertical-align: middle;
    display: inline-block !important;
    height: 60px !important;
    color: #eee !important;
    background-color: #eee !important;
    position: relative;
    width: 100%;
}
.inline-blk > span{
    display: inline-block !important;
}
.cdi-placeholder > div{
    height: 20px;
    background-color: #eee;
    margin: 10px 0;
    border-radius: 60px !important;
}
.cdi-placeholder > div > div:first-child{
    width: 100%;
}
.job-placeholder-container i.icon-arrow-right32 {
    color: #ccc;
}
.job-post-item-placeholder{
    pointer-events: none;
}
.job-list-placeholder > div:first-child{
    max-width: 80%;
}
.job-list-placeholder > div:nth-child(2){
    max-width: 20%;
}
.job-list-placeholder > div:nth-child(3){
    max-width: 50%;
}
.job-list-placeholder > div:nth-child(5){
    max-width: 40%;
}
.special-selector-option-item {
    width: 100%;
    margin: 20px 0;
}
.special-selector-option-item.clickable {
    cursor: pointer;
}
.special-selector-option-item > div:first-child {
    width: 35px;
    min-width: 35px;
}
.special-selector-option-item > div:nth-child(2) {
    width: calc(100% - 30px);
}
.special-selector-option-item > div:nth-child(2) > div:first-child{
    font-weight: 600;
    font-size: 14px;
}
.special-selector-option-item > div:nth-child(2) > div:nth-child(2) small{
    font-size: .80rem;
    line-height: 1.5;
    display: block;
    color: #909090;
}
.general-notice-item {
    display: block;
    width: 100%;
}
.general-notice-item,
.general-notice-item > div {
    width: 100%;
}
.general-notice-item > div {
    padding: 10px;
    border-radius: 5px;
}
.general-notice-item.warning-sign > div {
    background-color: #f8f3d6;
    border: 1px solid #eee7c1;
    color: #ad915e;
}
.general-notice-item.info-sign > div {
    background-color: #f0f8ff;
    border: 1px solid #bbdff0;
    color: #3b78a9;
}
.general-notice-item.error-sign > div {
    background-color: #faebd7;
    border: 1px solid #d7a7a4;
    color: #cd6766;
}
.general-notice-item.success-sign > div {
    background-color: #f0ffff;
    border: 1px solid #cce0c3;
    color: #82987a;
}
.general-notice-item.mt-25 {
    margin-top: 25px;
}
.general-notice-item.mb-25 {
    margin-bottom: 25px;
}
.general-notice-item.mt-15 {
    margin-top: 15px;
}
.general-notice-item.mb-15 {
    margin-bottom: 15px;
}
.general-notice-item > div > div:first-child {
    width: 40px;
    min-width: 40px;
    text-align: center;
}
.general-notice-item > div > div:first-child i {
    font-size: 1.55rem;
    vertical-align: middle;
}
.general-notice-item > div > div:nth-child(2) {
    width: calc(100% - 40px);
    line-height: 1.6;
    font-size: .80rem;
    padding-left: 10px;
    padding-right: 10px;
}
.invoice-milestone-container {
    margin: 10px 0;
    padding: 15px;
    border-radius: 5px;
    font-size: .85rem;
    font-weight: 500;
    background: #faebd7;
}
.invoice-milestone-container > div {
    line-height: 1.5;
    margin: 5px 0;
}
.invoice-milestone-container-sub-title {
    color: #808080;
    font-size: .77rem;
}
.ssoi-selector-btn {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #000;
    border-radius: 50%;
    margin-top: 2.5px;
}
.ssoi-selector-btn span{
    border-radius: 50%;
}
.ssoi-selector-btn.active {
    border-color: #00cf30;
}
.ssoi-selector-btn.active span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #00cf30;
}
.cdi-placeholder.bigger > div{
    width: 100% !important;
    min-width: 100% !important;
    height: 60px !important;
}
.hollow-itm{
    border: 1px solid #dbdbdb;
    padding: 2.5px 20px;
    border-radius: 5px;
    display: inline-block;
    margin: 5px 0;
    margin-bottom: 8px;
    font-size: .78rem;
    font-weight: 600;
    background: #f7f7f7;
}
.awtm{
    background: #8a2be2 !important;
    color: #fff !important;
    border-color: #8a2be2 !important;
}
.gtm{
    background: #ffd700;
    color: #fff !important;
    border-color: #ffd700 !important;
}
.pirv{
    background: #ffcd43 !important;
    color: #000 !important;
    border-color: #ffcd43 !important;
}
/* /Placeholder */
/* chatbot */
.chatbot-label{
    position: relative;
}
.chatbot-footer{
    width: 100%;
    position: fixed;
    bottom: 25px;
    z-index: 5;
}
.chatbot-footer.cf-top{
    bottom: 60px !important;
}
.chatbot-notice{
    position: absolute;
    right: 100%;
    width: 60vw;
    width: 60dvw;
    max-width: 300px;
    /* box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.14); */
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 15px -5px 10px -3px rgba(0, 0, 0, 0.10);
    bottom: 0;
    font-size: .85rem;
    border-radius: 10px;
    margin-right: 15px;
    padding: 30px;
    font-weight: 500;
    text-align: left;
    background-color: #fff;
    z-index: 10;
    line-height: 1.4;
    display: none;
}
.chatbot-notice::before {
    position: absolute;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    content: "";
    right: -15px;
    top: 0;
    border-top-color: #fff;
}
.chatbot-notice.active{
    display: block;
}
.chatbot-notice-header{
    margin-bottom: 5px;
}
.chatbot-notice-closer{
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background: #dbdbdb;
    line-height: 20px !important;
    width: 20px !important;
    height: 20px !important;
}
.chatbot-notice b{
    color: #6e6e7e;
}
.hide-cf-on-scroll .chatbot-footer{
    bottom: -200px !important;
}
.hide-cf-on-scroll.active .chatbot-footer{
    bottom: 25px !important;
}
.hide-cf-on-scroll.hcos-2.active .chatbot-footer{
    bottom: 65px !important;
}
.hide-cf-on-scroll.active .chatbot-footer.active {
    bottom: 0 !important;
}
.chatbot-footer.active{
    bottom: 0 !important;
    z-index: 20 !important;
}
.chatbot-footer.active .chatbot-container{
    top: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}
.chatbot-footer.active .chatbot-container,
.chatbot-footer.active .chatbot-container > div:nth-child(3) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.chatbot-carrier > div{
    position: relative;
}
.chatbot-carrier > div:nth-child(2){
    text-align: right;
}
.chatbot-alert{
    position: absolute;
    z-index: 1;
    top: -10px;
    width: 23px;
    height: 23px;
    line-height: 23px;
    font-size: 12.5px;
    border-radius: 50%;
    text-align: center;
    display: none;
    right: 0;
    background: #ff0000;
    pointer-events: none;
    color: #fff;
}
.chatbot-alert.active{
    display: block;
}
.chatbot-carrier-btn {
    font-size: 1.50rem;
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.13);
    background-color: #e8faf4;
    color: #24cc63;
    width: 50px;
    height: 50px;
    line-height: 50px !important;
    text-align: center;
    border-radius: 50%;
    position: relative;
}
.chatbot-container{
    width: 400px;
    height: 450px;
    position: relative;
    top: -40px;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #e4e5e7;
    box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.15);
}
.chatbot-container > div{
    width: 100%;
    background-color: #fff;
}
.chatbot-container > div:nth-child(2){
    position: relative;
    top: 60px;
    height: calc(100% - 130px);
    overflow-y: auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.chatbot-container > div:first-child{
    height: 60px;
    border-bottom: 1px solid #e4e5e7;
    position: absolute;
    z-index: 1;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.chatbot-container > div:first-child{
    padding: 10px;
}
.chatbot-container > div:first-child > div:first-child,
.chatbot-container > div:first-child > div:nth-child(3){
    width: 60px;
}
.chatbot-container > div:first-child > div:first-child img{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #dbdbdb;
    object-fit: contain;
}
.chatbot-container > div:first-child > div:nth-child(3){
    text-align: right;
}
.chatbot-container > div:first-child > div:nth-child(2){
    width: calc(100% - 100px);
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
.chatbot-container > div:first-child > div:nth-child(2) h5{
    font-size: 0.95rem;
}
.chatbot-container > div:first-child > div:nth-child(2) h5 b {
    font-weight: 500;
}
.chat-bot-online-indicator{
    background-color: #00cf30 !important;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 3px;
}
.chatbot-closer{
    font-size: 1.5rem;
}
.chatbot-container > div:nth-child(3){
    height: 70px;
    position: absolute;
    bottom: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.chatbot-container > div:nth-child(3) > div{
    padding: 10px;
}
.chatbot-container > div:nth-child(3) > div > div:first-child{
    width: calc(100% - 40px);
}
.chatbot-container > div:nth-child(3) > div > div:first-child input{
    background-color: #dadce0;
    border-width: 0;
    border-radius: 60px;
    padding: 2.5px 15px;
    font-size: 14px;
    display: block;
    width: 100%;
}
.chatbot-container > div:nth-child(3) > div > div:nth-child(2){
    width: 40px;
    min-width: 40px;
    text-align: right;
}
.chatbot-container > div:nth-child(3) > div > div:nth-child(2) i{
    display: inline-block;
    font-size: 2rem; 
}
.chatbot-links{
    display: block;
    margin-top: -12px;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
    color: #828282;
}
.chatbot-links > a{
    color: #828282;
    font-size: 11px;
}
.chatbot-initiator-btn{
    display: block;
}
.chatbot-footer .chatbot-container{
    display: none;
}
.chatbot-footer{
    pointer-events: none;
}
.chatbot-container, 
.chatbot-initiator-btn{
    pointer-events: auto;
}
.chatbot-footer.active .chatbot-container{
    display: block;
}
.chatbot-footer.active .chatbot-initiator-btn{
    display: none;
}
.chatbot-message-item{
    margin: 10px 0;
}
.chatbot-time i{
    font-size: 1.5rem;
    vertical-align: bottom;
}
.chatbot-message-item.-receiver- {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}
.chatbot-message-item > span {
    display: inline-block;
    max-width: 70%;
    margin: 10px;
    padding: 15px;
    border-radius: 15px;
    font-size: .90rem;
    line-height: 1.2rem;
}
.chatbot-time{
    font-size: 12px;
    color: #828282;
    text-align: center;
    margin-bottom: 0;
    margin-top: 20px;
}
.chatbot-message-item > span{
    position: relative;
    font-weight: 500;
}
.chatbot-message-item.-sender- > span{
    background: #eee;
}
.chatbot-message-item > span:not(.raw-list)::before {
    position: absolute;
    content: "";
    right: -13px;
    top: 0;
    border: 15px solid transparent;
    border-top-color: #eee;
}
.chatbot-message-item.-receiver- > span:not(.raw-list)::before{
    left: -15px;
    right: unset;
    border-top-color: #0070ff;
}
.chatbot-message-item .desc-title{
    line-height: normal;
    display: block;
}
.chatbot-message-item.-receiver- > span{
    background: #0070ff;
    color: #fff;
}
.chatbot-message-item > span.raw-list{
    width: 70%;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    padding: 0;
    overflow: hidden;
    color: initial;
}
.chatbot-message-item > span.raw-list > a{
    padding: 10px 15px !important;
    background-color: #fff !important;
    border-bottom: 1px solid #dbdbdb !important;
    display: block !important;
    font-size: .90rem !important;
    font-weight: 600 !important;
    overflow: hidden !important;
    cursor: pointer !important;
    color: #0070f3 !important;
}
.chatbot-message-item > span.raw-list > a span.desc-title {
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0;
}
.chatbot-message-item > span.raw-list > a:nth-last-of-type(1){
    border-bottom-width: 0 !important;
}
.contact-us-list {
    padding: 15px;
    min-width: 100%;
}
.contact-us-list textarea{
    resize: vertical;
}
.contact-us-list input, .contact-us-list select, .contact-us-list textarea {
    display: block;
    width: 100%;
    padding: 7px 10px;
    margin: 10px 0;
    border-radius: 8px;
    border: 1px solid #cfd9de;
    font-size: .85rem;
}
.contact-us-list input:focus, .contact-us-list select:focus, .contact-us-list textarea:focus{
    border-color: #45a049 !important;
    -webkit-box-shadow: inset 0 1px 4px rgba(52, 186, 8, .08), 0 0 0 0.2em rgba(52, 186, 8, .30);
    box-shadow: inset 0 1px 4px rgba(52, 186, 8, .08), 0 0 0 0.2em rgba(52, 186, 8, .30);
}
.dot-typing {
    display: none;
    position: absolute;
    top: -5px;
    left: -9999px;
    padding: 0 !important;
    margin-left: 25px;
    width: 10px !important;
    height: 10px !important;
    border-radius: 5px !important;
    background-color: #0070f3 !important;
    color: #0070f3 !important;
    box-shadow: 9984px 0 0 0 #0070f3, 9999px 0 0 0 #0070f3, 10014px 0 0 0 #0070f3;
    animation: dotTyping 1.5s infinite linear;
    padding: 0  !important;
  }
  .dot-typing.active{
    display: block;
  }
  
  @keyframes dotTyping {
    0% {
      box-shadow: 9984px 0 0 0 #0070f3, 9999px 0 0 0 #0070f3, 10014px 0 0 0 #0070f3;
    }
    16.667% {
      box-shadow: 9984px -10px 0 0 #0070f3, 9999px 0 0 0 #0070f3, 10014px 0 0 0 #0070f3;
    }
    33.333% {
      box-shadow: 9984px 0 0 0 #0070f3, 9999px 0 0 0 #0070f3, 10014px 0 0 0 #0070f3;
    }
    50% {
      box-shadow: 9984px 0 0 0 #0070f3, 9999px -10px 0 0 #0070f3, 10014px 0 0 0 #0070f3;
    }
    66.667% {
      box-shadow: 9984px 0 0 0 #0070f3, 9999px 0 0 0 #0070f3, 10014px 0 0 0 #0070f3;
    }
    83.333% {
      box-shadow: 9984px 0 0 0 #0070f3, 9999px 0 0 0 #0070f3, 10014px -10px 0 0 #0070f3;
    }
    100% {
      box-shadow: 9984px 0 0 0 #0070f3, 9999px 0 0 0 #0070f3, 10014px 0 0 0 #0070f3;
    }
  }
/* /chatbot */
/* add review modal */
.add-review-modal{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    display: none;
}
.add-review-modal.active{
    display: block;
}
.add-review-modal > div{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    overflow-y: auto;
}
.add-review-modal > div > div{
    width: 90%;
    max-width: 500px;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.4);
    display: none;
}
.add-review-modal > div > div.active{
    display: block;
}
.add-review-modal > div > div > div{
    width: 100%;
    padding: 20px 25px;
}
.add-review-modal-closer{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px !important;
    background-color: #f7f7f7;
    text-align: center;
    font-size: 1.25rem;
    border-radius: 50%;
    cursor: pointer;
}
.add-review-modal-head{
    font-weight: 500;
    font-size: 1.6rem;
}
.add-review-modal > div > div > div:nth-child(2){
    border-top: 1px solid #e4e5e7;
    max-height: 60vh;
    max-height: 60dvh;
    overflow-y: auto;
}
.add-review-modal > div > div > div:nth-child(3){
    padding: 0;
    border-top: 1px solid #e4e5e7;
}
.add-review-modal > div > div > div:nth-child(3) > div{
    padding: 20px;
    width: 50%;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
}
.add-review-modal > div > div > div:nth-child(3) > div:first-child{
    border-right: 1px solid #e4e5e7;
}
.add-review-modal > div > div > div:nth-child(3) > div:nth-child(2){
    background-color: #f7f7f7;
    color: #00cf30;
}
.add-review-modal-input-container{
    margin-bottom: 25px;
}
.add-review-modal-input-container p{
    font-size: .88rem;
    line-height: 1.3;
    font-weight: 500;
}
.add-review-modal-input-container p small{
    color: #999;
}
.add-review-modal-input-container p i{
    vertical-align: middle;
}
.add-review-modal-star-list > i{
    font-size: 1.75rem;
    cursor: pointer;
}
.add-review-modal-input-container textarea{
    max-height: 60px;
}
.add-review-modal-input-container textarea,
.add-review-modal-input-container select{
    display: block;
    width: 100%;
    border-radius: 3px;
    padding: 10px 15px;
    font-size: .85rem;
    line-height: 1.4;
    resize: vertical;
    border: 1px solid #e4e5e7;
}
.add-review-modal-input-container textarea:focus,
.add-review-modal-input-container select:focus{
    border-color: #45a049 !important;
    -webkit-box-shadow: inset 0 1px 4px rgba(52, 186, 8, .08), 0 0 0 0.2em rgba(52, 186, 8, .30);
    box-shadow: inset 0 1px 4px rgba(52, 186, 8, .08), 0 0 0 0.2em rgba(52, 186, 8, .30);
}
.add-review-modal-star-list:hover .add-review-modal-star-item,
.add-review-modal-star-list.add-review-modal-star-item-1 > .add-review-modal-star-item:first-child,
.add-review-modal-star-list.add-review-modal-star-item-2 > .add-review-modal-star-item:nth-child(2),
.add-review-modal-star-list.add-review-modal-star-item-2 > .add-review-modal-star-item:nth-child(1),
.add-review-modal-star-list.add-review-modal-star-item-3 > .add-review-modal-star-item:nth-child(3),
.add-review-modal-star-list.add-review-modal-star-item-3 > .add-review-modal-star-item:nth-child(2),
.add-review-modal-star-list.add-review-modal-star-item-3 > .add-review-modal-star-item:nth-child(1),
.add-review-modal-star-list.add-review-modal-star-item-4 > .add-review-modal-star-item:nth-child(4),
.add-review-modal-star-list.add-review-modal-star-item-4 > .add-review-modal-star-item:nth-child(3),
.add-review-modal-star-list.add-review-modal-star-item-4 > .add-review-modal-star-item:nth-child(2),
.add-review-modal-star-list.add-review-modal-star-item-4 > .add-review-modal-star-item:nth-child(1),
.add-review-modal-star-list.add-review-modal-star-item-5 > .add-review-modal-star-item:nth-child(5),
.add-review-modal-star-list.add-review-modal-star-item-5 > .add-review-modal-star-item:nth-child(4),
.add-review-modal-star-list.add-review-modal-star-item-5 > .add-review-modal-star-item:nth-child(3),
.add-review-modal-star-list.add-review-modal-star-item-5 > .add-review-modal-star-item:nth-child(2),
.add-review-modal-star-list.add-review-modal-star-item-5 > .add-review-modal-star-item:nth-child(1)
{
    color: #ffcd42;
}
.add-review-modal-star-item:hover ~ .add-review-modal-star-item{
    color: inherit !important;
}
/* /add review modal */
/* cdi table */
.cdi-special-table{
    width: 100%;
    border-collapse: collapse;
    min-width: 650px;
}
.cdi-special-table-wrapper{
    border: 1px solid #cfd9de;
    border-radius: 5px;
    overflow-x: auto;
}
.cdi-special-table td, 
.cdi-special-table th{
    padding: 7px 12.5px;
    text-align: center;
    font-size: .90rem;
    font-weight: 400;
}
.cdi-special-table thead th,
.cdi-special-table tfoot td{
    padding: 15px 15px;
}
.cdi-special-table thead th{
    text-align: left;
    vertical-align: top;
}
.cdi-special-table tfoot td .hire-me-btn {
    padding: 5px 15px;
    background: #00cf30;
    border-radius: 3px;
}
.cdi-special-table tbody tr:nth-child(2n+1){
    background-color: #f7f7f7;
}
.cdi-special-table th{
    font-weight: 700;
}
.cdi-special-table td:first-child, 
.cdi-special-table th:first-child{
    text-align: left;
    width: 30%;
    text-transform: capitalize;
    border-right: 1px solid #cfd9de;
}
.cdi-special-table th:nth-child(2), 
.cdi-special-table th:nth-child(3),
.cdi-special-table th:nth-child(4),
.cdi-special-table td:nth-child(2), 
.cdi-special-table td:nth-child(3),
.cdi-special-table td:nth-child(4)
{
    width: 23%;
}
.mt-title{
    margin: 8px 0;
}
.mt-description{
    font-weight: 500;
    margin-top: 10px;
    font-size: .82rem;
    line-height: 1.3;
}
/* /cdi table */
/* add review modal */
.vs-modal-item{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    display: none;
}
.vs-modal-item.active{
    display: block;
}
.vs-modal-item > div{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    overflow-y: auto;
}
.vs-modal-item > div > div{
    width: 90%;
    max-width: 500px;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.4);
}
.vs-modal-item > div > div > div{
    width: 100%;
    padding: 20px 25px;
}
.vs-modal-item-closer{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px !important;
    background-color: #f7f7f7;
    text-align: center;
    font-size: 1.45rem;
    border-radius: 50%;
    cursor: pointer;
}
.vs-modal-item-head{
    font-weight: 500;
    font-size: 1.6rem;
}
.vs-modal-item > div > div > div:nth-child(2){
    border-top: 1px solid #e4e5e7;
}
.vs-modal-item-preview{
    border: 1px solid #e4e5e7;
    border-radius: 5px;
    height: 50px;
    overflow: hidden;
}
.vs-modal-item-preview > div:first-child{
    width: 50px;
    border-right: 1px solid #e4e5e7;
    overflow: hidden;
}
.vs-modal-item-preview > div:first-child img{
    width: 100%;
    height: 100%;
}
.vs-modal-item-preview > div:nth-child(2){
    width: calc(100% - 50px);
    padding: 5px 15px;
}
.vs-modal-item-preview > div:nth-child(2) p{
    margin-bottom: 0;
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    font-weight: 600;
    font-size: 13px;
}
.vs-modal-item > div > div > div:nth-child(3){
    padding: 0;
    border-top: 1px solid #e4e5e7;
}
.vs-modal-item > div > div > div:nth-child(3) > div{
    padding: 20px;
    width: 50%;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
}
.vs-modal-item > div > div > div:nth-child(3) > div:first-child{
    border-right: 1px solid #e4e5e7;
}
.vs-modal-item > div > div > div:nth-child(3) > div:nth-child(2){
    background-color: #f7f7f7;
    color: #00cf30;
}
.vs-modal-item-input-container{
    margin-bottom: 25px;
}
.vs-modal-item-input-container p{
    font-size: .88rem;
    line-height: 1.3;
    font-weight: 500;
}
.vs-modal-item-input-container p small{
    color: #999;
}
.vs-modal-item-input-container p i{
    vertical-align: middle;
}
.vs-modal-item-star-list > i{
    font-size: 1.75rem;
    cursor: pointer;
}
.vs-modal-item-input-container textarea{
    max-height: 60px;
}
.vs-modal-item-input-container input,
.vs-modal-item-input-container textarea,
.vs-modal-item-input-container select{
    display: block;
    width: 100%;
    border-radius: 3px;
    padding: 10px 15px;
    font-size: .85rem;
    line-height: 1.4;
    resize: vertical;
    border: 1px solid #e4e5e7;
}
.vs-modal-item-input-container input:focus,
.vs-modal-item-input-container textarea:focus,
.vs-modal-item-input-container select:focus{
    border-color: #45a049 !important;
    -webkit-box-shadow: inset 0 1px 4px rgba(52, 186, 8, .08), 0 0 0 0.2em rgba(52, 186, 8, .30);
    box-shadow: inset 0 1px 4px rgba(52, 186, 8, .08), 0 0 0 0.2em rgba(52, 186, 8, .30);
}
/* /add review modal */
/* Market services */
.find-more-below{
    margin-top: 15px;
}
.find-more-below span{
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}
.service-search-banner--content{
    width: 100%;
    height: 90vh;
    height: 90dvh;
    min-height: 400px;
    max-height: 425px;
    background-color: #eee;
    border-radius: 10px;
}
.service-search-banner--content-container{
    width: 100%;
    height: 100%;
    padding: 25px 50px;
    background: linear-gradient(25deg, rgba(0,0,0,0.5), transparent);
    border-radius: 10px;
}
.service-search-banner--content{
    background-position: center;
    background-size: cover;
}
.service-search-banner--content-1{
    color: #eee;
}
.service-search-banner--content-2{
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
    font-size: 2.05rem;
    line-height: 3.05rem;
    font-weight: 500;
    margin: 15px 0;
}
.service-search-banner--searcher{
    width: 100%;
    max-width: 500px;
    height: 40px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.14);
    border-radius: 7px;
}
.service-search-banner--searcher > div{
    height: 100%;
}
.service-search-banner--searcher > div:first-child{
    width: calc(100% - 50px);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    position: relative;
}
.service-search-banner--searcher > div:first-child .service-search-banner--searcher-loader{
    position: absolute;
    top: 12px;
    right: 2.5px;
}
.service-search-banner--searcher > div:first-child input{
    width: 100%;
    display: block;
    height: 40px;
    padding-left: 15px;
    padding-right: 40px;
    font-size: .92rem;
    border-width: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.service-search-banner--searcher > div:nth-child(2){
    width: 50px;
    background-color: #00cf30;
    color: #fff;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
}
.service-search-banner--searcher > div:nth-child(2) i{
    font-size: 1.3rem;
}
.service-search-banner--content-input-result{
    position: relative;
}
.service-search-banner--searcher-result-container{
    width: 100%;
    max-width: 500px;
    position: absolute;
    top: calc(100% + 5px);
    z-index: 1;
    display: none;
}
.service-search-banner--searcher-result-container.active{
    display: block;
}
.service-search-banner--searcher-result-container > div{
    width: 100%;
    position: relative;
    background-color: #fff;
    padding: 10px 0;
    border: 1px solid #f7f7f7;
    border-radius: 3px;
    box-shadow: 0 3px 6px 0 rgb(32 33 36 / 28%);
    max-height: 250px;
    overflow-y: auto;
}
.service-search-banner--content-6{
    margin-top: 10px;
}
.service-search-banner--content-6 > span,
.service-search-banner--content-6 > a {
    font-size: 13px;
    font-weight: 500;
    padding: 0 10px;
    margin-right: 2.5px;
    border-radius: 3px;
    display: inline-block;
    background-color: #fff;
    color: #000;
    text-decoration: none;
}
.service-search-banner--content-7{
    font-weight: 500;
    color: #fff;
    text-shadow: 0.5px 0.5px 1px rgba(0,0,0,0.15);
}
.service-how-it-works-section--content{
    width: 100%;
}
.service-how-it-works-section--content-0{
    margin-bottom: 50px;
}
.service-how-it-works-section--content-1{
    text-align: center;
    line-height: 2.55rem;
    font-size: 1.55rem;
    font-weight: 700;
}
.service-how-it-works-section--content-2 > div{
    width: 100%;
}
.service-how-it-works-section--content-2 > div > div{
    width: 33%;
    text-align: center;
}
.service-how-it-works-section--content-3{
    color: #000;
    font-size: 1.5rem;
}
.service-how-it-works-section--content-4{
    margin: 35px 0;
    font-size: 1.85rem;
}
.service-how-it-works-section--content-5{
    color: #828282;
    width: 70%;
    margin: auto;
}
.service-how-it-works-section--content-3 > span{
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 42.5px;
    border-radius: 50%;
    background-color: #202124;
    color: #f0f8ff;
    font-size: 16px;
    font-weight: 700;
    border: 10px solid #f0f8ff;
}
.service-how-it-works-section--content-6{
    width: 100%;
    text-align: center;
    margin-top: 70px;
}
.service-how-it-works-section--content-6 img{
    max-width: 400px;
}
.category-slider-content-item.service-market-category--category{
    height: auto;
}
.category-slider-content-item.service-market-category--category > div{
    height: auto;
    position: relative;
}
.category-slider-content-item.custom-slider-content-item.service-market-category--category.new:before {
    content: "new";
    position: absolute;
    right: -10px;
    top: -10px;
    border-radius: 3px;
    background: #00cf30;
    color: #fff;
    padding: 5px;
    font-size: 13px;
    display: inline-block;
    line-height: 10px;
}
.service-market-category--content{
    width: 21%;
}
.ss-second-ttl{
    font-size: .94rem;
    line-height: 1.35;
    margin-top: 15px;
}
.dashboard-recommended-services .ss-second-ttl {
    font-size: .95rem;
    line-height: 1.5;
    margin-top: 15px;
    margin-bottom: 10px;
    font-family: 'Roboto', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.service-market-category--content > div{
    width: 100%;
}
.service-market-category--content-1 img{
    width: 100%;
    height: 170px !important;
    border-radius: 8px !important;
}
.dashboard-recommended-services .service-market-category--content-1 img {
    width: 100%;
    height: 140px !important;
    border-radius: 10px !important;
    border: 1px solid #eee;
}
.service-market-category--content-1-three img{
    border-radius: 10px !important;
}
.service-market-category--content-1.service-market-category--content-1-two img{
    height: 280px !important;
}
.service-market-category--content-2 > p{
    margin-top: 20px;
    font-size: 15px;
    margin-bottom: 2.5px;
    color: #828282;
}
.dashboard-recommended-services .service-market-category--content-2 > p{
    margin-top: 0px;
    font-size: .82rem;
    font-weight: 600;
    line-height: 1.4;
}
.service-market-category--content-2 > h3{
    font-size: 1.05rem;
}
.service-market-category--content-2 > h3.-b-{
    font-weight: 500;
}
.service-market-category--content-1-two img{
    border: 1px solid #eee;
}
.service-market-category--content-2 > h3.-small-{
    font-size: .95rem;
}
.dashboard-recommended-services .service-market-category--content-2 > h3.-small- {
    font-size: .82rem;
}
.service-market-category--content .service-market-category--content-upside-down p{
    margin-top: 0;
}
.service-market-category--content .service-market-category--content-1 img{
    margin-top: 20px;
}
.gig-list-container.service-recommended-solutions--content {
    width: calc(100% + 50px) !important;
    margin-left: -10px !important;
}
.service-recommended-solutions--content .gig-layout-item {
    width: 24.36%;
}
.service-recommended-solutions--content .gig-layout-item .market-item-reaction-item-btn {
    display: none;
}
.service-all-categories-section--content {
    width: 100%;
    margin-top: 25px;
}
.service-all-categories-section--content > div:first-child{
    width: 320px;
}
.service-all-categories-section--content > div:nth-child(2){
    width: calc(100% - 320px);
    padding-left: 25px;
}
.service-all-categories-section--content-category-1{
    display: inline-block;
    background-color: #eee;
    font-size: .85rem;
    padding: 5px 15px;
    border-radius: 60px;
    margin: 5px;
    cursor: pointer;
    margin-left: 0;
}
.service-all-categories-section--content-category-1.active{
    background-color: #202124;
    color: #fff;
}
.service-all-categories-section--content-cat-list > a{
    width: 25%;
    margin-bottom: 10px;
    font-size: .92rem;
    padding-right: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    cursor: pointer;
}
.popular-a-list > a{
    font-size: .80rem;
    font-weight: 500;
    margin: 4px;
    margin-left: 0;
    border-radius: 60px;
    background-color: #f7f7f7;
    border: 1px solid #dbdbdb;
    line-height: 17px;
    padding: 4px 12px;
    white-space: nowrap;
    display: inline-block;
}
.popular-a-list > a.a-will-hide{
    display: none;
}
.popular-a-list > a.a-show-all-btn{
    color: #00cf30;
    background: #e8faf4;
    cursor: pointer;
    font-weight: 500;
}
/* /Market services */
/* Slider list item */
.slider-list-item{
    position: relative;
}
.slider-list-item > div{
    position: absolute;
    top: 0;
}
.slider-list-item, 
.slider-list-item > div, 
.slider-list-item-slide-item, 
.slider-list-item-slide-items-container{
    width: 100%;
    height: 90px;
}
.slider-list-item > div:first-child{
    pointer-events: none;
    z-index: 1;
}
.slider-list-item-dir-btn-left{
    margin-left: -15px;
}
.slider-list-item-dir-btn-right{
    margin-right: -15px;
}
.slider-list-item-dir-btn{
    display: inline-block;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.25);
    font-size: 1.2rem;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: auto;
}
.inactive-btn{
    pointer-events: none !important;
    opacity: 0.0 !important;
}
.slider-list-item-slide-item{
    width: 165px;
    min-width: 165px;
    overflow: hidden;
    padding: 7px 8px;
}
.slider-list-item-slide-item-new {
    width: 225px;
    min-width: 225px;
}
.slider-list-item-slide-item:first-child {
    padding-left: 0;
}
.slider-list-item-slide-item.slisi-sm{
    width: 120px;
    min-width: 120px;
}
.slider-list-item-slide-item > a{
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.10);
    border-radius: 6px;
    height: 100%;
    display: block;
    line-height: 1.3rem;
    padding: 7px 12px;
    font-size: 14.5px;
    font-weight: 500;
    border: 1px solid #cfd9de;
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.slider-list-item-slide-item-new > a {
    border-radius: 9px;
}
.slider-list-item-slide-item > a.centered{
    align-items: center;
    justify-content: center;
}
.slider-list-item-slide-item > a.big.centered i{
    font-size: 1.15rem;
    display: inline-block;
    border-radius: 50%;
    background-color: #eee;
    width: 30px;
    height: 30px;
    line-height: 30px !important;
    text-align: center;
}
.slider-list-item-slide-item-new > a {
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.slider-list-item-slide-item-new > a > div:first-child {
    width: 75px;
    min-width: 75px;
    height: 100%;
}
.slider-list-item-slide-item-new > a > div:first-child img {
    width: 100%;
    height: 100%;
    display: block;
}
.slider-list-item-slide-item-new > a > div:nth-child(2) {
    width: calc(100% - 50px);
    padding-left: 10px;
}
/* /Slider list item */
/* Categories modal container */
.categories-modal-container{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    display: none;
}
.categories-modal-container.active{
    display: block;
}
.categories-modal-container > div{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    overflow-y: auto;
}
.categories-modal-container > div > div{
    border-radius: 3px;
    align-self: center;
    position: relative;
    width: 90%;
    max-width: 600px;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.4);
}
.categories-modal-container > div > div > div:first-child{
    width: 100%;
    padding: 25px 35px;
}
.categories-modal-container > div > div > div:first-child > div:first-child{
    width: calc(100% - 60px);
}
.categories-modal-container > div > div > div:first-child > div:first-child h4{
    font-weight: 600;
    font-size: 1.35rem;
}
.categories-modal-container > div > div > div:first-child > div:nth-child(2){
    text-align: right;
    width: 60px;
}
.categories-modal-container > div > div > div:first-child > div:nth-child(2) i{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px !important;
    background-color: #f7f7f7;
    font-size: 1.1rem;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
}
.categories-modal-container > div > div > div:nth-child(2){
    padding: 25px 35px;
    border-top: 1px solid #e4e5e7;
    height: 70vh;
    height: 70dvh;
}
.categories-modal-container > div > div > div:nth-child(2).ov-show{
    overflow-y: auto;
}
.categories-modal-container-list-item{
    width: 50%;
    vertical-align: top;
    padding-right: 25px;
    line-height: 1.4rem;
    margin: 10px 0;
    font-weight: 500;
    font-size: .92rem;
    display: inline-block;
}
/* /Categories modal container */
/* Payment */
.payment-stage-indicator{
    border-bottom: 1px solid #e4e5e7 !important;
}
.payment-stage-main-container{
    width: 100%;
}
.payment-stage-main-container > div:first-child{
    width: 60%;
}
.payment-stage-main-container > div:nth-child(2){
    width: 35%;
}
.payment-stage-main-container-1-title-1{
    font-weight: 700;
    color: #202124;
    font-size: 1.1rem;
}
.payment-stage-main-container-1-title-1 small{
    font-size: .90rem;
    margin-top: 15px;
}
.payment-stage-quantity-selector{
    display: inline-block;
    width: 70px;
    padding: 2px 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
}
.payment-stage-quantity-selector-text{
    font-weight: 500;
    font-size: .92rem;
}
.payment-stage-main-container-1-pheader{
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #cfd9de;
    margin-bottom: 20px;
}
.preview-package-details-container > div:first-child{
    width: 170px;
    max-height: 140px;
    position: relative;
}
.vplay-overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    cursor: pointer;
}
.vplay-overlay i{
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 1.5rem;
    border-radius: 50%;
    background: rgba(0,0,0,0.5);
}
.preview-package-details-container > div:first-child > img{
    width: 100%;
    height: 100%;
    border-radius: 2px;
}
.preview-package-details-container > div:nth-child(2){
    padding-left: 15px;
    width: calc(100% - 170px);
}
.preview-package-details-container > div:nth-child(2) h1{
    font-size: 1.0rem;
    line-height: 1.4;
}
.preview-package-details-container > div:nth-child(2) p{
    color: #828282;
    font-weight: 500;
    margin-bottom: 0;
}
.pay-what-is-included{
    color: #45a049;
    font-weight: 500;
    font-size: .90rem;
}
.package-description-details{
    padding-top: 15px;
    border-top: 1px solid #cfd9de;
    margin-top: 20px;
}
.package-description-details > h4{
    margin-bottom: 10px;
    margin-top: 10px;
}
.package-description-details > p,
.package-description-details > div{
    font-size: .92rem;
    font-weight: 400;
    margin-bottom: 20px;
    color: #404145;
}
.included-package-item{
    width: 49%;
    padding-right: 25px;
    display: inline-block;
    vertical-align: top;
    margin: 7px 0;
}
.included-package-item > div > div:first-child{
    width: 30px;
    min-width: 30px;
}
.included-package-item > div > div:first-child i{
    display: inline-block;
    font-size: .65rem;
    vertical-align: text-top;
    line-height: 15px;
    width: 15px;
    height: 15px;
    text-align: center;
    color: #fff !important;
    background-color: #3bb75e;
    border-radius: 50%;
}
.included-package-item > div > div:nth-child(2){
    width: calc(100% - 30px);
    color: #3c4043;
    font-size: .92rem;
    font-weight: 500;
}
.payment-stage-main-container-2{
    align-self: baseline;
}
.payment-stage-main-container-content{
    padding: 20px;
    border: 1px solid #cfd9de;
    border-radius: 5px;
    margin-bottom: 15px;
    background-color: #fff;
}
.payment-stage-main-container-2 .payment-stage-main-container-1-title-1{
    margin-bottom: 15px;
}
.payment-summary-item-container{
    padding-top: 15px;
    border-top: 1px solid #cfd9de;
}
.payment-summary-item-total{
    padding: 15px;
    border-top: 1px solid #cfd9de;
    border-bottom: 1px solid #cfd9de;
    margin-bottom: 10px;
}
.payment-summary-item > div > p{
    color: #3c4043;
    font-size: .90rem;
    font-weight: 500;
}
.payment-summary-item > div:nth-child(2){
    width: 40%;
    min-width: 40%;
    padding-left: 15px;
    text-align: right;
}
.payment-summary-item-total > div:first-child {
    width: 35%;
}
.payment-summary-item-total > div:nth-child(2) {
    width: 60%;
    min-width: 60%;
}
.payment-summary-item > div:first-child > p{
    font-weight: 500;
    color: #828282;
}
.payment-summary-item > div:nth-child(2) > p{
    font-weight: 600;
}
.payment-summary-qty{
    margin-bottom: 15px;
}
.payment-summary-qty > div:nth-child(2){
    min-width: 60% !important;
}
.confirm-payment-btn{
    display: block;
    width: 100%;
    padding: 10px 10px;
    font-weight: 500;
    color: #fff !important;
    background-color: #000;
    text-align: center;
    border-radius: 5px;
    margin: 15px 0;
    cursor: pointer;
    font-size: .92rem;
}
.confirm-payment-btn-two{
    background-color: #3bb75e;
    width: 85%;
    margin: auto;
}
.payment-icons{
    text-align: center;
    margin-bottom: 10px;
}
.payment-icons > img{
    width: 42px;
    margin: 2px;
    vertical-align: middle;
}
.payment-icons.payment-icons-gray > img{
    filter: grayscale(1);
}
.accepted-payments-container{
    margin-bottom: 10px;
}
.accepted-payments-container > div:first-child{
    width: 30px;
    min-width: 30px;
}
.accepted-payments-container > div:first-child i{
    font-size: 1.25rem;
}
.accepted-payments-container > div:nth-child(2){
    width: calc(100% - 30px);
    font-size: .80rem;
    line-height: 1.38;
    font-weight: 500;
}
.accepted-payments-container > div:nth-child(2) a{
    color: #00cf30;
    font-weight: 500;
}
.accepted-payments-container > div:nth-child(2) a b {
    font-weight: 500;
}
.payment-footer{
    display: none;
    width: 100%;
    position: fixed;
    bottom: -120px;
    padding-bottom: 20px;
    z-index: 5;
}
.payment-footer.active{
    bottom: 0;
}
.payment-box{
    min-height: 50vh;
    min-height: 50dvh;
    min-height: 325px;
}
.payment-box > div:nth-child(2){
    margin: 20px;
}
.payment-box.mlmr-0 > div:nth-child(2){
    margin-right: 0;
    margin-left: 0;
}
.payment-box.normal > div:nth-child(2){
    margin: 20px 0;
}
.payment-box-details, 
.deposit-box-details{
    width: 90vw;
    width: 90dvw;
    max-width: 600px;
    text-align: center;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #eee;
    background-color: #fff;
    display: none;
}
.payment-box-details.-full-width-item-, 
.deposit-box-details.-full-width-item-{
    width: 100% !important;
    padding: 15px;
}
.payment-box-details.normal, 
.deposit-box-details.normal{
    width: 100%;
    padding: 30px 20px;
}
.payment-box-details.active, 
.deposit-box-details.active{
    display: block;
}
.payment-box-details > div:nth-child(2) p, 
.deposit-box-details > div:nth-child(2) p{
    margin: 15px auto;
    line-height: normal;
    max-width: 450px;
    color: #828282;
}
.payment-box-details > div:first-child h4 b, 
.deposit-box-details > div:first-child h4 b{
    color: #3bb75e;
}
.payment-shield{
    font-size: 2.5rem;
}
.payment-shield.mini {
    font-size: 1.5rem;
}
.payment-box .show-on-payment-successful,
.payment-successful .hide-on-payment-successful{
    display: none;
}
.payment-successful .show-on-payment-successful{
    display: block;
}
.ps-text{
    margin-top: 10px;
    display: block;
    line-height: 1.6;
    color: #808080;
    font-size: .85rem;
}
.service-requirement-notice-container{
    background-color: #0070f3;
}
.service-requirement-notice h4 {
    font-size: .90rem;
    color: #fff;
}
.service-requirement-notice{
    padding: 20px;
    text-align: center;
    color: #202124;
}
.-full-width-container-{
    width: 100%;
}
.requirements-container > div{
    background-color: #fff;
    padding: 25px;
    border-radius: 3px;
    border: 1px solid #eee;
    padding-bottom: 50px;
}
.requirements-container > div:first-child{
    width: 70%;
}
.requirements-container > div:nth-child(2){
    width: 25%;
    align-self: baseline;
}
.requirements-introduction-container > div:first-child{
    width: 60px;
    min-width: 60px;
}
.requirements-introduction-container > div:first-child > img{
    width: 45px;
    height: 45px;
    border-radius: 50%;
}
.requirements-introduction-container > div:nth-child(2){
    width: calc(100% - 60px);
    padding-left: 10px;
}
.requirements-introduction-container > div:nth-child(2) > div{
    width: 100%;
    padding: 15px;
    background-color: #fafafa;
    border: 1px solid #eee;
    position: relative;
    border-radius: 5px;
    font-size: .88rem;
    line-height: 1.5;
    font-weight: 500;
}
.requirements-introduction-container > div:nth-child(2) > div > div:first-child{
    color: #3bb75e;
    font-size: .95rem;
    font-weight: 500;
}
.requirements-introduction-container > div:nth-child(2) > div::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top-color: #fafafa;
    top: 0;
    left: -18px;
}
.requirements-introduction-container > div:nth-child(2) > div::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top-color: #eee;
    z-index: 0;
    top: -1px;
    left: -20px;
}
.requirement-input-item{
    margin: 50px 0;
    border-bottom: 1px solid #cfd9de;
    padding-bottom: 35px;
}
.requirement-input-item > div{
    margin: 15px 0;
}
.requirement-input-item > div h4{
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
}
.requirement-input-item > div textarea{
    width: 100%;
    display: block;
    resize: vertical;
    padding: 10px 15px;
    min-height: 150px;
    font-size: .92rem;
    line-height: 1.45;
    border-radius: 5px;
    border: 1px solid #cfd9de;
}
.requirement-file-container{
    margin: 10px 0;
}
.requirement-file-container > div:first-child{
    width: 35px;
    min-width: 35px;
} 
.requirement-file-container > div:first-child i{
    display: inline-block;
    text-align: center;
    color: #202124;
    vertical-align: middle;
    border-radius: 50%;
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 25px !important;
    background: #eee;
}
.requirement-file-container > div:nth-child(2){
    width: calc(100% - 35px);
    font-size: .92rem;
    padding-top: 2.55px;
}
.simple-order-summary-box{
    margin-top: 25px;
}
.simple-order-summary-box > div{
    position: relative;
}
.simple-order-summary-box > div:first-child img{
    width: 100%;
    margin: 10px 0;
    max-height: 120px;
    border-radius: 4px;
}
.simple-order-summary-box > div:nth-child(2) p{
    font-size: .825rem;
    font-weight: 500;
    line-height: 1.4;
    color: #828282;
    margin-bottom: 5px;
}
.simple-order-summary-box > div:nth-child(2) p:first-child{
    font-size: .95rem;
    color: #202124;
}
.order-status {
    font-size: 11.5px;
    background-color: gold;
    color: #202124;
    padding: 3px 6px;
    font-weight: 600;
    border-radius: 3px;
}
.order-status.pending{
    background-color: gold;
    color: #202124;
}
.payment-review-counts{
    color: #999999;
}
/* /Payment */
/* /Payment success */
.success-animation { 
    margin:150px auto;
}
.checkmark {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #4bb71b;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #4bb71b;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    position:relative;
    top: 5px;
    right: 5px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 20px;
}
.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #4bb71b;
    fill: #fff;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
 
}
.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes scale {
    0%, 100% {
        transform: none;
    }
    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}
@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #4bb71b;
    }
}
/* /Payment success */
/* Members */
.members-body{
    width: calc(100% + 30px);
    margin: 50px 0;
    margin-left: -6px;
}
.page-member-item{
    display: inline-block;
    width: 25%;
    height: 480px;
    padding: 10px;
    margin-left: -4px;
    vertical-align: top;
}
.page-member-item > div{
    height: 100%;
    width: 100%;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 3px;
    box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.02);
}
.page-member-item > div > div{
    padding: 5px 15px;
}
.page-member-item > div > div > div{
    padding: 5px 0;
}
.page-member-item-content-skills-container {
    height: 92px;
    overflow: hidden;
}
.page-member-item > div > div .page-member-item-content-profile-container a{
    margin-top: 5px;
}
.page-member-item-place-holder > div{
    box-shadow: 0 0 0 0 transparent !important;
    background-color: #eee;
}
.page-member-item-place-holder > div > div:first-child{
    width: 100%;
    text-align: center;
}
.page-member-item-place-holder > div > div:first-child span{
    display: inline-block;
    width: 100px;
    height: 100px;
    background-color: #fff;
    display: inline-block;
    margin-top: 50px;
    border-radius: 50%;
}
.page-member-item-content-profile-container,
.page-member-item-content-skills-container,
.page-member-item-content-rating-container,
.page-member-item-content-image-container,
.page-member-item-content-name-container{
    text-align: center;
}
.page-member-item-content-image{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #eee;
}
.page-member-item-content-name-container > p{
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 1.05rem;
}
.page-member-item-content-name-container > small{
    color: #828282;
    display: block;
    font-size: .83rem;
    line-height: 1.4;
}
.page-member-item-content-name-container > small.rph{
    display: none;
}
.page-member-item-content-rating-container span{
    font-weight: 500;
}
.page-member-item-content-skills-container a {
    font-size: .75rem;
    font-weight: 500;
    background-color: #f7f7f7;
    color: initial;
    padding: 3px 10px;
    border-radius: 60px;
    line-height: 15px;
    margin-bottom: 5px;
    margin-right: 5px;
    display: inline-block;
}
.page-member-item-content-profile-container a {
    width: 100%;
    padding: 7px;
    border: 1px solid #cfd9de;
    color: inherit;
    font-weight: 600;
    display: block;
    font-size: .85rem;
    border-radius: 6px;
    margin-top: 10px;
}
.page-member-item-content-header-container {
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 10px;
}
.page-member-item-content-header-container small{
    font-weight: 600;
    color: #6e6e73;
    font-size: .80rem;
}
.members-lists-container{
    padding-top: 10px;
}
.member-banner{
    background-color: #013211;
    padding: 25px;
    border-radius: 10px;
    margin-top: 25px;
    color: #fff;
}
.member-banner > div:first-child p {
    margin-bottom: 0;
}
.member-banner > div:first-child h1{
    font-weight: 600;
    font-size: 1.6rem;
    margin-bottom: 10px;
    line-height: 1;
}
.member-banner > div:first-child h1 i.itext{
    font-family: serif;
    font-size: 1.75rem;
}
.member-banner > div:first-child h1 i.fas{
    margin: 0 5px;
    margin-top: -3px;
    font-size: 15px;
    vertical-align: middle;
}
.member-banner > div:first-child h5{
    margin-bottom: 10px;
    font-weight: 400;
    max-width: 500px;
    line-height: 1.4;
}
.member-banner > div:first-child p i.cblu{
    color: #5f9ea0;
}
.member-banner > div:first-child{
    width: calc(100% - 125px);
}
.member-banner > div:nth-child(2){
    width: 125px;
    min-width: 125px;
    text-align: right;
}
.member-banner > div:nth-child(2) img{
    max-width: 100px;
}
.members-searcher-holder{
    margin-top: 25px;
}
.members-searcher-holder > div:first-child{
    width: calc(100% - 200px);
    padding-right: 25px;
}
.members-searcher-holder > div:nth-child(2){
    width: 200px;
    text-align: right;
}
.members-searcher-container{
    width: 100%;
    max-width: 600px;
    border-radius: 60px;
    box-shadow: 0 2px 5px 1px rgba(64, 60, 67, .16);
    padding: 10px 20px;
    background-color: #fff;
}
.members-searcher-container > div:first-child{
    width: calc(100% - 80px);
}
.members-searcher-container > div:nth-child(2){
    width: 40px;
    text-align: right;
}
.members-searcher-container > div:nth-child(3){
    width: 40px;
    text-align: right;
}
.members-searcher-container > div:nth-child(2) i{
    display: none;
}
.members-searcher-container > div:nth-child(2) i.active{
    display: block;
}
.members-searcher-container > div:nth-child(2) i, .members-searcher-container > div:nth-child(3) i{
    font-size: 1.5rem;
    vertical-align: middle;
    cursor: pointer;
}
.members-searcher-container > div:nth-child(3) i.member-search-go-btn{
    color: #3bb75e;
}
.members-searcher-container > div:first-child input{
    width: 100%;
    display: block;
    border-width: 0;
}
.member-search-filter-btn{
    padding: 10px 20px;
    border-radius: 5px;
    background: #eee;
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
    font-size: .85rem;
    margin-left: 5px;
}
.member-search-filter-btn.clear{
    background: #000;
    color: #eee;
    display: none;
}
.member-search-filter-btn.clear.active{
    display: inline-block;
}
.member-search-filter-btn i{
    margin-right: 5px;
}
.member-search-info{
    margin-top: 15px;
}
.member-search-info p{
    margin-bottom: 0;
    color: #828282;
}
.member-signup-to-see-more{
    height: 100%;
}
.member-signup-to-see-more{
    text-align: center;
    background-color: #000080 !important;
    color: #fff;
}
.member-signup-to-see-more a:not(.cdi-btn){
    color: #fff !important;
}
.member-signup-to-see-more > div > div > div:nth-child(2){
    margin: 25px 0;
    padding-left: 20px;
    padding-right: 20px;
}
.member-signup-to-see-more > div > div > div:first-child i{
    font-size: 2.25rem;
}
.members-footer{
    margin-bottom: 50px;
}
/* /Members */
/* Testimony video container */
.play-cdi-video{
    cursor: pointer;
}
#cdi-video-container{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 30;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.85);
    display: none;
}
#cdi-video-container.active{
    display: block;
}
#cdi-video-container > div{
    width: 100%;
    height: 100%;
}
#cdi-video-container > div > div{
    width:90%;
    max-width: 600px;
    height: 320px;
    background-color: #000;
    border-radius: 5px;
    position: relative;
}
#cdi-video-container > div > div.max{
    max-width: 800px;
    height: 450px;
}
.cdi-video-container-holder{
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 5px;
}
.cdi-video-container-holder > iframe{
    width: 100%;
    height: 100%;
}
.cdi-video-container-closer{
    display: inline-block;
    font-size: 1.5rem;
    color: #fff;
    position: absolute;
    right: -35px;
    top: 0;
    cursor: pointer;
}
/* /Testimony video container */
/* Dashboard */
#dashboard-header{
    width: 100%;
    height: 59px;
    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10); */
    border-bottom: 1px solid #eee;
    background-color: #fff;
    position: fixed;
    top: 0;
    z-index: 2;
    padding-left: 17px;
    padding-right: 17px;
}
#dashboard-aside{
    width: 250px;
    height: 100%;
    z-index: 1;
    padding-top: 60px;
    position: fixed;
}
#dashboard-aside.-bg-grey-{
    background-color: #f8f9fa;
}
#dashboard-aside.-bg-white-{
    background-color: #fff;
}
.dashboard-aside-content{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.dashboard-aside-content > div:first-child{
    height: 60px;
    padding-left: 10px;
    padding-right: 10px;
}
.dashboard-aside-content > div:nth-child(2){
    height: calc(100% - 210px);
    /* border-top: 1px solid #e4e5e7; */
    border-bottom: 1px solid #e4e5e7;
    overflow: auto;
    /* padding-right: 15px;
    width: calc(100% + 20px); */
}
.dashboard-aside-content > div:nth-child(3){
    padding-top: 10px;
    height: 150px;
    box-shadow: 0 -4px 8px -4px rgba(0, 0, 0, 0.12);
}
.quick-cta-btn{
    padding: 5px;
    width: 94%;
    background-color: #0070ff;
    color: #fff;
    display: inline-block;
    text-align: center;
    align-self: center;
    border-radius: 5px;
    font-weight: 600;
    font-size: .82rem;
}
.quick-cta-btn.-full-width-item-{
    width: 100% !important;
    padding: 10px;
}
.dashboard-button-list-item{
    width: 100%;
}
.dashboard-button-list{
    border-bottom: 1px solid #e4e5e7;
    padding: 15px 0;
}
.dashboard-menu-category{
    margin: 18px 15px 6px;
    color: #8a8f98;
    font-size: .68rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.simple-profile-section + .dashboard-menu-category{
    margin-top: 10px;
}
.dashboard-menu-category.ml-0 {
    margin-left: 0 !important;
}
.dashboard-button-list:nth-last-of-type(1),
.dashboard-aside-content > div:nth-child(2) > div.dashboard-button-list:nth-last-of-type(1){
    border-bottom-width: 0;
}
.dashboard-button-list-item-link:not(.n-style){
    padding: 8px 15px;
    padding-left: 12px;
    border-radius: 0;
    cursor: pointer;
    border-left: 4px solid transparent;
}
.dashboard-button-list-item > .dashboard-button-list-item-link > div:first-child{
    width: 35px;
    min-width: 35px;
}
.dashboard-button-list-item > .dashboard-button-list-item-link > div:first-child i{
    font-size: 1.45rem;
    vertical-align: baseline;
}
.dashboard-button-list-item > .dashboard-button-list-item-link > div:nth-child(2){
    width: calc(100% - 65px);
    font-size: .94rem;
    font-weight: 500;
    color: #030303;
}
.dashboard-button-list-item > .dashboard-button-list-item-link.active > div:nth-child(2){
    color: #0070f3;
}
.dashboard-button-list-item > .dashboard-button-list-item-link > div:nth-child(3){
    width: 30px;
    min-width: 30px;
    text-align: right;
}
.dashboard-button-list-item > .dashboard-button-list-item-link > div:nth-child(3) .fa-caret-down{
    font-size: 11px;
    color: #808080;
}
.dashboard-button-list-item > .dashboard-button-list-item-link.active > div:nth-child(3) .fa-caret-down{
    transform: rotate(180deg);
}
.hide-at-dashboard{
    display: none !important;
}
.dbl-header-title{
    padding: 10px 12px;
    padding-top: 0;
    color: #6e6e7e;
}
.dashboard-button-list-item-list{
    width: 100%;
    max-height: 0;
    overflow: hidden;
}
.dashboard-button-list-item-list > div:first-child {
    margin-top: 10px;
}
.dashboard-button-list-item-list a:nth-last-of-type(1){
    margin-bottom: 15px;
}
.dashboard-button-list-item-list-item{
    width: 100%;
    padding: 4px 10px;
    border-radius: 5px;
    cursor: pointer;
}
.dashboard-button-list-item-list-item > div:first-child{
    width: 40px;
    min-width: 40px;
    text-align: center;
}
.dashboard-button-list-item-list-item > div:nth-child(2){
    width: calc(100% - 70px);
    font-weight: 500;
    font-size: .90rem;
    color: #030303;
}
.dashboard-button-list-item-link.active{
    /* background-color: rgba(0,133,246,.08); */
    color: #0070ff;
    border-left-color: #0070ff;
}
.dashboard-button-list-item-link.active .dashboard-button-list-item-list-item > div:nth-child(2){
    color: #0070ff;
    font-weight: 600;
}
.dashboard-button-list-item-list-item > div:nth-child(3){
    width: 30px;
    min-width: 30px;
}
.dashboard-button-list.normal{
    padding-bottom: 0;
    padding-top: 0;
    border-bottom-width: 0;
}
.dashboard-button-list.normal .dashboard-button-list-item-link{
    padding-left: 0;
    padding-right: 0;
    border-left-width: 0;
}
.dln-item{
    display: inline-block;
    width: 26px;
    height: 16px;
    border-radius: 60px;
    color: #fff;
    line-height: 17px;
    font-size: 10px;
    vertical-align: text-top;
    text-align: center;
    margin-left: 10px;
    background-color: #fc4136;
}
.dln-item.inactive{
    display: none;
}
.dln-item.rounded{
    width: 19px;
    height: 19px;
    line-height: 19px;
    border-radius: 50%;
}
.dashboard-button-list-item-list-item > div:nth-child(3) .dln-item{
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 0;
    background-color: #fc4136;
}
#dashboard-main{
    width: 100%;
    padding-top: 59px;
    padding-left: 250px;
}
.dashboard-main-content {
    padding: 30px;
}
.dashboard-main-content.no-padding{
    padding: 0;
}
.main-content-tab-item-heading > div:first-child h3{
    font-weight: 700;
}
.main-content-tab-item-heading > div:first-child h3 .h-angle-icon{
    font-size: 1.25rem;
    color: #909090;
    vertical-align: baseline;
}
.main-content-tab-item-body{
    margin: 15px 0;
}
.main-content-tab-item-body-sbs-item-one > div:first-child{
    width: 60%;
}
.main-content-tab-item-body-sbs-item-one > div:nth-child(2){
    width: 38%;
}
.dashboard-user-metric-box{
    width: 100%;
    margin: 20px 0;
    background-color: #fff;
    padding: 25px;
    border-radius: 4px;
    border: 1px solid #eee;
    /* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23); */
}
.home-dashboard-user-metric-box{
    display: none;
}
.dashboard-user-metric-box--header{
    margin-bottom: 25px;
}
.dashboard-user-metric-box--header > div:first-child{
    width: calc(100% - 50px);
}
.dashboard-user-metric-box--header > div:first-child h4{
    font-weight: 600;
    line-height: 30px;
}
.main-content-tab-item-heading > div:first-child h3 a {
    color: inherit;
}
.dashboard-user-metric-box--header > div:first-child h4 .h-icon{
    background: #ff0000;
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 18px;
    display: inline-block;
    border-radius: 50%;
    vertical-align: bottom;
    margin-right: 10px;
}
.high-focus-element{
    font-weight: 700;
    font-size: 1.45rem;
    line-height: 1.4;
    margin-bottom: 15px;
}
.dashboard-user-metric-box--header > div:first-child h4 .h-icon.hc-green{
    background-color: #00cf30;
}
.dashboard-user-metric-box--header > div:first-child h4 .h-icon.hc-red{
    background-color: #ff0000;
}
.dashboard-user-metric-box--header > div:first-child h4 .h-icon.hc-gold{
    background-color: #ffd700;
    color: #000;
}
.dashboard-user-metric-box--header > div:first-child h4 .h-icon.hc-black{
    background-color: #000;
}
.dashboard-user-metric-box--header > div:first-child h4 .h-icon.hc-coral{
    background-color: #ff7f50;
}
.dashboard-user-metric-box--header > div:first-child h4 .h-icon.hc-turquoise{
    background-color: #40e0d0 !important;
}
.dashboard-user-metric-box--header > div:nth-child(2){
    width: 50px;
    min-width: 50px;
}
.dashboard-user-metric-box.dashboard-user-metric-box-only-head > div:first-child{
    margin-bottom: 0 !important;
}
.dashboard-user-metric-box.dashboard-user-metric-box-only-head > div:first-child h4{
    line-height: normal !important;
    font-size: 1.05rem;
}
.dashboard-user-metric-box.important{
    background: antiquewhite !important;
    border: 1px solid #ff0000 !important;
    color: #ff0000 !important;
}
.dashboard-p-desc{
    color: #828282;
    font-size: .83rem;
    line-height: 1.4;
    font-weight: 400;
}
.dashboard-p-desc.dpd-bdr{
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eeee;
}
.video-description-list{
    margin: 25px 0;
}
.video-description-item{
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #e4e4e4;
    margin: 15px 0;
}
.video-description-item:nth-last-of-type(1) {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.video-description-item > div:first-child{
    width: 140px;
    min-width: 140px;
    height: 80px;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}
.video-description-item > div:first-child > div{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    color: #fff;
}
.video-description-item > div:first-child > div i{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    font-size: 1.25rem;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.70);
    background-color: rgba(255, 255, 255,0.35);
}
.video-description-item > div:first-child > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    top: 0;
}
.video-description-item > div:nth-child(2){
    width: calc(100% - 140px);
    padding-left: 15px;
}
.video-description-item > div:nth-child(2) h4{
    line-height: 1.5;
    font-size: .97rem;
    font-weight: 500;
    color: #030303;
}
.video-description-item > div:nth-child(2) p{
    color: #6e6e7e;
    margin-bottom: 2px;
}
.video-description-item > div:nth-child(2) > div > span{
    background-color: rgba(0,0,0,0.35);
    color: #fff;
    font-weight: 500;
    padding: 4px 8px;
    font-size: 11px;
    border-radius: 2px;
}
.dashboard-p-image{
    text-align: center;
}
.dashboard-p-image img{
    max-width: 200px;
}
.dashboard-simple-description-item{
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #eee;
}
.dashboard-simple-description-item > div:first-child{
    width: calc(100% - 140px);
    padding-right: 30px;
}
.dashboard-simple-description-item > div:first-child > div > b {
    font-weight: 500;
    display: inline-block;
    line-height: 1.45;
    font-size: .98rem;
}
.dashboard-simple-description-item > div:first-child > div > b:nth-of-type(2) {
    font-size: 1.75rem;
}
.dashboard-simple-description-item > div:nth-child(2){
    width: 140px;
    min-width: 140px;
    text-align: right;
}
.dashboard-simple-description-item > div:nth-child(2) b {
    font-weight: 600;
    font-size: .85rem;
}
.dashboard-simple-desc{
    font-weight: 400;
    font-size: .85rem;
}
.dashboard-red,
.dashboard-green{
    font-weight: 500;
}
.dashboard-rbp{
    color: #643296 !important;
}
.dashboard-coral{
    color: #fe7e4f !important;
}
.dashboard-red{
    color: #ff0000 !important;
}
.dashboard-green{
    color: #00cf30 !important;
}
.dashboard-grey{
    color: #6e6e7e !important;
}
.dashboard-turquoise{
    color: #40e0d0 !important;
}
.dashboard-simple-img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #fff;
    vertical-align: middle;
}
.dashboard-simple-img-list{
    margin-top: 0px;
}
.dashboard-simple-img-list > img:first-child ~ img{
    margin-left: -15px;
}
.dashboard-simple-description-item-two{
    padding: 15px 0;
    padding-bottom: 0;
    border-top: 1px solid #eee;
    margin: 15px 0;
}
.dashboard-simple-description-item-two > div:first-child{
    width: 100px;
}
.dashboard-simple-description-item-two > div:first-child img{
    width: 80px;
    height: 80px;
    border-radius: 5px;
    border-width: 0;
}
.dashboard-simple-description-item-two > div:nth-child(2){
    width: calc(100% - 100px);
}
.dashboard-simple-description-item-two > div:nth-child(2) h4{
    line-height: 1.4;
    font-size: .94rem;
    font-weight: 500;
    color: #030303;
    margin-bottom: 5px;
}
.dashboard-simple-description-item-two > div:nth-child(2) p{
    color: #6e6e7e;
    font-weight: 500;
    font-size: .85rem;
    margin-bottom: 0;
}
.monetization-focused{
    border-radius: 10px;
    background: #7fffd2;
    padding: 15px;
}
.monetization-focused.monetization-focused-two{
    border-radius: 5px;
    background: #eee;
    padding: 15px;
    margin-top: 10px;
}
.monetization-focused.monetization-focused-two.monetization-focused-three{
    border-radius: 0px;
    background: #f7f7f7;
    padding: 15px;
    margin-top: 0px;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 20px;
}
.main-content-tab-item.--full-width--{
    width: 100%;
}
.main-content-tab-item.--white-bg--{
    background-color: #fff;
}
.main-content-tab-item-sbs-page{
    height: calc(100vh - 60px);
    height: calc(100dvh - 60px);
}
.main-content-tab-item-sbs-page > div{
    height: 100%;
}
.main-content-tab-item-sbs-page > div:first-child{
    width: 300px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
.main-content-tab-item-sbs-page > div:nth-child(2){
    width: calc(100% - 300px);
}
.main-content-tab-item-sbs-page > div#contract-main-content-tab-item-section{
    width: 100%;
    border-right-width: 0;
}
.main-content-tab-item-sbs-page-header{
    height: 60px;
    position: relative;
    z-index: 1;
}
.main-content-tab-item-sbs-page-header.bdr-bottom{
    border-bottom: 1px solid #eee;
}
.main-content-tab-item-sbs-page-header.active{
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.08);
}
.main-content-tab-item-sbs-page-body, 
.main-content-tab-item-sbs-page-body-full-height{
    height: calc(100% - 60px);
    border-bottom: 1px solid #eee;
    overflow-y: auto;
    padding: 10px 0;
}
#main-contract-content, 
#main-contract-content > div 
{
    width: 100%;
    height: 100%;
}
#main-contract-content > div,
#main-contract-content.contract-list-mode > div:nth-child(2),
#main-contract-content.contract-user-list-mode > div:first-child,
.contract-heading.offers-mode > span:first-child,
.contract-heading > span:nth-child(2)
{
    display: none;
}
#main-contract-content.contract-list-mode > div:first-child,
.contract-heading.offers-mode > span:nth-child(2),
#main-contract-content.contract-user-list-mode > div:nth-child(2){
    display: block;
}
.contract-dashbaord-list-item-row:nth-last-of-type(1){
    margin-bottom: 100px !important;
}
.main-content-tab-item-sbs-page-body-full-height{
    height: calc(100% - 60px);
}
.main-content-tab-item-sbs-page-body-full-height.fht{
    height: calc(100% - 120px);
}
.contract-main-content-tab-item-sbs-page-body-full-height{
    height: 100% !important;
}
.main-content-tab-item-sbs-page-footer{
    height: 60px;
    padding: 0 10px;
    background-color: #fff;
}
.simple-project-status {
    font-weight: 400;
    font-size: 11px;
    color: #808080;
    border: 1px solid #eee;
    background: #eee;
    padding: 2px 4px;
    margin-top: 5px;
    display: inline-block;
    line-height: 13px;
    border-radius: 2px;
    padding-top: 3px;
}
.simple-project-status.big {
    font-weight: 400;
    font-size: 13px;
    padding: 4px 6px;
}
.simple-project-status .fas{
    font-size: 10px;
}
.simple-project-status.accepted{
    color: #29a267;
    border: 1px solid #29a267;
}
.dashboard-searcher-container,
.dashboard-general-container{
    width: 100%;
    padding: 10px;
}
.dashboard-general-container{
    padding: 10px 20px;
}
.dashboard-searcher-container.p0{
    padding: 0;
}
.dashboard-searcher-container.p1{
    padding: 5px;
}
.dashboard-searcher-container.-transpar- > div{
    background-color: #fff;
    border-width: 0;
}
.dsc-search-filter{
    padding: 10px;
    padding-top: 0;
    display: none;
}
.dsc-any{
    padding: 10px;
    padding-top: 0;
}
.dsc-search-filter.active{
    display: block;
}
.dsc-search-filter-item{
    display: inline-block;
    border: 1px solid #cfd9de;
    font-size: .80rem;
    padding: 3px 10px;
    line-height: 18px;
    border-radius: 60px;
    cursor: pointer;
    font-weight: 500;
}
.dsc-input-btn{
    display: inline-block !important;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px !important;
    font-size: 12px;
    background: #6e6e7e;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
}
.dsc-clear-btn{
    display: none !important;
    font-size: 12px;
    width: 16px;
    height: 16px;
    text-align: center;
    color: #fff;
    background-color: #ccc;
    line-height: 16px !important;
    border-radius: 50%;
    vertical-align: text-bottom;
    cursor: pointer;
}
.srch-form{
    position: relative;
    width: calc(100% - 35px);
    display: inline-block !important;
}
.market-search-item > div:nth-child(2) .srch-form{
    width: calc(100% - 5px);
}
.srch-form.active-srch::before {
    content: "ITEM: ";
    position: absolute;
    left: 0px;
    white-space: nowrap;
    z-index: 10;
    font-size: .84rem;
    line-height: 2;
}
.srch-form.active-srch input[type="text"],
.srch-form.active-srch input[type="search"]{
    padding-left: 45px;
}
.dsc-clear-btn.active {
    display: inline-block !important;
}
.dashboard-list-loader{
    padding-top: 25px;
    padding-bottom: 60px;
    text-align: center;
}  
.dashboard-searcher-container > div{
    width: 100%;
    /* background-color: #fafafa; */
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    height: 40px;
}
.dashboard-searcher-container.white > div{
    background-color: #fff;
}
.dashboard-searcher-container.-small- > div{
    height: 35px;
}
.dashboard-searcher-container > div > div:first-child i{
    font-size: 1.05rem;
    color: #999;
    line-height: 40px;
}
.dashboard-searcher-container > div > div:first-child,
.dashboard-searcher-container > div > div:nth-child(3){
    width: 40px;
    min-width: 40px;
    text-align: center;
}
.dashboard-searcher-container > div > div:nth-child(2){
    width: calc(100% - 80px);
}
.dashboard-searcher-container.n-asd > div > div:nth-child(2){
    width: calc(100% - 40px);
}
.dashboard-searcher-container > div > div:nth-child(2) input{
    width: 100%;
    display: inline-block;
    background-color: transparent;
    border-width: 0;
    font-size: .85rem;
}
.simple-display-item{
    margin-bottom: 10px;
}
.simple-display-item,
.simple-display-item > div{
    width: 100%;
}
.simple-display-item > div {
    border-bottom: 1px solid #f7f7f7;
    padding: 10px;
}
/* .simple-display-item > div:nth-last-of-type(1){
    border-bottom-width: 0;
} */
.simple-display-item.active > div {
    background: #eee !important;
    max-width: 94%;
    margin: auto;
    border-radius: 5px;
}
.simple-display-item.active {
    border-left: 3px solid #000;
}
.simple-display-item--image{
    width: 45px;
    min-width: 45px;
}
.simple-display-item--image img{
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.simple-display-item--content-full{
    width: 100%;
}
.simple-display-item--content{
    width: calc(100% - 45px);
}
.simple-display-item--content-heading{
    /* line-height: 1.45;
    font-weight: 600;
    color: #030303;
    font-size: .84rem;
    margin-bottom: 5px; */
    line-height: 1.45;
    font-weight: 400;
    color: #030303;
    font-size: .86rem;
    margin-bottom: 5px;
}
.simple-display-item--content-sub-heading{
    line-height: 1.3;
    font-weight: 400;
    font-size: .78rem;
    color: #909090;
    margin-bottom: 5px;
}
.simple-display-item--image-list > img{
    width: 31px;
    height: 31px;
    border-radius: 50%;
    border: 2px solid #fff;
}
.dashboard-user-metric-box .dashboard-simple-img-list .dashboard-simple-img:nth-of-type(2){
	margin-left: -15px;
}
.simple-display-item--image-list > img ~ img{
    margin-left: -15px;
}
.simple-display-item.active .simple-display-item--image-list > img{
    border-color: #eee;
}
.letter-img{
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    color: #fff;
    background: #8a2be2;
}
.letter-img.-gold-{
    background-color: #ffc200;
}
.letter-img.-green-{
    background-color: #6cc606;
}
.main-content-tab-item-sbs-page-body--title-container{
    padding: 10px;
    margin-bottom: 10px;
}
.main-content-tab-item-sbs-page-body--title-container.mar-b-0{
    margin-bottom: 0;
}
.main-content-tab-item-sbs-page-body--title-container.pad-b-0{
    padding-bottom: 0;
}
.main-content-tab-item-sbs-page-body--title{
    font-weight: 700;
}
.main-content-tab-item-sbs-page-content-header{
    padding: 0 20px;
    border-bottom: 1px solid #eee;
    height: inherit;
}
.main-content-tab-item-sbs-page-content-header.type-two{
    padding: 0 50px;
}
.main-content-tab-item-sbs-page-content-body{
    padding: 0 20px;
}
.main-content-tab-item-sbs-page-content-body.type-two{
    padding: 0 50px;
}
.main-content-tab-item-sbs-page-content-header.active{
    box-shadow: 2.5px 1px 8px 0 rgba(32, 33, 36, .08);
    border-bottom-color: #f7f7f7;
}
.main-content-tab-item-sbs-page-content-header > div:first-child{
    width: calc(100% - 50px);
    overflow-x: auto;
    white-space: nowrap;
    mask-image: -webkit-linear-gradient(to right, transparent, white 2px, white 90%, transparent);
    mask-image: -moz-linear-gradient(to right, transparent, white 2px, white 90%, transparent);
    mask-image: linear-gradient(to right, transparent, white 2px, white 90%, transparent);
    -webkit-mask-image: -webkit-linear-gradient(to right, transparent, white 2px, white 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, white 2px, white 90%, transparent);
}
.main-content-tab-item-sbs-page-content-header > div:nth-child(2){
    width: 50px;
    text-align: right;
}
.main-content-tab-item-sbs-page-content-header.dim-two > div:first-child{
    width: 40px;
    text-align: left;
}
.main-content-tab-item-sbs-page-content-header.dim-two > div:first-child i{
    font-size: 1.35rem;
    vertical-align: middle;
    cursor: pointer;
}
.main-content-tab-item-sbs-page-content-header.dim-two > div:nth-child(2){
    width: calc(100% - 90px);
    text-align: left;
    overflow-x: auto;
    white-space: nowrap;
    mask-image: -webkit-linear-gradient(to right, transparent, white 2px, white 90%, transparent);
    mask-image: -moz-linear-gradient(to right, transparent, white 2px, white 90%, transparent);
    mask-image: linear-gradient(to right, transparent, white 2px, white 90%, transparent);
    -webkit-mask-image: -webkit-linear-gradient(to right, transparent, white 2px, white 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, white 2px, white 90%, transparent);
}
.main-content-tab-item-sbs-page-content-header.dim-two > div:nth-child(3){
    width: 50px;
    text-align: right;
}
.main-content-tab-item-sbs-page-content-header-text{
    font-size: .85rem;
    font-weight: 500;
}
ul.main-content-tab-item-sbs-page-content-header-list{
    margin: 0;
    padding: 0;
}
ul.main-content-tab-item-sbs-page-content-header-list li{
    display: inline-block;
}
ul.main-content-tab-item-sbs-page-content-header-list .project-menu-mode{
    display: none;
}
ul.main-content-tab-item-sbs-page-content-header-list .project-menu-mode.activated-link{
    display: inline-block;
}
.hide-go-back{
    display: none;
}
.dim-two > div:nth-child(2) ul.main-content-tab-item-sbs-page-content-header-list li:nth-last-of-type(1) {
    margin-right: 40px;
}
.main-content-tab-item-sbs-page-content-header > div:first-child ul.main-content-tab-item-sbs-page-content-header-list li:nth-last-of-type(1){
    margin-right: 70px;
}
.main-content-tab-item-sbs-page-content-header-list-long{
    line-height: 55px;
    padding: 0 12.5px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    font-size: .84rem;
    font-weight: 400;
    color: #909090;
    cursor: pointer;
}
.main-content-tab-item-sbs-page-content-header-list-long.active{
    border-bottom-color: #000;
    color: #000;
    font-weight: 500;
}
.main-content-tab-item-sbs-tab-item{
    padding-top: 20px;
    padding-bottom: 20px;
    display: none;
    position: relative;
}
#orders-order-overview.main-content-tab-item-sbs-tab-item {
    padding-top: 10px;
}
.main-content-tab-item-sbs-tab-item.active{
    display: block;
}
.main-content-tab-item-sbs-tab-item-image-header{
    width: 100%;
}
.main-content-tab-item-sbs-tab-item-image-header > div:first-child{
    width: 65px;
}
.main-content-tab-item-sbs-tab-item-image-header > div:first-child img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.main-content-tab-item-sbs-tab-item-image-header > div:nth-child(2){
    width: calc(100% - 65px);
}
.main-content-tab-item-sbs-tab-item-image-header > div:nth-child(2) p{
    margin-bottom: 0;
}
.main-content-tab-item-sbs-tab-item-image-header > div:nth-child(2) p a{
    font-size: .85rem;
    font-weight: 500;
}
.main-content-tab-item-sbs-tab-item-image-header > div:nth-child(2) p + span{
    color: #909090;
    font-size: .82rem;
    display: block;
    margin-top: -5px;
}
.main-content-tab-item-sbs-tab-item-heading-header{
    margin: 25px 0;
}
.main-content-tab-item-sbs-tab-item-heading-header h3{
    font-weight: 700;
    line-height: 1.35;
}
.main-content-tab-item-sbs-tab-item-content-body p{
    font-size: .92rem;
}

.main-content-tab-item-sbs-tab-item-content-body-section{
    margin: 25px 0;
}
.main-content-tab-item-sbs-tab-item-content-body-section.m0{
    margin-top: 0;
}
.main-content-tab-item-sbs-tab-item-content-body-section > div:first-child{
    margin-bottom: 25px;
}
.main-content-tab-item-sbs-tab-item-content-body-section > div:first-child h4{
    font-weight: 600;
    font-size: 1rem;
}
.main-content-tab-item-sbs-tab-item-content-body-section h5{
    margin: 10px 0;
    line-height: 1.3rem;
}
.dashbaord-invoice-payments > div{
    width: 24%;
}
.preview-invoice-payment-made {
    background: #f7f7f7;
    font-size: .83rem;
    padding: 10px 15px;
    margin-bottom: 10px;
    border-radius: 5px;
    color: #828282;
}
.preview-invoice-payment-made i {
    font-size: 1.15rem;
    vertical-align: inherit;
}
.dashbaord-invoice-payments-summary{
    /* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23); */
    width: 100%;
    padding: 15px;
    border: 1px solid #dadce0;
    border-radius: 5px;
}
.dashbaord-invoice-payments-summary h2, .exta .exta-amount{
    color: #000;
    font-weight: 500;
    font-size: .90rem;
    margin-bottom: 0 !important;
    line-height: 1.5rem;
}
.dashbaord-invoice-payments-summary > div:first-child > h6 b {
    font-weight: 500;
    line-height: 1.15rem;
}
.dashbaord-invoice-payments-summary > div:first-child > h6, .exta .exta-title {
    color: #909090;
    font-size: .72rem;
    font-weight: 500;
}
.dashbaord-invoice-payments-summary > div:first-child > *{
    margin-bottom: 10px;
}
.dashbaord-invoice-payments-summary .-money-green-{
    color: #00cf30;
    font-weight: 600;
}
.dashbaord-invoice-payments-summary .-money-red-{
    color: #ff0000;
    font-weight: 600;
}
.invoice-pay-container-sticky {
    position: sticky;
    bottom: 0;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}
.pending-invoice-amount-summary > div:nth-child(2),
.pending-invoice-amount-summary.bonus-mode > div:first-child{
    display: none;
}
.pending-invoice-amount-summary.bonus-mode > div:nth-child(2){
    display: block;
}
.pending-invoice-amount-summary.bonus-mode > div:nth-child(2) h2{
    line-height: 1.3;
    margin-top: 10px;
    color: #828282;
    font-weight: 400;
    font-size: .82rem;
}
.dashbaord-list-item{
    width: 100%;
}
.dashbaord-list-item-row,
.dashboard-list-item-content{
    width: 100%;
    position: relative;
}
.dashbaord-list-item-row{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    font-size: .86rem;
    /* font-family: Roboto, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
}
.dashbaord-list-item-row.bt0{
    border-top-width: 0;
}
.dashbaord-list-item-row-word {
    display: block;
    line-height: 1.4;
}
.dashboard-list-item-content-align-items-center .dashbaord-list-item-row{
    align-items: center;
}
.dashbaord-list-item-row:nth-child(2n + 1){
    background-color: #fafafa;
}
.marked{
    background-color: #f0f8ff !important;
}
.dashbaord-list-item-row:not(.dashbaord-list-item-row-payment-list-item):nth-last-of-type(1),
.dashbaord-list-item-row:not(.dashbaord-list-item-row-deposit-list-item):nth-last-of-type(1)
{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.contract-preview-report-details b {
    font-weight: 500;
    font-size: .85rem;
}
.unpaid-status{
    background-color: #f7e8d4 !important;
}
.dashbaord-list-item-row > div{
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px 10px;
    line-height: 1.4;
}
.dashbaord-list-item-row.-slim- > div{
    padding: 10px 10px;
}
.dashbaord-list-item-row > div:nth-last-of-type(1){
    border-right-width: 0;
}
.dashbaord-list-item-row-head{
    color: #030303 !important;
    background-color: #f7f7f7 !important;
}
.dashbaord-list-item-row.white{
    background-color: #fff !important;
}
/* .dashbaord-list-item-row-head.sticky-1{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    top: 60px;
    position: sticky;
    z-index: 1;
} */
/* .dashbaord-list-item-row-head.sticky-1 + div{
    border-top-width: 0;
} */
.dashbaord-list-item-row-head > div{
    font-size: .85rem;
    font-weight: 500;
}
.dashbaord-list-item-row-head.nbt{
    border-top-width: 0;
}
.dashbaord-list-item-row.dashbaord-list-item-row-invoice > div{
    line-height: 30px;
}
.dashbaord-list-item-row.dashbaord-list-item-row-invoice > div:first-child{
    width: 25%;
    min-width: 25%;
}
.dashbaord-list-item-row.dashbaord-list-item-row-invoice > div:nth-child(2){
    width: 13%;
    min-width: 13%;
}
.dashbaord-list-item-row.dashbaord-list-item-row-invoice > div:nth-child(4){
    width: 17%;
    min-width: 17%;
}
.dashbaord-list-item-row.dashbaord-list-item-row-invoice > div:nth-child(3){
    width: 20%;
    min-width: 20%;
}
.dashbaord-list-item-row.dashbaord-list-item-row-invoice > div:nth-child(5){
    width: 21%;
    min-width: 21%;
}
.dashbaord-list-item-row.dashbaord-list-item-row-invoice > div:nth-child(5) .cdi-btn {
    border-radius: 3px;
    font-weight: 500;
}
.dashbaord-list-item-row.contract-dashbaord-list-item-row-business > div:first-child{
    width: 25%;
    padding-left: 15px;
}
.dashbaord-list-item-row.contract-dashbaord-list-item-row-business > div:nth-child(2),
.dashbaord-list-item-row.contract-dashbaord-list-item-row-business > div:nth-child(3),
.dashbaord-list-item-row.contract-dashbaord-list-item-row-business > div:nth-child(4),
.dashbaord-list-item-row.contract-dashbaord-list-item-row-business > div:nth-child(5){
    width: 10%;
    text-align: center;
}
.dashbaord-list-item-row.contract-dashbaord-list-item-row-business > div:nth-child(6){
    width: 15%;
}
.dashbaord-list-item-row.contract-dashbaord-list-item-row-business > div:nth-child(7){
    line-height: 1.4;
}
/**/
.dashbaord-list-item-row.contract-dashbaord-list-item-row-worker > div:first-child{
    width: 25%;
}
.dashbaord-list-item-row.contract-dashbaord-list-item-row-worker > div:nth-child(2),
.dashbaord-list-item-row.contract-dashbaord-list-item-row-worker > div:nth-child(3),
.dashbaord-list-item-row.contract-dashbaord-list-item-row-worker > div:nth-child(4),
.dashbaord-list-item-row.contract-dashbaord-list-item-row-worker > div:nth-child(5){
    width: 10%;
    text-align: center;
}
.dashbaord-list-item-row.contract-dashbaord-list-item-row-worker > div:nth-child(6){
    width: 15%;
}
.dashbaord-list-item-row.contract-dashbaord-list-item-row-business > div:nth-child(7){
    line-height: 1.4;
}
/**/
.dashbaord-list-item-row.dashbaord-list-item-row-invoice > div:nth-child(4),
.dashbaord-list-item-row.dashbaord-list-item-row-invoice > div:nth-child(5){
    text-align: center;
}
.dashbaord-list-item-row.contract-recipient-dashbaord-list-item-row:not(.dashbaord-list-item-row-head) > div{
    line-height: 40px;
}
.dashbaord-list-item-row.contract-recipient-dashbaord-list-item-row > div:first-child{
    width: 70px;
    min-width: 70px;
    text-align: center;
}
.dashbaord-list-item-row.contract-recipient-dashbaord-list-item-row > div:first-child img{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #eee;
}
.dashbaord-list-item-row.contract-recipient-dashbaord-list-item-row > div:nth-child(2){
    width: 16%;
}
.dashbaord-list-item-row.contract-recipient-dashbaord-list-item-row > div:nth-child(2) span{
    display: inline;
}
.dashbaord-list-item-row.contract-recipient-dashbaord-list-item-row > div:nth-child(3),
.dashbaord-list-item-row.contract-recipient-dashbaord-list-item-row > div:nth-child(4){
    width: 10%;
    text-align: center;
}
.dashbaord-list-item-row.contract-recipient-dashbaord-list-item-row > div:nth-child(5),
.dashbaord-list-item-row.contract-recipient-dashbaord-list-item-row > div:nth-child(6),
.dashbaord-list-item-row.contract-recipient-dashbaord-list-item-row > div:nth-child(7){
    width: 13%;
    text-align: center;
}
/* .contract-dashbaord-list-item .dashboard-list-item-content,
.contract-recipient-dashbaord-list-item .dashboard-list-item-content{
    margin-bottom: 150px;
} */
.dashboard-item-status{
    vertical-align: middle;
    display: inline-block;
    background: #dcf5e3;
    color: #00cf30;
    width: 100%;
    max-width: 80px;
    text-align: center;
    padding: 2.5px 7px;
    padding-top: 4px;
    line-height: 18px;
    font-size: .75rem;
    border-radius: 5px;
    font-weight: 400;
    white-space: nowrap;
}
.dashboard-item-status.unpaid,
.dashboard-item-status.declined,
.dashboard-item-status.cancelled,
.dashboard-item-status.terminated{
    background: rgba(252, 65, 54, .1);
    color: rgb(252, 65, 54);
}
.dashboard-item-status.pending,
.dashboard-item-status.waiting{
    background: rgba(226, 183, 64, .1);
    color: rgb(226, 183, 64);
}
.dashboard-item-status.delivered{
    background: rgba(102, 51, 153, .1);
    color: rebeccapurple;
}
.dashboard-load-more{
    width: 100%;
    margin: 20px 0;
    margin-top: 10px;
    text-align: center;
}
#payments-list-content-container-loader-btn{
    /* margin-top: 10px; */
    margin-top: 0px;
    margin-bottom: 5px;
}
.dashboard-load-more.inactive{
    display: none;
}
.dashboard-load-more > span{
    padding: 6px 100px;
    font-size: .85rem;
    font-weight: 600;
    display: inline-block;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #cfd9de;
    cursor: pointer;
}
.invoice-action-btn{
    font-size: 1.45rem;
    width: 30px;
    cursor: pointer;
    display: inline-block !important;
}
.dashboard-load-more.bt{
    padding: 15px 0;
    border-top: 1px solid #cfd9de;
}
.switch-project-types-container{
    padding: 10px;
}
.switch-project-types{
    border: 1px solid #cfd9de;
    border-radius: 5px;
    overflow: hidden;
}
.switch-project-types > a{
    width: 33.33%;
    text-align: center;
    font-size: .82rem;
    font-weight: 500;
    cursor: pointer;
    padding: 3px;
}
.switch-project-types > a.active{
    background-color: #f7f7f7;
}
.switch-project-types > a:nth-child(2){
    border-right: 1px solid #cfd9de;
    border-left: 1px solid #cfd9de;
}
.switch-project-types > a:first-child{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.switch-project-types > a:nth-child(3){
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
/* /Dashboard */
/* New invoice container */
.new-modal-container{
    width: 100%;
    max-width: 500px;
    min-width: 320px;
    height: 100%;
    position: fixed;
    right: -150%;
    top: 0;
    background-color: #fff;
    z-index: 5;
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.04), 0 9px 46px 8px rgba(0, 0, 0, 0.04), 0 11px 15px -7px rgba(0, 0, 0, 0.04);
}
.new-modal-container.active{
    right: 0;
}
.new-modal-container > div{
    height: 100%;
}
.new-modal-container > div > div:first-child{
    height: 59px;
    border-bottom: 1px solid #eee;
    padding-left: 30px;
    padding-right: 30px;
}
.new-modal-container > div > div:first-child > div:nth-child(2){
    width: calc(100% - 120px);
}
.new-modal-container > div > div:first-child > div:first-child{
    width: 40px;
    min-width: 40px;
    text-align: left;
}
.new-modal-container-closer{
    font-size: 1.25rem;
    cursor: pointer;
    color: #828282;
}
.new-modal-container > div > div:nth-child(2){
    height: calc(100% - 59px);
    overflow-y: auto;
    padding: 20px 30px;
}
.new-invoice-modal-container[data-payment-mode='flexible_payment'] .invoice-milestone-mode-container {
    display: none !important;
}
.new-invoice-modal-container[data-payment-mode='milestone_payment'] .non-invoice-milestone-mode-container {
    display: none !important;
}
.invoice-date-container{
    width: 100%;
}
.invoic-date-container > div{
    width: 48%;
}
.dash-board-form-item-list{
    width: 100%;
}
.dash-board-form-item-list > div{
    width: 48%;
}
.dash-board-form-item-list-total{
    width: 100%;
}
.dash-board-form-item-list-total > div{
    width: 48%;
}
.dash-board-form-item-list-total > div b{
    font-weight: 500;
    color: #030303;
}
.dash-board-form-item-list-total > div b.invoice-amount-balance, .project-invoice-unpaid-amount{
    color: #ff0000 !important;
}
.dash-board-form-item-list-total > div b.invoice-amount-paid, .project-invoice-amount-paid{
    color: #008000 !important;
}
.dash-board-form-item{
    margin: 10px 0;
}
.dash-board-form-item-send{
    margin-top: 25px;
    margin-bottom: 25px;
}
.dash-board-form-item p{
    font-size: .80rem;
    margin-bottom: 5px;
    color: #909090;
    line-height: 1.4;
}
.dash-board-form-item textarea,
.dash-board-form-item input{
    display: block;
    width: 100%;
    padding: 7px 12px;
    border: 1px solid #cfd9de;
    font-size: .85rem;
    border-radius: 3px;
    line-height: 1.45;
}
.dash-board-form-item textarea{
    resize: vertical;
}
.dash-board-form-item textarea.max{
    min-height: 250px;
}
.dash-board-form-item textarea:focus,
.dash-board-form-item input:focus{
    border-color: #ccc !important;
    -webkit-box-shadow: inset 0 1px 4px rgba(90, 90, 90, .02), 0 0 0 0.2em rgba(90, 90, 90, .10);
    box-shadow: inset 0 1px 4px rgba(90, 90, 90, .02), 0 0 0 0.2em rgba(90, 90, 90, .10);
}
.add-new-invoice-item-btn{
    color: #45a049;
    font-size: .85rem;
    font-weight: 600;
}
.new-invoice-total-amount{
    font-size: .84rem;
    font-weight: 500;
    color: #828282;
}
.new-invoice-number{
    font-size: .82rem;
    display: block;
    margin-top: 5px;
}
.dash-board-form-item-declaration > div:first-child{
    width: 25px;
    min-width: 25px;
}
.dash-board-form-item-declaration > div:nth-child(2){
    width: calc(100% - 25px);
}
.preview-invoice-transfer-status{
    color: #45a049;
    font-size: .85rem;
    margin-bottom: 10px;
    display: block;
    line-height: 1.5;
}
.preview-invoice-transfer-status i.la-check{
    display: inline-block;
    width: 25px !important;
    height: 25px !important;
    line-height: 25px !important;
    text-align: center;
    background-color: #45a049;
    vertical-align: center;
    margin-right: 5px;
    border-radius: 50%;
    color: #fff;
}
/* /New invoice container */
/* Invoice preview container */
.invoice-preview-container{
    width: 100%;
    height: 100%;
    z-index: 35;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}
.invoice-preview-container.active{
    display: block;
}
.invoice-preview-container > div{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    overflow-y: auto;
}
.invoice-preview-container > div > div{
    width: 100%;
    max-width: 480px;
    min-width: 320px;
    background-color: #fff;
    margin: 15px 0;
    border-radius: 2px;
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.4);
}
.invoice-preview-container.loading-mode > div > div{
    -webkit-transform: scale(.90);
    -moz-transform: scale(.90);
    -ms-transform: scale(.90);
    transform: scale(.90);
}
.invoice-preview-container.payment-mode > div > div:first-child,
.invoice-preview-container.payment-mode > div > div:nth-child(3),
.invoice-preview-container.client-invoice-mode > div > div:first-child,
.invoice-preview-container.client-invoice-mode > div > div:nth-child(2),
.invoice-preview-container > div > div:nth-child(2),
.invoice-preview-container > div > div:nth-child(3){
    display: none;
}
.invoice-preview-container.payment-mode > div > div:nth-child(2),
.invoice-preview-container.client-invoice-mode > div > div:nth-child(3){
    display: block;
}
.preview-invoice-number{
    margin-bottom: 10px;
}
.invoice-preview-container > div > div > div{
    width: 100%;
    padding: 25px 25px;
}
.invoice-preview-container > div > div > div:nth-child(2){
    padding-bottom: 35px;
}
.invoice-preview-container > div > div > div:first-child {
    border-bottom: 1px solid #f7f7f7;
    height: 60px;
    padding: 0 25px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.invoice-preview-container > div > div > div:first-child > div:first-child{
    width: calc(100% - 150px);
    white-space: nowrap;
}
.invoice-preview-container > div > div > div:first-child > div:first-child i{
    font-size: 1.35rem;
    vertical-align: middle;
}
.invoice-preview-container > div > div > div:first-child > div:nth-child(2){
    text-align: right;
    width: 150px;
    min-width: 150px;
}
.invoice-preview-container > div > div > div:first-child > div:nth-child(2) i{
    font-size: 1.35rem;
    padding-left: 1px;
    color: #030303;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 25px !important;
    background: #fff;
    border-radius: 50%;
}
.preview-invoice-dates{
    width: 100%;
}
.preview-invoice-dates > div{
    width: 48%;
}
.preview-invoice-dates > div > div{
    font-weight: 500;
}
.preview-invoice-dates > div > div:first-child{
    font-size: 13px;
    color: #828282;
}
.preview-invoice-dates > div > div:first-child b {
    font-weight: 500;
}
.preview-invoice-dates > div > div:nth-child(2){
    font-size: .85rem;
}
.invoice-for, .invoice-items{
    margin: 15px 0;
}
.invoice-for > div:first-child,
.invoice-items > div:first-child{
    margin-bottom: 5px;
}
.invoice-for > div:nth-child(2) > div:first-child{
    color: #828282;
    font-size: .85rem;
}
.invoice-for > div:nth-child(2) > div:nth-child(2),
.invoice-for > div:nth-child(2) > div:nth-child(3){
    color: #030303;
    font-size: .84rem;
    line-height: 1.4;
}
.simple-invoice-item{
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e4e5e7; 
}
.simple-invoice-item.b0{
    border-bottom-width: 0;
}
.simple-invoice-item-title{
    color: #828282;
}
.simple-invoice-item > div{
    font-size: .83rem;
    font-weight: 500;
    line-height: 1.3;
}
.simple-invoice-item > div:first-child{
    width: calc(100% - 150px);
    padding-right: 20px;
}
.simple-invoice-item > div:nth-child(2){
    width: 150px;
    min-width: 150px;
    font-weight: 600;
    text-align: right;
}
.invoice-pay{
    margin-top: 25px;
}
.invoice-pay a{
    display: inline-block;
    margin: auto;
    padding: 10px 55px;
    text-align: center;
    background-color: #3bb75e;
}
/* /Invoice preview container */
/* Contract content */
.contract-wait-status {
    font-size: .82rem;
    font-weight: 500;
    display: inline-block;
    padding: 3.5px 20px;
    border: 1px solid #0070f3;
    border-radius: 3px;
    color: #0070f3;
}
.contract-wait-status.red{
    border-color: #dd4f43;
    color: #dd4f43;
}
.contract-wait-status.green{
    border-color: #19a15f;
    color: #19a15f;
}
.contract-content-list-item{
    width: 100%;
    margin-bottom: 25px;
    padding: 10px;
}
.contract-content-list-item.active{
    padding: 10px;
    background: #f7f7f7;
    border-radius: 10px;
}
.contract-content-list-item > div:first-child{
    width: 40px;
    text-align: center;
    flex-direction: column;
    text-align: left;
    align-items: center;
}
.contract-content-list-item-image-divider{
    display: inline-block;
    width: 0px;
    border-left: 3px dotted #909090;
    height: 10px;
    margin: 10px auto;
}
.contract-content-list-item-set-1{
    margin-bottom: 10px;
}
.contract-content-list-item > div:first-child img{
    width: 27px;
    height: 27px;
    border-radius: 50%;
    border: 2px solid #eee;
    padding: 2px;
}
.contract-content-list-item > div:first-child img.img-2{
    width: 25px;
    height: 25px;
}
.contract-content-list-item > div:nth-child(2){
    width: calc(100% - 40px);
    padding-left: 10px;
}
.contract-content-list-item-header{
    width: 100%;
}
.contract-content-list-item-header > div:first-child{
    width: calc(100% - 40px);
}
.contract-content-list-item-header > div:first-child a{
    font-weight: 500;
    font-size: .85rem;
}
.contract-content-list-item-header > div:first-child p {
    margin-top: -5px;
    font-size: .85rem;
}
.contract-content-list-item-header > div:first-child p small{
    color: #909090;
    display: block;
    line-height: 1.4;
    margin-top: 2.5px;
}
.contract-content-list-item-header > div:nth-child(2){
    width: 50px;
    min-width: 50px;
    text-align: right;
}
.contract-small-indicator{
    font-size: 12px;
    display: inline-block;
    background: antiquewhite;
    margin: 3px;
    padding: 3px 8px;
    border-radius: 60px;
    line-height: 20px;
    margin-left: 0;
    font-weight: 500;
}
.contract-small-indicator.accepted{
    background: #e8faf4;
}
.contract-small-indicator.pending{
    background: rgba(253, 207, 82, .5);
}
.contract-small-indicator.declined{
    background: #faebd7;
}
.contract-small-indicator.new-contract-btn,
.contract-small-indicator.see-all{
    background: #fff;
    color: #030303;
    padding: 2px 16px;
    cursor: pointer;
    font-weight: 600;
    border: 1px solid #dadce0;
}
.load-individual-contracts i {
    vertical-align: middle;
}
.contract-small-indicator img{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 3px;
    vertical-align: middle;
}
.contract-views-container{
    width: 100%;
    height: 100%;
    max-width: 730px;
    min-width: 320px;
    position: fixed;
    top: 0;
    right: -150%;
    z-index: 25;
}
.contract-views-container.active{
    right: 0;
}
.contract-views-container > div{
    width: 100%;
    height: 100%;
    position: relative;
}
.contract-views-container > div > div{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.04), 0 9px 46px 8px rgba(0, 0, 0, 0.04), 0 11px 15px -7px rgba(0, 0, 0, 0.04);
}
.contract-views-container > div > div > div{
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
.contract-views-container > div > div > div:first-child{
    height: 59px;
    border-bottom: 1px solid #e4e5e7;
}
.contract-views-container-wide .contract-views-container > div > div > div:first-child {
    height: 76px;
    border-bottom: 1px solid #e4e5e7;
}
.contract-views-container > div > div > div:first-child > div:nth-child(2){
    width: calc(100% - 80px);
}
.contract-views-container > div > div > div:first-child > div:nth-child(2) h5{
    font-weight: 500;
}
.contract-views-container > div > div > div:first-child > div:nth-child(2) small{
    font-size: .78rem;
    color: #909090;
    margin-top: -2.0px;
    display: block;
}
.contract-views-container > div > div > div:first-child > div:nth-child(3){
    text-align: right;
    width: 40px;
    min-width: 40px;
}
.contract-views-container > div > div > div:first-child > div:nth-child(3) i{
    font-size: 1.4rem;
    cursor: pointer;
}
.contract-views-container > div > div > div:first-child > div:first-child{
    width: 40px;
    min-width: 40px;
    text-align: left;
}
.contract-views-container > div > div > div:first-child > div:first-child i{
    font-size: 1.45rem;
    cursor: pointer;
}
.contract-views-container > div > div > div:nth-child(2){
    height: 61px;
    border-bottom: 1px solid #e4e5e7;
}
.contract-tab-list{
    width: 100%;
    margin: 0;
    padding: 0;
}
.contract-tab-list ul > li{
    line-height: 54px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    display: inline-block;
    list-style-type: none;
    font-size: .82rem;
    color: #909090;
    margin-right: 15px;
}
.contract-tab-list ul > li.active{
    color: #030303;
    font-weight: 500;
    /* border-bottom-color: #030303; */
}
.contract-tab-list > div:first-child{
    width: calc(100% - 120px);
}
.contract-tab-list > div:nth-child(2){
    width: 120px;
    min-width: 120px;
    text-align: right;
}
.contract-views-container > div > div > div:nth-child(3){
    padding: 20px 30px;
    height: calc(100% - 121px);
    overflow-y: auto;
}
.contract-views-container > div > div:nth-child(2) > div:nth-child(2){
    padding: 20px 30px;
    height: calc(100% - 120px);
    overflow-y: auto;
}
.contract-views-container-wide .contract-views-container > div > div:nth-child(2) > div:nth-child(2), 
.contract-views-container-wide .contract-views-container > div > div > div:nth-child(3){
    height: calc(100% - 138px);
}
.contract-views-container > div > div:nth-child(2) > div:nth-child(3){
    padding: 20px 30px;
    height: 60px;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}
.contract-preview-item{
    margin-bottom: 15px;
}
.contract-preview-item-head{
    margin-bottom: 5px;
}
.contract-preview-item-head small{
    color: #828282;
    font-size: .80rem;
    font-weight: 600;
}
.contract-preview-item-body{
    font-size: .92rem;
    line-height: 1.4;
}
.contract-preview-heading > div{
    width: 30%;
}
.contract-preview-description .contract-preview-description-content{
    display: block;
}
.contract-preview-description .contract-preview-description-response-form{
    display: none;
}
.contract-preview-description.form-mode .contract-preview-description-content{
    display: none;
}
.contract-preview-description.form-mode .contract-preview-description-response-form{
    display: block;
}
.contract-preview-description + .contract-preview-footer .contract-preview-sbs-btn-one{
    display: block;
}
.contract-preview-description + .contract-preview-footer .contract-preview-sbs-btn-two{
    display: none;
}
.contract-preview-description.form-mode + .contract-preview-footer .contract-preview-sbs-btn-one{
    display: none;
}
.contract-preview-description.form-mode + .contract-preview-footer .contract-preview-sbs-btn-two{
    display: block;
}
.contract-preview-sbs-btn{
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #fff;
    overflow: hidden;
}
.contract-preview-sbs-btn > button{
    border-width: 0;
    font-size: .82rem;
    background-color: #fff;
    font-weight: 600;
    color: #030303;
    padding: 8px 15px;
}
.contract-preview-sbs-btn > button:first-child{
    border-right: 1px solid #cfd9de;
}
.contract-preview-sbs-btn > button:nth-child(2){
    margin-left: -1px;
}
.contract-preview-sbs-btn > button.accept{
    color: #fff;
    background: #0070ff;
}
.contract-preview-sbs-btn > button.decline{
    background-color: #ddd;
    color: #030303;
}
.contract-preview-heading > div > div:nth-child(2){
    font-weight: 500;
}
.contract-views-container.preview-mode > div > div:first-child{
    display: none;
}
.contract-views-container.preview-mode > div > div:nth-child(2){
    display: block;
}
.contract-description-heading > div{
    width: 48%;
}
.contract-description-heading > div > div:first-child{
    font-size: .80rem;
    color: #909090;
}
.contract-description-heading > div > div:nth-child(2){
    font-size: .85rem;
    font-weight: 500;
    color: #030303;
}
.dashbaord-list-item-row.dashbaord-list-item-row-contract > div:first-child{
    width: 20%;
    min-width: 20%;
}
.dashbaord-list-item-row.dashbaord-list-item-row-contract > div:nth-child(2),
.dashbaord-list-item-row.dashbaord-list-item-row-contract > div:nth-child(3),
.dashbaord-list-item-row.dashbaord-list-item-row-contract > div:nth-child(4){
    width: 26%;
    min-width: 26%;
}
.dashbaord-list-item-row.dashbaord-list-item-row-contract > div:nth-child(3),
.dashbaord-list-item-row.dashbaord-list-item-row-contract > div:nth-child(4){
    text-align: center;
}
.main-content-tab-item-sbs-tab-item-review-header{
    border-bottom: 1px solid #eee;
    padding-bottom: 25px;
}
.step-for{
    display: inline-block !important;
    transform: rotate(-90deg);
    color: #030303;
}
/* /Contract content */
/* Project messages */
.project-messages-container-footer{
    background-color: #fff;
    position: fixed;
    bottom: 0;
    width: calc(100% - 540px);
    border-top: 1px solid #cfd9de;
    height: 82px;
    margin-left: -20px;
    z-index: 1;
}
.project-messages-container-footer.-fwidth-{
    width: calc(100% - 240px);
}
.project-messages-container-footer.type-two.-fwidth-{
    width: calc(100% - 310px);
}
.main-content-tab-item-sbs-tab-item-messages{
    padding-bottom: 150px;
}
.p-message-item{
    width: 100%;
    margin-bottom: 25px;
    position: relative;
}
.p-message-item > div:first-child{
    width: 100%;
    max-width: calc(100% - 200px);
}
.p-message-item > div:first-child > div:first-child{
    width: 50px;
    min-width: 50px;
}
.p-message-item > div:first-child > div:first-child img{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-top: 10px;
}
.p-message-item > div:first-child > div:nth-child(2){
    width: calc(100% - 50px);
    min-width: calc(100% - 50px);
}
.p-message-item > div:first-child > div:nth-child(2) > p{
    font-size: .90rem;
    line-height: 1.5;
    border: 1px solid #cfd9de;
    padding: 15px;
    border-radius: 20px;
    margin-bottom: 5px;
    position: relative;
}
.p-message-item.me > div:first-child > div:nth-child(2) > p::after,
.p-message-item.me > div:first-child > div:nth-child(2) > p::before {
    position: absolute;
    width: 0;
    content: "";
    border: 15px solid transparent;
    border-top-color: #fff;
    top: 0;
    left: -15px;
    z-index: 1;
}
.p-message-item.me > div:first-child > div:nth-child(2) > p::after {
    border-top-color: #dadce0 !important;
    top: -1px;
    left: -17px;
    z-index: 0;
    border: 16px solid transparent;
}
.p-message-item.other > div:first-child > div:nth-child(2) > p::before {
    position: absolute;
    width: 0;
    content: "";
    border: 15px solid transparent;
    border-top-color: #f7f7f7;
    top: 0;
    right: -15px;
    z-index: 1;
}
.p-message-item > div:first-child > div:nth-child(2) > div{
    width: 100%;
}
.p-message-item > div:first-child > div:nth-child(2) > div > div:first-child{
    width: calc(100% - 50px);
}
.p-message-item > div:first-child > div:nth-child(2) > div > div:first-child small{
    color: #909090;
    font-size: 12.5px;
    font-weight: 500;
}
.p-message-item > div:first-child > div:nth-child(2) > div > div:nth-child(2){
    text-align: right;
}
.p-message-item.other{
    justify-content: flex-end;
}
.p-message-item.other > div{
    flex-direction: row-reverse;
}
.p-message-item.other > div:first-child > div:first-child{
    text-align: right;
}
.p-message-item.other > div:first-child > div:nth-child(2) > p{
    background-color: #f7f7f7;
    border-width: 0;
}
.project-messages-container-footer-content{
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}
.project-messages-container-footer-content > div:first-child{
    width: calc(100% - 55px);
}
.project-messages-container-footer-content > div:first-child input,
.project-messages-container-footer-content > div:first-child textarea{
    width: 100%;
    display: block;
    border: 1px solid #cfd9de;
    padding: 8px 15px;
    font-size: .85rem;
    border-radius: 60px;
}
.project-messages-container-footer-content > div:first-child textarea{
    height: 60px;
    border-radius: 3px;
    resize: none;
    line-height: 1.4;
}
.project-messages-container-footer-content > div:first-child input:focus,
.project-messages-container-footer-content > div:first-child textarea:focus{
    box-shadow: inset 0 0 0 1px #303030, 0 0 0 1px rgba(255, 255, 255, .40), 0 0 0 4px rgba(31, 117, 203, .48);
}
.project-messages-container-footer-content > div:nth-child(2){
    width: 55px;
    min-width: 55x;
    text-align: right;
}
.project-messages-container-footer-content > div:nth-child(2) i{
    font-size: 1.75rem;
    cursor: pointer;
}
.project-messages-container-body{
    position: relative;
    width: 100%;
}
.project-message-sender{
    display: inline-block;
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    border-radius: 50%;
    background: #0070f3;
    font-size: 1.2rem !important;
    text-align: center;
    color: #fff;
}
.shared-files-searcher-container{
    width: 100%;
}
.share-files-searcher-btn{
    font-weight: 500;
    border: 1px solid #0070f3;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 12px;
    border-radius: 3px;
    font-size: .85rem;
    color: #0070f3 !important;
    cursor: pointer;
}
.shared-files-searcher-container > div:first-child{
    width: calc(100% - 130px);
}
.shared-files-searcher-container > div:nth-child(2){
    width: 130px;
    text-align: right;
}
.shared-file-item{
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}
.shared-file-item:nth-last-of-type(1){
    border-bottom-width: 0;
}
.shared-file-item > div:first-child,
.shared-file-item > div:nth-child(3){
    width: 40px;
    min-width: 40px;
}
.shared-file-item > div:first-child i{
    font-size: 2rem;
    color: #828282;
}
.shared-file-item > div:nth-child(2){
    width: calc(100% - 40px);
}
.shared-file-item > div:nth-child(3){
    text-align: right;
}
.shared-file-item > div:nth-child(2) p{
    margin-bottom: 2.5px;
    word-break: break-word;
}
.shared-file-item > div:nth-child(2) p:first-child span{
    display: block;
    margin: 5px 0;
    font-weight: 400;
}
.shared-file-name{
    font-size: .85rem;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 10px !important;
}
.shared-file-date-size{
    font-weight: 500;
    color: #828282;
    margin-top: -10px;
    font-size: .90rem;
}
.shared-file-download-file{
    font-weight: 500;
    color: #828282 !important;
    font-size: .85rem;
    border: 1px solid #828282;
    padding: 2.55px 10px;
    border-radius: 60px;
    cursor: pointer;
}
.shared-file-download-file.raw-bd{
    border-width: 0 !important;
}
/* /Project messages */
/* Manage orders */
.manage-orders-container-nav{
    border-bottom: 1px solid #cfd9de;
}
.manage-orders-container-nav  ul{
    list-style-type: none;
}
.manage-orders-container-nav  ul li{
    display: inline-block;
    color: #909090;
    font-size: .84rem;
    margin-right: 25px;
    font-weight: 400;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    line-height: 50px;
    font-family: Roboto, Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.manage-orders-container-nav  ul li.active{
    color: #000 !important;
    font-weight: 500;
    border-bottom-color: #000;
}
.manage-orders-container-body{
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
    margin: 25px 0;
    border-radius: 3px;
}
.manage-orders-container-body > div{
    padding: 15px 15px;
}
.manage-orders-container-body > div:first-child > div:first-child{
    width: calc(100% - 150px);
}
.manage-orders-container-body > div:first-child > div:first-child h3{
    font-size: 1.10rem;
    text-transform: uppercase;
}
.manage-orders-container-body > div:first-child > div:nth-child(2){
    width: 150px;
    min-width: 150px;
    text-align: right;
}
.manage-orders-container-body > div.manage-orders-container-body-searcher{
    border-top: 1px solid #cfd9de; 
    /* border-bottom: 1px solid #cfd9de;  */
    padding: 10px 15px;
}
.manage-orders-container-body-searcher > div:first-child{
    width: 25px;
    min-width: 25px;
}
.manage-orders-container-body-searcher > div:first-child i{
    font-size: 1.15rem;
}
.manage-orders-container-body-searcher > div:nth-child(2){
    width: calc(100% - 65px);
}
.manage-orders-container-body-searcher > div:nth-child(2) input{
    display: block;
    font-size: .85rem;
    width: 100%;
    border-width: 0;
}
.manage-services-container-body-searcher > div:nth-child(2) input,
.manage-orders-container-body-searcher > div:nth-child(2) input,
.projects-searcher > div:nth-child(2) input{
    background-color: #fff;
}

.manage-orders-container-body-searcher > div:nth-child(3){
    width: 40px;
    min-width: 40px;
    text-align: right;
}
.manage-orders-container-body > div.manage-orders-container-body-body{
    padding: 0;
}
.manage-orders-container-body-body-ovh{
    overflow: hidden;
}
.dashbaord-list-item-row.dashbaord-list-item-row-order-list-item > div:first-child{
    width: 30%;
    padding-left: 15px;
}
.dashbaord-list-item-row.dashbaord-list-item-row-order-list-item > div:nth-child(2){
    width: 12%;
}
.dashbaord-list-item-row.dashbaord-list-item-row-order-list-item > div:nth-child(4){
    width: 13%;
}
.dashbaord-list-item-row.dashbaord-list-item-row-order-list-item > div{
    width: 10%;
}
.dashbaord-list-item-row.dashbaord-list-item-row-order-list-item > div:nth-child(3) {
    word-break: break-all;
}
.dashbaord-list-item-row.dashbaord-list-item-row-payment-list-item > div,
.dashbaord-list-item-row.dashbaord-list-item-row-deposit-list-item > div{
    width: 12%;
    min-width: 12%;
}
.dashbaord-list-item-row.dashbaord-list-item-row-payment-list-item > div:first-child,
.dashbaord-list-item-row.dashbaord-list-item-row-deposit-list-item > div:first-child {
    width: 37%;
}
.dashbaord-list-item-row.dashbaord-list-item-row-payment-list-item > div:nth-child(3),
.dashbaord-list-item-row.dashbaord-list-item-row-deposit-list-item > div:nth-child(3){
    width: 15%;
}
/* .manage-orders-container-body-body-row-items > div:nth-last-of-type(1){
    border-bottom-width: 0;
} */
.orders-page-content > div.dashboard-main-content-orders-list,
.orders-page-content.details-mode > div.dashboard-main-content-order-details{
    display: block;
}
.orders-page-content > div.dashboard-main-content-order-details,
.orders-page-content.details-mode > div.dashboard-main-content-orders-list{
    display: none;
}
.dashboard-main-content-order-details{
    background-color: #fff;
    border-left: 1px solid #e4e5e7;
}
.dashboard-main-content-order-details-content{
    height: calc(100vh - 60px);
    height: calc(100dvh - 60px);
}
/* /Manage orders */
/* Manage services */
.manage-services-container-nav{
    border-bottom: 1px solid #cfd9de;
}
.manage-services-container-nav  ul{
    list-style-type: none;
}
.manage-services-container-nav  ul li{
    display: inline-block;
    color: #909090;
    font-size: .84rem;
    margin-right: 25px;
    font-weight: 400;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    line-height: 50px;
    font-family: Roboto, Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.manage-services-container-nav  ul li.active{
    color: #000 !important;
    font-weight: 500;
    border-bottom-color: #000;
}
.manage-services-container-body{
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
    margin: 25px 0;
    border-radius: 3px;
}
.manage-services-container-body > div{
    padding: 15px 15px;
}
.manage-services-container-body > div:first-child > div:first-child{
    width: calc(100% - 150px);
}
.manage-services-container-body > div:first-child > div:first-child h3{
    font-size: 1.10rem;
    text-transform: uppercase;
}
.manage-services-container-body > div:first-child > div:nth-child(2){
    width: 150px;
    min-width: 150px;
    text-align: right;
}
.manage-services-container-body > div.manage-services-container-body-searcher{
    border-top: 1px solid #cfd9de; 
    /* border-bottom: 1px solid #cfd9de;  */
    padding: 10px 15px;
}
.manage-services-container-body-searcher > div:first-child{
    width: 25px;
    min-width: 25px;
}
.manage-services-container-body-searcher > div:first-child i{
    font-size: 1.15rem;
}
.manage-services-container-body-searcher > div:nth-child(2){
    width: calc(100% - 65px);
}
.manage-services-container-body-searcher > div:nth-child(2) input{
    display: block;
    font-size: .85rem;
    width: 100%;
    border-width: 0;
}
.manage-services-container-body-searcher > div:nth-child(3){
    width: 40px;
    min-width: 40px;
    text-align: right;
}
.manage-services-container-body > div.manage-services-container-body-body{
    padding: 0;
}
.manage-services-container-body-body-ovh{
    overflow: hidden;
}
.dashbaord-list-item-row-service-list-item-img{
    width: 100%;
    max-width: 90px;
    height: 50px;
    min-height: 50px;
    border-radius: 3px;
}
.dashbaord-list-item-row.dashbaord-list-item-row-service-list-item > div:first-child{
    width: 12%;
}
.dashbaord-list-item-row.dashbaord-list-item-row-service-list-item > div:nth-child(2){
    width: 22%;
}
.dashbaord-list-item-row.dashbaord-list-item-row-service-list-item > div:nth-child(3){
    width: 10%;
}
.dashbaord-list-item-row.dashbaord-list-item-row-service-list-item > div:nth-child(4),
.dashbaord-list-item-row.dashbaord-list-item-row-service-list-item > div:nth-child(6){
    width: 7%;
}
.dashbaord-list-item-row.dashbaord-list-item-row-service-list-item > div{
    width: 10%;
}
.dashbaord-list-item-row.dashbaord-list-item-row-service-list-item > div:nth-child(8){
    width: auto;
}
/* .manage-services-container-body-body-row-items > div:nth-last-of-type(1){
    border-bottom-width: 0;
} */
.services-page-content > div.dashboard-main-content-services-list,
.services-page-content.details-mode > div.dashboard-main-content-service-details{
    display: block;
}
.services-page-content > div.dashboard-main-content-service-details,
.services-page-content.details-mode > div.dashboard-main-content-services-list{
    display: none;
}
.dashboard-main-content-service-details{
    background-color: #fff;
    border-left: 1px solid #e4e5e7;
}
.dashboard-main-content-service-details-content{
    height: calc(100vh - 60px);
    height: calc(100dvh - 60px);
}
/* /Manage services */
/*  Payments */
.payment-main-content-tab-item-body{
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
}
.payment-main-content-tab-item-body > div{
    padding: 20px 15px;
    padding-bottom: 10px;
}
.payment-main-content-tab-item-body > div:first-child{
    background-color: #fafafa;
    border-bottom: 1px solid #cfd9de;
    padding-bottom: 25px;
}
.payment-main-content-tab-item-body > div:nth-child(2) > div > div:nth-child(2) {
    width: calc(100% - 30px);
    margin: 10px auto;
}
.payment-main-content-tab-item-body > div:nth-child(2) > div > div:first-child, .payment-main-content-tab-item-body > div:nth-child(2) > div > div:nth-child(3) {
    padding: 0 15px;
}
.dashbaord-list-item-row.dashbaord-list-item-row-payment-list-item > div:first-child,
.dashbaord-list-item-row.dashbaord-list-item-row-deposit-list-item > div:first-child{
	padding-left: 15px;
}
.payment-main-content-tab-item-body > div:nth-child(2){
    padding: 15px 0;
}
.options-header-btn{
    display: inline-block;
    background-color: #fff;
    color: #030303;
    font-weight: 600;
    padding: 6px 10px;
    margin-right: 6px;
    font-size: .85rem;
    border-radius: 5px;
    border: 1px solid #cfd9de;
    cursor: pointer;
}
.options-header-btn i{
    font-size: 1.25rem;
    margin-right: 2.5px;
    display: inline-block;
    line-height: 10px;
    vertical-align: middle;
}
.payment-summary-header{
    margin-top: 25px;
}
.payment-summary-header > div{
    border: 1px solid #eee;
    border-radius: 5px;
    background-color: #fff;
}
.payment-summary-header > div:first-child{
    width: 62%;
}
.payment-summary-header > div:first-child > div{
    background-color: #fff;
    width: 50%;
    padding: 15px;
}
.payment-summary-header > div:first-child > div:first-child{
    border-right: 1px solid #eee;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.payment-summary-header > div:first-child > div:nth-child(2){
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.payment-summary-header > div:nth-child(2){
    width: 36%;
}
.payment-summary-header > div:nth-child(2) > div{
    width: 100%;
    padding: 15px;
    background-color: #fff;
}
.payment-summary-item-content > div:nth-child(2){
    margin: 5px 0;
}
.payment-summary-item-content > div:first-child > div:first-child{
    font-size: .80rem;
    color: #959595;
}
.payment-summary-item-content > div:first-child > div:first-child b{
    font-weight: 500;
}
.payment-summary-item-content > div:first-child > div:nth-child(2){
    font-size: .80rem;
    color: #909090;
}
.payment-summary-item-content > div:nth-child(2) > div:first-child h3{
    font-size: 1.25rem;
}
.payment-summary-item-content > div:nth-child(2) > div:first-child{
    margin-right: 15px;
}
.payment-summary-item-content > div:nth-child(3) a{
    font-size: .82rem;
    color: #0070ff;
    font-weight: 600;
}
.payment-summary-item-content > div:nth-child(3) a .fas{
    font-size: 10px;
    margin-left: 3px;
}
.payment-content-status-item{
    background-color: #f7f7f7;
    color: #808080;
    display: inline-block;
    font-size: .80rem;
    font-weight: 500;
    border-radius: 3px;
    padding: 3px 12px;
}
.payment-content-status-item.paid{
    background-color: #e6f8eb;
    color: #00cf30;
}
.payment-content-status-item.pending{
    background-color: #fff5e8;
    color: #fbb35d;
}
.payment-content-status-item.refunded{
    background-color: #8a771f;
    color: #fff;
}
.market-feature-check-uncheck-label{
    cursor: pointer;
}
#market-feature-check-uncheck {
    cursor: pointer;
}
#market-feature-check-uncheck + span {
    font-size: .75rem;
    font-weight: 500;
}
.payment-content-status-item.unpaid{
    background-color: rgba(255, 0, 0, .15);
    color: #ff0000;
}
.bb-cfd9de{
    border-bottom: 1px solid #cfd9de;
}
.all-general-searcher{
    width: 100%;
    border: 1px solid #cfd9de;
    margin: 15px 0;
    margin-bottom: 0;
    border-radius: 3px;
    position: relative;
    z-index: 1;
    background-color: #fff;
}
.all-general-searcher.raw{
    margin: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-radius: 0;
}
.all-general-searcher.nbt{
    border-top-width: 0;
}
.all-general-searcher > div{
    padding: 10px;
}
.all-general-searcher > div:first-child{
    border-right: 1px solid #cfd9de;
    width: 200px;
}
.all-general-searcher > div:nth-child(2){
    width: calc(100% - 200px);
}
.all-general-searcher > div:nth-child(2) > div{
    width: 100%;
}
.all-general-searcher-input > div:first-child,
.all-general-searcher-input > div:nth-child(3){
    width: 40px;
    min-width: 40px;
    text-align: center;
}
.all-general-searcher-input > div:nth-child(2){
    width: calc(100% - 80px);
}
.all-general-searcher-input > div:nth-child(2) input{
    display: block;
    width: 100%;
    border-width: 0;
    font-size: .85rem;
    background-color: #fff;
    min-width: 65px;
}
/* /Payments */
/* Notifications */
.dashboard-notifications-header{
    margin-bottom: 30px;
    /* padding-bottom: 30px;
    border-bottom: 1px solid #cfd9de; */
}
.dashboard-notifications-header-list{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.dashboard-notifications-header-list > li{
    display: inline-block;
    margin-right: 5px;
}
.dashboard-notifications-header-list > li a{
    display: inline-block;
    padding: 4px 15px;
    font-size: .92rem;
    border-radius: 60px;
    cursor: pointer;
    font-weight: 500;
}
.dashboard-notifications-header-list > li.active a{
    background-color: #eee;
    color: #808080;
}
.dashboard-notifications-header-list > li a .dln-item{
    vertical-align: middle;
}
.dashboard-notifications-body{
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
}
.dashboard-body-all-caught{
    text-align: center;
    margin: 50px 0;
    padding: 50px 50px;
    display: none;
}
.dashboard-body-all-caught > div img{
    max-width: 250px;
}
.dashboard-body-all-caught > div:nth-child(2){
    margin-top: 15px;
    color: #909090;
    font-style: italic;
}
.notification-list-item{
    width: 100%;
    padding: 25px;
    border-bottom: 1px solid #eee;
}
.notification-list-item.new{
    background: #f0f8ff;
}
.notification-list-item:nth-last-of-type(1){
    border-bottom-width: 0;
}
.notification-list-item > div:first-child{
    width: 60px;
}
.notification-list-item > div:first-child img{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #eee;
}
.notification-list-item > div:nth-child(2){
    width: calc(100% - 90px);
    padding-left: 10px;
}
.notification-list-item > div:nth-child(2) > h4{
    font-size: .92rem;
    font-weight: 500;
    line-height: 1.5;
}
.dashboard-notifications-header-list > li{
    margin-right: 0;
}
.notification-list-item > div:nth-child(2) > p{
    margin-top: 10px;
    font-size: .85rem;
    line-height: 1.5;
    font-family: Roboto, Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.notification-list-item > div:nth-child(2) > small{
    color: #828282;
    font-size: 13px;
}
.notification-list-item > div:nth-child(3){
    width: 30px;
    min-width: 30px;
    text-align: right;
}
.notification-list-item-status{
    display: inline-block;
    width: 0;
    height: 0;
    border-radius: 50%;
    margin-right: 2.5px;
}
.notification-list-item-status.active{
    background-color: #0070ff;
    width: 6px;
    height: 6px;
}
.empty-content > *:not(.dashboard-body-all-caught){
    display: none;
}
.empty-content > .dashboard-body-all-caught{
    display: block !important;
}
.no-data-found-raw {
    text-align: center;
    padding: 15px;
    font-weight: 500;
    font-size: .95rem;
}
.no-data-found-raw.bdrt{
    border-top: 1px solid #cfd9de;
}
/* /Notifications */
/* Dashboard user profile */
.dashboard-user-profile-container-holder{
    padding: 12px;
    display: block;
}
.dashboard-button-list.normal .dashboard-user-profile-container-holder{
    padding: 0;
    margin-bottom: 10px;
}
.dashboard-user-profile-container{
    width: 100%;
    padding: 15px 10px;
    border: 1px solid #eee;
    border-radius: 10px;
    background-color: #fff;
}
.dashboard-user-profile-container > div:first-child{
    width: 35px;
    min-width: 35px;
}
.dashboard-user-profile-container > div:first-child img{
    width: 25px;
    height: 25px;
    border-radius: 50px;
    border: 1px solid #f7f7f7;
}
.dashboard-user-profile-container > div:nth-child(2){
    width: calc(100% - 45px);
    margin-top: -4px;
}
.dashboard-user-profile-container-user-name span{
    font-size: .85rem;
    font-weight: 500;
}
.summary-empty-text.c-full{
    text-align: center;
    min-height: 120px;
    padding: 50px 0;
    border-top: 1px solid #eee;
}
.summary-empty-text.c-full h4{
    margin-bottom: 15px;
    color: #909090;
    font-size: .85rem;
}
.dashboard-user-profile-container-user-type{
    line-height: 15px;
}
.dashboard-user-profile-container-user-type span{
    color: #6e6e7e !important;
    font-size: 13px;
    font-weight: 500;
}
.dashboard-user-profile-container-user-options{
    font-size: 12px;
    font-weight: 600;
    color: #909090 !important;
    margin-top: -2px;
    display: block;
    border: 1px solid #ccc;
    padding: 0 5px;
    padding-top: 2px;
    margin-top: 10px;
    border-radius: 60px;
    text-align: center;
    background-color: #fff;
}
/* /Dashboard user profile */
/* Complete & Rate project modal */
.complete-and-rate-project-modal{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
}
.complete-and-rate-project-modal.active{
    display: block;
}
.complete-and-rate-project-modal > div{
    width: 100%;
    height: 100%;
}
.complete-and-rate-project-modal > div > div{
    width: 100%;
    max-width: 600px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 10px;
}
.complete-and-rate-project-modal > div > div > div{
    padding: 5px 20px;
}
.complete-and-rate-project-modal > div > div > div.pad-0{
    padding: 0;
}
/* .car-header{
    border-bottom: 1px solid #cfd9de;
} */
.car-heading-text{
    font-weight: 600;
}
.car-heading-closer{
    border-radius: 50%;
    background-color: #f7f7f7;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px !important;
    text-align: center;
    cursor: pointer;
    font-size: 1.25rem;
}
.car-project-by, 
.car-project-title{
    font-size: .86rem;
    line-height: 1.4;
    display: block;
}
.car-header > div{
    padding-top: 10px;
    padding-bottom: 10px;
}
.car-user{
    text-align: center;
}
.car-user img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 10px 0;
}
.car-review select,
.car-review input,
.car-review textarea{
    border-radius: 3px;
    display: block;
    width: 100%;
    border: 1px solid #cfd9de;
    padding: 10px;
    font-size: .85rem;
    line-height: 1.5;
    text-align: left;
}
.car-review textarea{
    resize: none;
    height: 70px;
}
.complete-and-rate-project-form-item-review-category{
    margin-bottom: 15px;
}
.car-rating-text{
    text-align: center;
    line-height: 1.4;
    margin: 5px 0;
}
.car-rating{
    border-top: 1px solid #cfd9de;
    border-bottom: 1px solid #cfd9de;
    text-align: center;
}
.car-rating-stars i.la-star{
    font-size: 1.35rem;
    cursor: pointer;
}
.car-rating-stars.car-rating-stars-1 i:first-child,
.car-rating-stars.car-rating-stars-2 i:first-child,
.car-rating-stars.car-rating-stars-2 i:nth-child(2),
.car-rating-stars.car-rating-stars-3 i:first-child,
.car-rating-stars.car-rating-stars-3 i:nth-child(2),
.car-rating-stars.car-rating-stars-3 i:nth-child(3),
.car-rating-stars.car-rating-stars-4 i:first-child,
.car-rating-stars.car-rating-stars-4 i:nth-child(2),
.car-rating-stars.car-rating-stars-4 i:nth-child(3),
.car-rating-stars.car-rating-stars-4 i:nth-child(4),
.car-rating-stars.car-rating-stars-5 i:first-child,
.car-rating-stars.car-rating-stars-5 i:nth-child(2),
.car-rating-stars.car-rating-stars-5 i:nth-child(3),
.car-rating-stars.car-rating-stars-5 i:nth-child(4),
.car-rating-stars.car-rating-stars-5 i:nth-child(5){
    color: #00cf30 !important;
}
.car-actions{
    padding: 0;
}
.car-actions > div{
    width: 100%;
    text-align: center;
    padding: 15px;
    font-weight: 500;
}
.car-actions > div.mark-project-as-complete-btn{
    background-color: #f7f7f7;
}
.car-actions > div:first-child{
    border-right: 1px solid #cfd9de;
}
/* /Complete & Rate project modal */
/* Options modal */
.options-modal-container{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    background-color: rgba(0,0,0,0.6);
    display: none;
}
.options-modal-container.active{
    display: block;
}
.options-modal-container > div{
    width: 100%;
    height: 100%;
}
.options-modal-container > div > div{
    width: 92%;
    max-width: 600px;
}
.options-modal-content{
    width: 100%;
    padding: 35px;
    background-color: #fff;
    border-radius: 10px;
}
.options-modal-content-title{
    font-weight: 800;
    font-size: 1.55rem;
    line-height: 1.5;
    margin-bottom: 10px;
    white-space: pre-wrap;
    word-break: break-all;
}
.options-modal-content-description{
    letter-spacing: .00625em;
    font-size: .92rem;
    font-weight: 400;
    line-height: 1.35rem;
    color: #3c4043;
    margin: 10px 0;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: 'Roboto', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.options-modal-content-list{
    list-style-type: none;
    margin: 15px 0;
}
.options-modal-content-list-item{
    margin: 25px 0;
    cursor: pointer;
}
.options-modal-content-list-item > div:first-child{
    width: 50px;
    min-width: 50px;
}
.options-modal-content-list-item > div:nth-child(2){
    width: calc(100% - 50px);
    font-size: .92rem;
    font-weight: 500;
}
.options-modal-content-list-item-bullet{
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #030303;
}
.options-modal-content-list-item-bullet > span{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff;
}
.options-modal-content-list-item.active .options-modal-content-list-item-bullet{
    box-shadow: 0 0 1px 8px rgba(0, 112, 255, .20);
    border-color: #0070ff;
}
.options-modal-content-list-item.active .options-modal-content-list-item-bullet > span{
    background-color: #0070ff;
}
.options-modal-content-btn-list-item{
    display: inline-block;
    padding: 6px 15px;
    margin-left: 10px;
    background-color: #0070ff;
    color: #fff;
    font-size: .83rem;
    color: #fff;
    font-weight: 600;
    border-radius: 2px;
    cursor: pointer;
}
.options-modal-content-btn-list-item.hollow{
    background-color: #fff;
    color: #0070ff;
}
/* /Options modal */
/* Simple bar */
[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
  }
  .simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
  }
  .simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
  }
  .simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
  }
  .simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
    width: auto;
    max-width: 100%; /* Not required for horizontal scroll to trigger */
    max-height: 100%; /* Needed for vertical scroll to trigger */
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .simplebar-content-wrapper::-webkit-scrollbar,
  .simplebar-hide-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .simplebar-content:before,
  .simplebar-content:after {
    content: ' ';
    display: table;
  }
  .simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
  }
  .simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0;
  }
  .simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
  }
  .simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
  }
  [data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
  }
  [data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all;
  }
  .simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px;
  }
  .simplebar-scrollbar:before {
    position: absolute;
    content: '';
    background: #000;
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    transition: opacity 0.2s linear;
  }
  .simplebar-scrollbar.simplebar-visible:before {
    /* When hovered, remove all transitions from drag handle */
    opacity: 0.5;
    transition: opacity 0s linear;
  }
  .simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px;
  }
  .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
  }
  .simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px;
  }
  .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px;
  }
  .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto;
  }
  /* Rtl support */
  [data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0;
  }
  
  .hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
  }
  
  .simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
/* /Simple bar */
/* Review */
.rv-review-container{
    padding-top: 60px;
    max-width: 600px;
    margin: 25px auto;
}
.rv-back-icon{
    font-size: 1.35rem;
    margin-right: 10px;
    vertical-align: middle;
}
.rv-review-subheader{
    margin: 15px 0;
    padding: 15px 0;
    border-top: 1px solid #cfd9de;
    border-bottom: 1px solid #cfd9de;
}
.rv-review-subheader > p{
    font-size: .86rem;
    margin-bottom: 0;
    line-height: 1.5;
}
.rv-review-content-input{
    display: block;
    margin: 10px 0;
    padding: 8px 10px;
    width: 100%;
    border: 1px solid #cfd9de;
    border-radius: 5px;
    font-size: .90rem;
}
textarea.rv-review-content-input{
    resize: vertical;
    min-height: 80px;
}
.rv-review-content-input-label{
    color: #828282;
    font-size: .85rem;
    margin: 0;
}
.rv-review-content-stars-container, 
.rv-review-content-stars{
    text-align: center;
}
.rv-review-content-stars{
    margin: 10px 0;
    border-top: 1px solid #cfd9de;
    border-bottom: 1px solid #cfd9de;
    padding: 10px 0;
}
.rv-review-content-sender{
    text-align: center;
}
.rv-review-content-stars i.la-star{
    font-size: 1.4rem;
    cursor: pointer;
}
.rv-review-content-stars.rv-review-content-stars-1 i:first-child,
.rv-review-content-stars.rv-review-content-stars-2 i:first-child,
.rv-review-content-stars.rv-review-content-stars-2 i:nth-child(2),
.rv-review-content-stars.rv-review-content-stars-3 i:first-child,
.rv-review-content-stars.rv-review-content-stars-3 i:nth-child(2),
.rv-review-content-stars.rv-review-content-stars-3 i:nth-child(3),
.rv-review-content-stars.rv-review-content-stars-4 i:first-child,
.rv-review-content-stars.rv-review-content-stars-4 i:nth-child(2),
.rv-review-content-stars.rv-review-content-stars-4 i:nth-child(3),
.rv-review-content-stars.rv-review-content-stars-4 i:nth-child(4),
.rv-review-content-stars.rv-review-content-stars-5 i:first-child,
.rv-review-content-stars.rv-review-content-stars-5 i:nth-child(2),
.rv-review-content-stars.rv-review-content-stars-5 i:nth-child(3),
.rv-review-content-stars.rv-review-content-stars-5 i:nth-child(4),
.rv-review-content-stars.rv-review-content-stars-5 i:nth-child(5){
    color: #89af3c !important;
}
.rv-project-completed-yes, 
.rv-project-completed-no{
    display: none;
}
.rv-project-completed-yes.active,
.rv-project-completed-no.active{
    display: block;
}
/* /Review */
/* Tooltip */
.tooltip-cus {
    position: relative;
    display: inline-block;
}

.tooltip-cus .tooltiptext {
    visibility: hidden;
    width: 130px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    padding: 10px 10px;
    position: absolute;
    z-index: 99;
    bottom: 125%;
    left: 50%;
    margin-left: -71.5px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: .83rem;
    line-height: 1.4;
    pointer-events: none;
    white-space: pre-wrap;
}

.tooltip-cus .tooltiptext.bit-left{
    margin-left: -68.5px;
}

.tooltip-cus .tooltiptext.bit-left-left{
    margin-left: -65.5px;
}

.tooltip-cus .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip-cus .tooltiptext.tooltiptext-left{
    left: 0%;
    text-align: left;
    min-width: 200px;
    margin-left: 0;
}

.tooltip-cus .tooltiptext.tooltiptext-left::after{
    left: 5%;
}

.tooltip-cus .tooltiptext.tooltiptext-right{
    left: initial;
    right: 0%;
    text-align: left;
    min-width: 200px;
    margin-left: 0;
}

.tooltip-cus .tooltiptext.tooltiptext-right::after{
    left: initial;
    right: 5%;
}
/* /Tooltip */
/* Notification toast */
#notification-toast{
    position: fixed;
    bottom: -100%;
    left: 10%;
    z-index: 15;
    width: 100%;
    max-width: 350px;
}
.-wide-page- #notification-toast{
    left: 3%;
}
#notification-toast > div{
    width: 100%;
    box-shadow: 0 8px 20px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    background-color: #fff;
    padding: 15px;
    border-radius: 3px;
}
#notification-toast > div > div:first-child p{
    margin-bottom: 0;
    font-size: .85rem;
    line-height: 1.5;
    font-weight: 500;
}
#notification-toast > div > div:first-child{
    width: calc(100% - 60px);
}
#notification-toast > div > div:nth-child(2){
    width: 60px;
    min-width: 60px;
    text-align: right;
}
#notification-toast-closer{
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background: #f2f2f2;
    font-size: 1.25rem;
    border-radius: 50%;
    text-align: center;
}
/* /Notification toast */
/* Bottom message */
#bottom-message-container{
    position: fixed;
    bottom: 0;
    right: 9.90%;
    width: 400px;
    height: 75vh;
    height: 75dvh;
    background-color: #fff;
    box-shadow: 0 5px 10px 3px #00000024;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    z-index: 10;
}
#bottom-message-container .bottom-message-container-item-chat-view,
#bottom-message-container.in-chat-mode .bottom-message-container-item-chat-list{
    display: none !important;
}
#bottom-message-container.in-chat-mode .bottom-message-container-item-chat-view{
    display: block !important;
}
#bottom-message-container.collapsed{
    bottom: calc(-75vh + 50px);
    bottom: calc(-75dvh + 50px);
}
#bottom-message-container.collapsed .bottom-message-container-collapse-btn{
    transform: rotate(180deg);
}
.bottom-message-list-loader{
    margin: 15px 0;
    display: none !important;
}
.bottom-message-list-loader.active{
    display: block !important;
}
.-wide-page- #bottom-message-container{
    right: 4.90%;
}
.-wide-page-.hcos-2 #bottom-message-container{
    right: 2.90%;
}
.-wide-page-.-far-wide- #bottom-message-container{
    right: 3.5%;
}
.bottom-message-container-item{
    width: 100%;
    height: 100%;
}
.bottom-message-container-item > div{
    padding: 0 15px;
    width: 100%;
}
.bottom-message-container-item > div:first-child{
    height: 50px;
    border-bottom: 1px solid #eee;
}
.bottom-message-container-item > div:nth-child(2){
    height: 50px;
    border-bottom: 1px solid #eee;
}
.bottom-message-container-item > div:nth-child(3){
    height: calc(100% - 100px);
    padding: 10px 15px;
    overflow: auto;
}
.bottom-message-container-item > div:first-child > div:first-child{
    width: calc(100% - 130px);
}
.bottom-message-container-item > div:first-child > div:first-child h3{
    font-weight: 700;
    color: #000;
    font-size: 1.35rem;
}
.bottom-message-container-item > div:first-child > div:nth-child(2){
    width: 130px;
    text-align: right;
}
.bottom-message-container-item > div:first-child > div:nth-child(2) ul{
    margin: 0;
    left: 0;
}
.bottom-message-container-item > div:first-child > div:nth-child(2) ul li{
    display: inline-block;
    margin-left: 10px;
}
.bottom-message-container-item > div:first-child > div:nth-child(2) ul li i{
    font-size: 1.7rem;
    color: #000;
}
.bottom-message-container-item.bottom-message-container-item-chat-view > div:nth-child(2){
    height: calc(100% - 120px);
    padding: 10px 15px;
    overflow: auto;
    background-color: #f7f7f7;
}
.bottom-message-container-item.bottom-message-container-item-chat-view > div:nth-child(3){
    height: 70px;
    min-height: 70px;
}
.bottom-message-list-item{
    width: 100%;
    padding: 10px 0;
}
/* .active-bottom-message-list-item{

} */
.bottom-message-list-item > div:first-child{
    width: 60px;
    min-width: 60px;
}
.bottom-message-list-item > div:first-child img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.bottom-message-list-item > div:nth-child(2){
    width: calc(100% - 100px);
}
.bottom-message-list-item > div:nth-child(2) > div:first-child a{
    font-size: 1.02rem;
    font-weight: 500;
}
.bottom-message-list-item > div:nth-child(3){
    width: 40px;
    min-width: 40px;
    text-align: right;
}
.bottom-message-notification-indicator{
    display: inline-block;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background-color: #0070ff;
    color: #fff;
    line-height: 17px;
    font-size: 10px;
    text-align: center;
    margin-left: 10px;
    vertical-align: middle;
}
#bottom-message-notification-indicator-all.inactive{
    display: none;
}
.bottom-message-nickname-container{
    margin-top: -7px;
}
.bottom-message-nickname{
    font-size: .82rem;
    color: #828282;
}
.bottom-message-last-message{
    margin-top: -5px;
}
.bottom-message-searcher{
    width: 100%;
}
.bottom-message-searcher > div:first-child,
.bottom-message-searcher > div:nth-child(3),
.bottom-message-searcher > div:nth-child(4){
    width: 30px;
    min-width: 30px;
}
.bottom-message-searcher > div:nth-child(3),
.bottom-message-searcher > div:nth-child(4){
    text-align: right;
}
.bottom-message-searcher > div:nth-child(3) i,
.bottom-message-searcher > div:nth-child(4) i{
    font-size: 1.4rem;
}
.bottom-message-searcher > div:nth-child(2){
    width: calc(100% - 60px);
}
.bottom-message-searcher > div:nth-child(2) input{
    display: block;
    width: 90%;
    background-color: #eee;
    border-radius: 5px;
    padding: 3.5px 10px;
    border-width: 0;
    font-size: .85rem;
    border: 1px solid #eee;
}
.bottom-message-searcher > div:nth-child(2) input:focus{
    background-color: #f0f8ff;
    border-color: #0070f0;
}
.bottom-message-container-item-profile{
    width: 100%;
}
.bottom-message-container-item-profile > div:first-child{
    width: 40px;
    min-width: 40px;
}
.bottom-message-container-item-profile > div:first-child i{
    font-size: 1.35rem;
    vertical-align: bottom;
}
.bottom-message-container-item-profile > div:nth-child(2){
    width: 40px;
    min-width: 40px;
}
.bottom-message-container-item-profile > div:nth-child(2) img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    vertical-align: middle;
}
.bottom-message-container-item-profile > div:nth-child(3){
    width: calc(100% - 80px);
}
.bottom-text-messages-sender{
    width: 100%;
}
.bottom-text-messages-sender > div:first-child{
    width: calc(100% - 60px);
}
.bottom-text-messages-sender > div:first-child textarea{
    width: 100%;
    display: block;
    border-width: 0;
    height: 50px;
    resize: none;
    font-size: .94rem;
    line-height: 1.3;
}
.bmc-name a{
    font-size: .90rem;
    font-weight: 500;
}
.bmc-nickname{
    font-size: .85rem;
    margin-top: -7px;
}
.bottom-text-messages-sender > div:nth-child(2){
    width: 60px;
    min-width: 60px;
    text-align: right;
}
.bottom-text-messages-sender > div:nth-child(2) i{
    font-size: 2rem;
}
#bottom-message-searcher-input-clearer{
    display: none;
}
#bottom-message-searcher-input-clearer.active{
    display: inline-block;
}
.bottom-message-list-recipients .empty-contact-list{
    height: 55vh;
    height: 55dvh;
}
/* /Bottom message */
/* Videos */
.video-tutorials-container{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    -webkit-box-shadow: rgb(0 0 0 / 14%) 0px 24px 38px 3px, rgb(0 0 0 / 12%) 0px 9px 46px 8px, rgb(0 0 0 / 20%) 0px 11px 15px -7px;
    box-shadow: rgb(0 0 0 / 14%) 0px 24px 38px 3px, rgb(0 0 0 / 12%) 0px 9px 46px 8px, rgb(0 0 0 / 20%) 0px 11px 15px -7px;
    z-index: 29;
    top: 0;
    left: 0;
    display: none;
}
.video-tutorials-container.active{
    display: block;
}
.video-tutorials-container > div{
    height: 100%;
    width: 100%;
    overflow-y: auto;
}
.video-tutorials-container > div > div{
    width: 100%;
    min-width: 320px;
    max-width: 1000px;
    background-color: #fff;
    border-radius: 2px;
    margin: 50px 0;
}
.video-tutorials-container > div > div > div:nth-child(2){
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 20px;
    max-height: 60vh;
    max-height: 60dvh;
    overflow-y: auto;
}
.video-tutorials-container > div > div > div:first-child,
.video-tutorials-container > div > div > div:nth-child(3){
    height: 70px;
    padding-left: 20px;
    padding-right: 20px;
}
.video-tutorials-container-closer{
    display: inline-block;
    font-size: 1.75rem;
    color: #808080;
}
/* /Videos */
/* Artisan page */
.-simple-page-banner-searcher-small-title-{
    margin-top: 15px;
    font-size: .92rem;
}
.-simple-page-banner-content-container- > div{
    width: 45%;
}
.-simple-page-banner-searcher-{
    background-color: #fff;
    padding: 35px;
    border-radius: 3px;
    box-shadow: rgba(38, 49, 51, 0.05) 2px 2px 4px 0px;
    position: relative;
    z-index: 0;
}
.spbs-loader{
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.85);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}
.spbs-loader.loaded {
   display: none !important; 
}
.-simple-page-banner-content-,
.-simple-page-banner-content-container-{
    height: 100%;
}
.-simple-page-banner-searcher-title-{
    font-weight: 900;
    font-size: 2.25rem;
    font-family: 'Gordita', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.-simple-page-banner-searcher-sub-title-{
    margin-top: 10px;
    font-size: .95rem;
}
.-simple-page-banner-searcher-sub-title-.-mb-0-{
    margin-bottom: 0;
}
.-simple-page-banner-searcher-input-{
    display: block;
    width: 100%;
    padding: 6.5px 10px;
    border-radius: 3px;
    font-size: .95rem;
}
.hiw-img-container{
    height: 200px;
}
.hiw-img{
    max-width: 200px;
    margin-bottom: 25px;
}
.simple-category-container-item{
    width: 25%;
    padding: 15px;
    display: block;
}
.simple-category-container-item > div,
.simple-category-container-item > div > div{
    width: 100%;
}
.simple-category-container-item > div > div:first-child{
    width: 100%;
    height: 180px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fafafa;
}
.simple-category-container-item > div > div:first-child img{
    width: 100%;
    height: 100%;
    border: 1px solid #eee;
    border-radius: 3px;
}
.simple-category-container-item > div > div:nth-child(2){
    margin-top: 10px;
}
.simple-category-container-item > div > div:nth-child(2) p,
.simple-category-container-item > div > div:nth-child(3) p{
    margin-bottom: 0;
    margin-top: 3px;
}
.simple-category-container-item > div > div:nth-child(2) p{
    font-weight: 500;
}
.simple-category-container-item > div > div:nth-child(3) p{
    color: #828282;
    font-size: .87rem;
}
.simple-category-container-item > div > div:nth-child(3) p i.fas{
    color: #ffd700;
}
.simple-category-container{
    width: calc(100% + 30px);
    margin-left: -15px;
}
.reviews-list-container{
    width: calc(100% + 40px);
    margin-left: -20px;
}
.review-list-item{
    width: 50%;
    padding: 20px;
}
.review-list-item > div{
    width: 100%;
}
.review-list-item > div > div:first-child{
    width: 65px;
    min-width: 65px;
}
.review-list-item > div > div:first-child img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.review-list-item > div > div:nth-child(2){
    width: calc(100% - 60px);
}
.review-list-item > div > div:nth-child(2) > div:first-child{
    font-size: .95rem;
}
.review-list-item > div > div:nth-child(2) > div:first-child > div:first-child{
    font-weight: 500;
}
.review-list-item > div > div:nth-child(2) > div:first-child > div:nth-child(3){
    color: #ffd700;
    margin-left: 10px;
}
.review-list-item > div > div:nth-child(2) > div:nth-child(2){
    margin-top: 10px;
}
.review-list-item > div > div:nth-child(2) > div:nth-child(2) p{
    font-size: .95rem;
}
.review-list-item > div > div:nth-child(2) > div:nth-child(3) small{
    font-weight: 500;
}
.-simple-page-banner-searcher-input-results-{
    position: relative;
    z-index: 1;
    display: none;
}
.-simple-page-banner-searcher-input-results-.active{
    display: block;
}
.-simple-page-banner-searcher-input-results- > div{
    width: 100%;
    border: 1px solid #eee;
    position: absolute;
    background-color: #fff;
    padding: 10px 0;
    box-shadow: rgba(38, 49, 51, 0.25) 0px 2px 4px 0px;
    max-height: 200px;
    overflow-y: auto;
}
/* /Artisan page */
/* Tour container */
.tour-container-item{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    pointer-events: none;
}
.tour-container-item-content{
    width: 300px;
    height: 200px;
    background-color: #0070f3;
    pointer-events: auto;
    position: relative;
    border-radius: 5px;
    display: none;
}
.tour-container-item-content.active{
    display: block;
}
/* /Tour container */
/* Page edit container */
.page-edit-container{
    position: fixed;
    background-color: #fff;
    z-index: 10000;
    padding: 25px;
    border-radius: 3px;
    border: 1px solid #eee;
    width: 500px;
    right: 100px;
    top: 100px;
    -webkit-box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%), 0px 2px 4px -1px rgb(0 0 0 / 20%) !important;
    box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%), 0px 2px 4px -1px rgb(0 0 0 / 20%) !important;
    display: none !important;
}
body.admin-editable-mode .page-edit-container.active{
    display: block !important;
}
.edit-element-section-container{
    display: none;
    margin: 20px 0;
}
.edit-element-section-container.active{
    display: block;
}
.edit-element-section-container input,
.edit-element-section-container select,
.edit-element-section-container textarea{
    width: 100%;
    padding: 10px 15px;
    margin: 10px 0;
    border: 1px solid #dadce0;
    border-radius: 3px;
    font-size: .92rem;
}
.edit-element-section-container input[type="file"]{
    display: block !important;
    border-left-width: 0;
    border-right-width: 0;
    border-radius: 0;
}
.edit-element-section-container textarea{
    resize: vertical;
    min-height: 150px;
}
.edit-element-section-container > div{
    margin-top: 10px;
    text-align: right;
}
.page-edit-container-closer{
    display: inline-block;
    font-size: 1.25rem;
    cursor: pointer;
}
.edit-element-section-container-edt{
    display: none;
}
.edit-element-section-container-edt.active{
    display: block;
}
.ee-others-html{
    width: 100%;
    padding: 10px 15px;
    margin: 10px 0;
    border: 1px solid #dadce0;
    border-radius: 3px;
    font-size: .92rem;
    min-height: 150px;
    resize: vertical;
}
.mini-tool-items{
    margin: 20px 0;
    padding: 0;
}
.mini-tool-items > li{
    font-size: 1.25rem;
}
/* /Page edit container */
.notice-text a,
.notice-text u,
.notice-text b,
.notice-text i{
    color: #fff;
}
/* Invite friends */
#invite-friends-header{
    margin-bottom: 450px;
    z-index: 1;
}
#invite-friends-header > div{
    position: relative;
    max-width: 1000px;
}
#invite-friends-content{
    width: 100%;
    min-height: 200px;
    position: absolute;
    padding: 50px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%) !important;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%) !important;
    border-radius: 3px;
}
#invite-friends-content-h1{
    font-weight: 600;
    font-size: 3rem;
    font-family: 'Gordita', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.invite-friends-content-first{
    padding-bottom: 10px;
}
.invite-friends-content-first p{
    color: #828282;
}
.invitation-input-container{
    width: 100%;
    margin: 25px 0;
    margin-top: 5px;
}
.invitation-input-container.mb-10{
    margin-bottom: 10px;
}
.invitation-input-container > div:first-child{
    width: calc(100% - 250px);
}
.invitation-input-container > div:first-child input{
    width: 100%;
    border: 1px solid #dbdbdb;
    display: block;
    height: 50px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: .90rem;
    border-radius: 4px;
}
.invitation-input-container > div:nth-child(2){
    width: 225px;
}
.invitation-input-container > div:nth-child(2) button{
    width: 100%;
    display: block;
    height: 50px;
    border-radius: 4px;
}
.inv-sm{
    font-style: italic;
    color: #909090;
    font-size: 12px;
}
.simple-inv-sep{
    width: 60px;
    height: 4px;
    background-color: #00cf30;
    margin-bottom: 30px;
    border-radius: 5px;
}
#invite-email-preview-container{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
}
#invite-email-preview-container.active{
    display: block;
}
#invite-email-preview-container > div{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.75);
    overflow-y: auto;
    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
}
#invite-email-preview-container > div > div{
    margin: 50px 0;
    width: 100%;
    max-width: 1000px;
    background-color: #fff;
    border-radius: 3px;
}
.invite-email-preview-container-header{
    padding: 15px;
    text-align: right;
    border-bottom: 1px solid #eee;
}
.invite-email-preview-container-header i{
    display: inline-block !important;
    font-size: 1.55rem;
}
/* /Invite friends */
/* Cedijob for businesses and workers */
.cdi-for-banner{
    background-color: #67788a;
    overflow: hidden;
}
.cdi-for-banner > div{
    height: 80vh;
    height: 80dvh;
    min-height: 500px;
}
.cdi-additional-icon-item{
    border-left: 2px solid #404145;
    padding-left: 45px;
    font-weight: 500;
    font-size: 1.2rem;
    color: #404145;
}
.cdi-for-banner-content{
    width: 100%;
}
.cdi-for-banner-content > div:first-child{
    width: 55%;
    color: #fff;
}
.cdi-for-banner-content > div:nth-child(2){
    width: 35%;
}
.cdi-for-banner-content > div:nth-child(2) .image-carrier{
    width: 100%;
    height: 100%;
    max-height: 400px;
    position: relative;
}
.cdi-for-banner-content > div:nth-child(2) .image-carrier img{
    width: 100%;
    height: 100%;
    min-height: 500px;
    object-fit: cover;
    border-radius: 25px;
}
.image-carrier-description{
    position: absolute;
    padding: 20px 30px;
    background-color: #fff;
    top: 20%;
    left: -20%;
    border-radius: 60px;
    border-bottom-right-radius: 0;
    font-weight: 600;
    font-size: 1.2rem;
    box-shadow: 0 0 30px 10px rgba(0,0,0,0.15);
}
.cdi-for-banner-heading{
    font-size: 2.25rem;
    font-family: 'Gordita', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    line-height: 1.5;
    margin-bottom: 15px;
}
.cdi-for-banner-sub-heading{
    font-size: .92rem;
    margin-bottom: 25px;
}
.cdi-for-section-heading h2{
    font-size: 2.5rem;
    font-weight: 400;
    margin-bottom: 15px;
}
.cdi-for-section-heading h2 span{
    font-weight: 900;
    color: #313131;
}
.cdi-for-section-heading p{
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .5px;
    line-height: 30px;
    color: #344854;
    max-width: 650px;
}
.cdi-for-section-heading p a{
    color: #344854;
    border-bottom: 2px dotted;
}
.cdi-for-section-content{
    margin-top: 50px;
}
.cdi-for-section-content-item {
    width: 31%;
}
.cdi-for-section-content-item > div{
    width: 100%;
}
.cdi-for-section-content-item > div small {
    font-size: 12.5px;
    color: #909090;
}
.cdi-for-section-content-item > div:first-child{
    height: 430px;
    margin-bottom: 15px;
}
.cdi-for-section-content-item > div:first-child img{
    width: 100%;
    height: 100%;
}
.cdi-for-section-content-item > div:nth-child(2) p{
    font-size: 1.15rem;
    line-height: 1.45;
    margin-top: 10px;
    color: #344854;
}
.cdi-for-image-container{
    width: 100%;
    height: 80vh;
    height: 80dvh;
    min-height: 600px;
    background-color: #000;
    position: relative;
}
.cdi-for-image-container > div:first-child,
.cdi-for-image-container > div:nth-child(2){
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0;
}
.cdi-for-image-container > div:first-child{
    z-index: 1;
    background-color: rgba(0,0,0,0.45);
}
.cdi-for-image-container > div:nth-child(2) img,
.cdi-for-image-container > div:nth-child(2) video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cdi-from-freelancers small,
.cdi-from-freelancers h3{
    color: #fff;
}
.cdi-from-freelancers h3{
    margin: 25px 0;
    font-size: 2.5rem;
    line-height: 1.3;
    max-width: 900px;
    font-family: 'Gordita', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.cdi-for-tools{
    width: 100%;
    margin-top: 100px;
}
.cdi-for-tools > div:first-child{
    width: 100px;
}
.cdi-for-tools > div:nth-child(2){
    width: calc(100% - 100px);
}
.cdi-for-tools-btns i {
    display: block;
    margin-bottom: 35px;
    font-size: 1.15rem;
    height: 50px !important;
    width: 50px !important;
    line-height: 50px !important;
    text-align: center;
    border-radius: 60px;
    background-color: #eee;
    color: #ccc;
}
.cdi-for-tools-btns i.active{
    background-color: #9932cc;
    color: #fff;
}
.cdi-for-tools-btns i.active.clr-1{
    background-color: #000000;
}
.cdi-for-tools-btns i.active.clr-2 {
    background-color: #2f4f4f;
}
.cdi-for-tools-btns i.active.clr-3 {
    background: #8b008b;
}
.cdi-for-tools-btns i.active.clr-4 {
    background: #fe2c55;
}
.cdi-for-tool-item{
    width: 100%;
    height: 550px;
    background-color: #9932cc;
    display: none;
    border-radius: 10px;
}
.cdi-for-tool-item.active{
    display: -webkit-flex;
    display: flex;
}
.cdi-for-tool-item.clr-1{
    background-color: #000000;
}
.cdi-for-tool-item.clr-2 {
    background: #2f4f4f;
}
.cdi-for-tool-item.clr-3 {
    background: #8b008b;
}
.cdi-for-tool-item.clr-4 {
    background: #fe2c55;
}

.cdi-for-tool-item > div:first-child{
    position: relative;
    padding-left: 50px;
}
.cdi-for-tool-item > div:first-child img{
    width: 100%;
    position: absolute;
    top: -325px;
    height: 650px;
    border-radius: 10px;
    box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%), 0px 2px 4px -1px rgb(0 0 0 / 20%) !important;
    object-fit: contain;
    background: #fff;
    padding: 25px;
}
.cdi-for-tool-item > div:first-child,
.cdi-for-tool-item > div:nth-child(2){
    width: 45%;
}
.cdi-for-tool-item > div:nth-child(2){
    padding: 25px;
}
.cdi-for-tool-item > div:nth-child(2) h3,
.cdi-for-tool-item > div:nth-child(2) p{
    color: #fff;
    padding-right: 20px;
}
.cdi-for-tool-item > div:nth-child(2) h3{
    margin-bottom: 25px;
    font-size: 3rem;
    line-height: 1.3;
    font-family: 'Gordita', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
/* /Cedijob for businesses and workers */
/* Withdrawal request container */
.withdrawal-request-list-container{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    z-index: 20;
    display: none;
}
.withdrawal-request-list-container.active{
    display: block;
}
.withdrawal-request-list-container > div{
    width: 100%;
    height: 100%;
}
.withdrawal-request-list-container-content{
    width: 100%;
    max-width: 90%;
    height: 90vh;
    height: 90dvh;
    margin: 5vh 0;
    margin: 5dvh 0;
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: rgb(0 0 0 / 14%) 0px 24px 38px 3px, rgb(0 0 0 / 12%) 0px 9px 46px 8px, rgb(0 0 0 / 20%) 0px 11px 15px -7px;
    box-shadow: rgb(0 0 0 / 14%) 0px 24px 38px 3px, rgb(0 0 0 / 12%) 0px 9px 46px 8px, rgb(0 0 0 / 20%) 0px 11px 15px -7px;
}
.withdrawal-request-list-container-content-header{
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #dbdbdb;
}
.withdrawal-request-list-container-content-header > div{
    width: 97.5%;
}
.withdrawal-request-list-container-content-header > div > div:first-child{
    width: calc(100% - 80px);
}
.withdrawal-request-list-container-content-header > div > div:first-child h3{
    font-weight: 700;
}
.withdrawal-request-list-container-content-header > div > div:nth-child(2){
    width: 80px;
    text-align: right;
}
.withdrawal-request-list-container-content-header > div > div:nth-child(2) .withdrawal-request-list-container-export-btn{
    margin-right: 10px;
}
.withdrawal-request-list-container-content-header > div > div:nth-child(2) .withdrawal-request-list-container-export-btn,
.withdrawal-request-list-container-content-header > div > div:nth-child(2) .withdrawal-request-list-container-closer{
    display: inline-block;
    font-size: 1.65rem;
    cursor: pointer;
}
.withdrawal-request-list-container-content-body{
    height: calc(90vh - 60px);
    height: calc(90dvh - 60px);
    overflow-y: hidden;
}
.withdrawal-request-list-container-content-body > div{
    height: 100%;
    overflow-y: auto;
    padding: 15px;
}
.withdrawal-request-list-container-content-body > div:first-child{
    width: calc(100% - 300px);
    padding: 0;
    overflow-x: auto;
}
.withdrawal-request-list-container-content-body > div:nth-child(2){
    width: 300px;
    border-left: 1px solid #dbdbdb;
    overflow-x: hidden;
}
.withdrawal-request-list-container-table-container,
.withdrawal-request-list-container, 
.withdrawal-request-list-container-table{
    width: 100%;
}
.withdrawal-request-list-container-table{
    border-collapse: collapse;
}
.withdrawal-request-list-container-table-container{
    overflow-x: auto;  
}
.withdrawal-request-list-container-table{
    min-width: 700px;
}
.withdrawal-request-list-container-table tr:first-child th{
    border-top-width: 0; 
}
.withdrawal-request-list-container-table tr th,
.withdrawal-request-list-container-table tr td{
    padding: 15px;
    border: 1px solid #eee;
    font-size: .86rem;
}
.withdrawal-request-list-container-table tr td{
    font-weight: 500;
}
.withdrawal-request-list-container-table tr:nth-child(2n + 1){
    background-color: #fafafa;
}
.withdrawal-request-list-container-table tr th:first-child,
.withdrawal-request-list-container-table tr td:first-child{
    border-left-width: 0;
}
.withdrawal-request-list-container-table tr th:nth-last-of-type(1),
.withdrawal-request-list-container-table tr td:nth-last-of-type(1){
    border-right-width: 0;
}
.withdrawal-request-list-container-table tr td:nth-child(3),
.withdrawal-request-list-container-table tr th:nth-child(3),
.withdrawal-request-list-container-table tr td:nth-child(4),
.withdrawal-request-list-container-table tr th:nth-child(4){
    text-align: center;
}
.withdrawal-status-item{
    display: inline-block;
    line-height: 17px;
    padding: 1.5px 8px;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    border-radius: 2px;
}
.withdrawal-status-item.pending{
    background-color: #fbc015;
    color: #000;
}
.withdrawal-status-item.cancelled{
    background-color: #e43e31;
}
.withdrawal-status-item.in-progress{
    background-color: #307def;
}
.withdrawal-status-item.completed,
.withdrawal-status-item.paid{
    background-color: #269846;
}
.withdrawal-request-loader{
    padding: 20px;
    text-align: center;
    width: 100%;
}
.withdrawal-request-loader-btn{
    width: 90%;
    text-align: center;
    font-weight: 600;
    padding: 5px;
    background-color: #f7f7f7;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    font-size: .85rem;
    margin: auto;
    cursor: pointer;
}
.withdrawal-request-summary-item{
    margin-bottom: 20px;
}
.withdrawal-request-summary-item > div:first-child{
    margin-bottom: 8px;
    color: #999;
}
.withdrawal-request-summary-item > div:first-child h5 {
    font-size: 13px;
    font-weight: 400;
}
.withdrawal-request-summary-item > div:nth-child(2) h3{
    font-weight: 800;
    font-size: 1.20rem;
}
.view-withdrawal-list-container-btn i.la-arrow-left{
    display: none;
    margin-right: 10px;
}
.view-withdrawal-summary-list-container-btn{
    display: none;
}
/* /Withdrawal request container */
/* Online status */
.internet-online-status{
    padding: 5px 10px;
    width: 100%;
    font-size: .92rem;
    position: fixed;
    bottom: -200px;
    z-index: 10;
    text-align: center;
    color: #fff;
    background-color: #333;
    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
}
.internet-online-status.active{
    bottom: 0;
}
/* /Online status */
/* Index two */
.idx2-welcome-section-content > div {
    text-align: center;
}
.idx2-welcome-section-content-item {
    margin: 20px auto;
    /* color: #011b33; */
    font-family: 'Gordita', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.idx2-welcome-section-content-image-container {
    width: 1100px;
    border: 1px solid #eee;
    border-radius: 15px;
    overflow: hidden;
    margin-top: 150px;
}
.idx2-welcome-section-content-image {
    text-align: center;
    width: 100%;
    max-height: 800px;
    object-position: top;
}
.idx2-welcome-section-content-sub-header{
    font-weight: 500;
    font-size: .85rem;
    margin-top: 50px;
}
.idx2-welcome-section-content-header {
    font-size: 3.35rem;
    max-width: 800px;
    line-height: 1.5;
}
.idx2-welcome-section-content-header span {
    color: #00cf30;
}
.idx2-welcome-section-content-description {
    max-width: 600px;
    line-height: 1.7;
}
.idx2-welcome-section-content-button-container {
    margin-top: 40px;
}
.idx2-welcome-section-content-button {
    display: inline-block;
    padding: 20px 50px;
    border-radius: 60px;
    background: #00cf30;
    color: #fff;
    font-weight: 500;
    font-size: .95rem;
    cursor: pointer;
}
.sell-skills-section-list {
    width: 100%;
    padding: 50px;
    border-radius: 20px;
    /* background-color: #e8eaed; */
    background-color: #f7f7f7;
}
.idx2-header {
    font-size: 3rem;
    max-width: 800px;
    margin: auto;
    margin-bottom: 100px;
    line-height: 1.5;
    text-align: center;
    font-family: 'Gordita', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.idx2-header.idh-2 {
    max-width: 900px;
}
.idx2-header span {
    color: #4285f4;
}
.sell-skill-item {
    width: 50%;
    padding: 10px;
}
.sell-skill-item.fuwi {
    width: 100%;
}
.sell-skill-item > div {
    width: 100%;
    background-color: #fff;
    /* border: 1px solid #eee; */
    overflow: hidden;
    border-radius: 10px;
}
.sell-skill-item > div > div {
    min-height: 100px;
}
.sell-skill-item > div > div:first-child {
    width: 100px;
}
.sell-skill-item > div > div:first-child i {
    font-size: 2.50rem;
    color: #808080;
}
.sell-skill-item > div > div:nth-child(2) {
    width: calc(100% - 100px);
    padding: 25px;
}
.sell-skill-item > div > div:nth-child(2) h4 {
    font-size: 1.15rem;
    line-height: 1.7 !important;
    font-weight: 500;
    font-family: 'Gordita', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.sell-skill-item > div > div:nth-child(2) p {
    font-size: .80rem;
    line-height: 1.4;
    margin-top: 10px;
    margin-bottom: 0;
    max-width: 420px;
    color: #999;
}
.idx2-hiw { 
    width: 100%;
}
.idx2-hiw > div:first-child {
    width: 60%;
    /* height: 600px; */
    border-radius: 10px;
}
.idx2-hiw > div:nth-child(2) {
    width: 37%;
    /* height: 600px; */
    /* background-color: #f7f7f7; */
    border-radius: 20px;
    padding: 50px;
    padding-top: 0;
}
.idx2-hiw > div:nth-child(2) h2 {
    line-height: normal;
    margin-bottom: 40px;
    font-family: 'Gordita', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.idx2-hiw-list-item { 
    width: 100%;
    margin: 20px 0;
}
.idx2-hiw-list-item > div:first-child {
    width: 50px;
    min-width: 50px;
}
.idx2-hiw-list-item > div:first-child i {
    font-size: 1.75rem;
}
.idx2-hiw-list-item > div:nth-child(2) {
    width: calc(100% - 50px);
}
.idx2-hiw-list-item > div:nth-child(2) h4 {
    line-height: 1.5;
    font-family: 'Gordita', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.idx2-hiw-list-item > div:nth-child(2) p {
    font-size: .85rem;
    color: #999;
    margin-top: 5px;
    line-height: 1.5;
}
.idx2-hiw-img-list-item {
    width: 100%;
    height: 100%;
    position: relative;
}
.idx2-hiw-img-list-item > img {
    border-radius: 10px;
    max-width: 100%;
    /* margin-top: 50px;
    margin-left: 50px; */
}
.idx2-hiw-img-list-item > div > img {
    margin-top: -150px;
    position: absolute;
    right: 50px;
    border-radius: 10px;
    width: 40%;
    max-width: 300px;
    min-width: 150px;
    box-shadow: 0 11px 34px 0 rgba(0,0,0,.2);
}
.mb-account-section-list img {
    object-fit: contain;
    /* filter: grayscale(1);
    opacity: 0.30; */
    margin: 25px;
    max-width: 150px;
}
.mb-account-section-list img.mini {
    max-width: 55px;
}
.mb-account-section-list img.mini-two {
    max-width: 100px;
}
.idx2-foryou {
    width: 100%;
    background-color: #1c4153;
    border-radius: 15px;
    overflow: hidden;
}
.idx2-foryou.idx2fy2 {
    background-color: #008080;
}
.idx2-foryou > div {
    height: 100%;
}
.idx2-foryou > div:first-child {
    width: 40%;
    height: auto;
}
.idx2-foryou > div:first-child > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.idx2-foryou > div:nth-child(2) {
    width: 60%;
    padding: 50px;
    color: #fff;
    font-family: 'Gordita', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.idx2-foryou > div:nth-child(2) * {
    margin-bottom: 20px;
}
.idx2-foryou > div:nth-child(2) h2 {
    font-size: 4rem;
    line-height: 1.4;
}
.idx2-foryou-ul {
    list-style-type: none;
}
.idx2-foryou-ul li b {
    font-weight: 500;
}
.idx2-foryou-ul li {
    margin: 30px auto;
}
.mb-account-section-list {
    max-width: 1100px;
    margin: auto;
    border: 1px solid #eee;
    padding: 25px;
    border-radius: 20px;
}
.mb-account-section-list.nbr {
    border-width: 0;
}
.idx2-foryou-gs {
    padding: 15px 60px;
    background-color: #fff;
    border-radius: 60px;
    display: inline-block;
    margin-top: 25px;
    font-weight: 500;
    margin-bottom: 0 !important;
}
.idx2-feature-list-item {
    width: 23.5%;
    /* border: 1px solid #eee; */
    padding: 25px;
    border-radius: 15px;
    background: #f0f8ff;
}
.idx2-feature-list-item > div {
    width: 100%;
}
.idx2-feature-list-item > div:first-child {
    height: 150px;
}
.idx2-feature-list-item > div:first-child h4, 
.idx2-feature-list-item > div:first-child p {
    font-family: 'Gordita', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.idx2-feature-list-item > div:first-child h4 {
    font-size: 1.25rem;
}
.idx2-feature-list-item > div:first-child p {
    margin-top: 15px;
    font-size: .84rem;
    color: #808080;
    line-height: 1.4;
    height: 95px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    line-clamp: 4;
    font-weight: 500;
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.idx2-feature-list-item > div:nth-child(2) > div:first-child i,
.idx2-feature-list-item > div:nth-child(2) > div:nth-child(2) i {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #d8e9e9;
    font-size: 1.40rem;
    border-radius: 50%;
}
.idx2-feature-list-item > div:nth-child(2) > div:nth-child(2) i {
    background-color: #fff;
    border: 1px solid #eee;
}
.idx2-footer {
    margin-top: 100px;
    text-align: center;
    width: 100%;
}
.idx2-footer .idx2-footer-btn {
    padding: 16px 60px;
    background-color: #4285f4;
    border-radius: 60px;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
}
.bg-article {
    position: relative;
}
.bg-article .ba-tri-item {
    width: 0;
    height: 0;
    border: 20px solid transparent;
    position: absolute;
}
.bg-article .triangle-top {
    border-top-color: #7fffd4;
    left: 20%;
}
.bg-article .triangle-bottom {
    border-bottom-color: #8a2be2;
    right: 10%;
    top: 200px;
}
.bg-article .triangle-right {
    border-right-color: #ffff00;
    right: 20%;
    transform: rotate(45deg);
}
.bg-article .triangle-left {
    border-left-color: #ff0000;
    top: 100px;
}
.bg-article .circle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #ff6347;
    position: absolute;
    top: 200px;
    left: 10%;
}
/* /Index two */
/* Deposit funds modal */
.deposit-funds-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 36;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    display: none;
}
.deposit-funds-modal.active {
    display: block;
}
.deposit-funds-modal > div {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
.deposit-funds-modal > div > div {
    position: relative;
    width: 100%;
    max-width: 480px;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    margin: 15px auto;
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.04), 0 9px 46px 8px rgba(0, 0, 0, 0.04), 0 11px 15px -7px rgba(0, 0, 0, 0.04);
}
.deposit-funds-load-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.45);
    display: none;
}
.deposit-funds-load-container.loading {
    display: block !important;
}
.deposit-funds-modal[mode="add_funds"] div > div.pay-with-funds-container {
    display: none;
}
.deposit-funds-modal[mode="pay_with_funds"] div > div.add-funds-container {
    display: none;
}
.deposit-funds-header,
.deposit-funds-body,
.deposit-funds-footer {
    padding: 20px 30px;
}
.deposit-funds-header {
    background-color: #fafafa;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.deposit-funds-header > div:first-child h4 {
    font-weight: 600;
}
.deposit-funds-header > div:nth-child(2) i.deposit-funds-closer-btn {
    width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
    text-align: center;
    font-size: .95rem;
    border-radius: 50%;
    background-color: #dbdbdb;
    cursor: pointer;
    display: none;
}
.deposit-funds-header > div:nth-child(2) i.deposit-funds-closer-btn.active{
    display: inline-block;
}
.pay-with-funds-btn {
    font-size: 1.18rem;
    vertical-align: baseline;
    cursor: pointer;
    padding-right: 10px;
    margin-right: 15px;
    display: none !important;
}
.pay-with-funds-btn.active {
    display: inline-block !important;
}
.deposit-funds-body {
    /* border-top: 1px solid #eee; */
    border-bottom: 1px solid #eee;
}
.deposit-funds-notice {
    background-color: #f7f7f7;
    color: #808080;
    padding: 15px;
    border-radius: 6px;
}
.deposit-funds-notice > div:first-child {
    width: 50px;
    min-width: 50px;
}
.deposit-funds-notice > div:first-child i {
    font-size: 2rem;
}
.deposit-funds-notice > div:nth-child(2) {
    font-size: .79rem;
    line-height: 1.5;
    width: calc(100% - 50px);
    text-align: left;
}
.deposit-funds-input-item {
    margin: 20px 0;
    text-align: center;
}
.deposit-funds-input-item > label {
    display: block;
    font-size: .90rem;
}
.deposit-funds-input-item > input {
    display: block;
    width: 100%;
    border-radius: 5px;
    padding: 10px 15px;
    text-align: center;
    border: 1px solid #dbdbdb;
    margin: 15px 0;
}
.deposit-funds-charge {
    background: #faebd7;
    color: #333;
    font-weight: 500;
    padding: 15px;
    border-radius: 5px;
    font-size: 1.15rem;
    font-style: italic;
}
.deposit-funds-learn-more, 
.add-funds-btn {
    font-weight: 600;
    font-size: .90rem;
    color: #808080;
    cursor: pointer;
}
/* /Deposit funds modal */
.s-separator {
    width: 100%;
    border-bottom: solid 1px #dbdbdb;
    position: relative;
    margin: 30px 0px;
}
.s-separator::before {
    content: "OR";
    position: absolute;
    left: 43.5%;
    top: -12px;
    background-color: #fff;
    padding: 0px 10px;
    font-weight: 500;
}
.s-sep-btn {
    display: inline-block;
    /* width: 120px; */
    border: 1px solid #dbdbdb;
    padding: 7px 40px;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: .94rem;
    cursor: pointer;
}
.jov-header {
    margin-bottom: 25px;
}
/* Updating website notice */
.-updating-website-notice-body- {
    background-color: #094126;
    height: 100%;
    width: 100%;
    position: fixed;
}
.-updating-website-notice-body- h3 {
    color: #fff;
    font-family: 'Gordita';
    font-weight: 500;
    max-width: 400px;
    line-height: 1.6;
    text-align: center;
    margin: auto;
}
.-updating-website-notice-body- h3 .las {
    font-size: 3rem;
}
.-updating-website-notice-body- h3 p {
    margin-top: 35px;
    margin-bottom: 35px;
}
.-updating-website-notice-body- h3 img {
    max-width: 35px;
}
.-updating-website-notice-body- h3 .usep {
    margin-top: 30px;
    margin-bottom: 35px;
    text-align: center;
}
.-updating-website-notice-body- h3 .usep span {
    width: 80px;
    height: 5px;
    border-radius: 60px;
    background-color: #f7f7f7;
    display: inline-block;
}
/* /Updating website notice */
/* Circle container */

#circle-container {
    margin: 100px auto; 
    position: relative; 
    border-radius: 50%; 
    height: 600px; 
    width: 600px;
    border: 2px solid #808080;
}
.cc-c-item {
    background-color: #fff;
    position: absolute;
    border-radius: 50%;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cc-c-item-content {
    outline: 15px solid #fff;
    display: -webkit-flex;
    display: flex;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
}
.cc-c-item-img {
    border-radius: 50%;
    object-fit: cover;
    align-self: center;
}
.cc-c-item-title {
    font-weight: 700;
    display: inline-block;
    margin-top: 5px;
    font-size: 90%;
    white-space: nowrap;
}
.cc-c-item-sub-title {
    font-weight: 500;
    color: #828282;
    font-size: 70%;
    white-space: nowrap;
    line-height: normal;
}
/* /Circle container */

/* Index services */
.index-all-service-list-container {
    width: calc(100% + 10px);
    margin-left: -5px;
}
.index-all-service-list-container-item {
    width: 20%;
    padding: 5px;
    margin-bottom: 10px;
}
.index-all-service-list-container-item-content {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
}
.index-all-service-list-container-item-content > div:first-child {
    border-radius: 12px;
    background: #f7f7f7;
    overflow: hidden;
    border: 1px solid #eee;
    position: relative;
}
.index-all-service-list-container-item-content > div:first-child .index-service-fav-btn {
    font-size: 1.5rem;
    position: absolute;
    left: 10px;
    top: 10px;
    color: #000;
    background: rgba(0, 0, 0, 0.3);
    display: block;
    height: 38px;
    width: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 50%;
    border-top-left-radius: 10px; 
    color: #fff;
    cursor: pointer;
    text-shadow: 0 0 2px rgba(0,0,0,0.95);
    z-index: 1;
}
.index-all-service-list-container-item-content > div:first-child img {
    display: block;
    height: 150px;
    max-height: 300px;
    width: 100%;
    object-fit: cover;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    position: relative;
}
.index-all-service-list-container-item-content > div:nth-child(2) {
    padding-top: 10px;
}
.index-all-service-list-container-item-content > div:nth-child(2) > div {
    margin: 7px auto;
}
.index-all-service-list-container-item-content > div:nth-child(2) > div:nth-last-of-type(1) {
    margin-bottom: 0;
}
.index-explore-all-services {
    display: block;
    width: calc(100% + 10px);
    margin-left: -5px;
    text-align: center;
    background: #ffe4c4;
    border-radius: 10px;
    padding: 15px;
    margin-top: 25px;
    font-family: 'gordita';
    font-weight: 500;
    font-size: 1.05rem;
    cursor: pointer;
    margin-bottom: 25px;
}
.index-service-btn {
    /* background-color: #ffce12; */
    /* background-color: #eee; */
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 7px;
    padding: 7px 15px; 
    border: 1px solid #000;
    font-size: .90rem;
}
.index-service-title {
    font-size: .90rem;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    font-family: 'Gordita', Inter;
}
.index-service-price {
    margin-bottom: 15px;
    font-size: .90rem;
    line-height: 1.4;
    color: #808080;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}
.index-service-rating {
    margin-bottom: 15px;
    font-size: .90rem;
    line-height: 1.4;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}
.index-service-price b {
    color: #45a049;
}
.cdi-rated {
    font-size: 9px;
    display: inline-block;
    font-weight: 600;
    background: #222;
    color: #fff;
    height: 23px;
    line-height: 24px;
    padding-left: 8px;
    padding-right: 11px;
    border-radius: 4px;
}
.rating-count {
    font-size: .90rem;
}
.index-service-fav-icon {
    font-size: 1.5rem;
    vertical-align: middle;
    margin-left: 10px;
}
.index-service-special-search-container {
    display: none;
}
.index-service-special-search {
    font-family: Gordita;
    font-weight: 500;
    color: #000;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);
    width: 100%;
    padding: 10px;
    border-radius: 9px;
    border: 1px solid #000;
}
.index-service-special-search .las {
    font-size: 1.35rem;
    margin-right: 5px;
    vertical-align: middle;
}
.index-service-header {
    margin-bottom: 10px !important;
}
.index-service-rating i {
    font-size: 1.20rem;
    vertical-align: text-bottom;
    color: #222;
}
.index-service-tab {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.index-service-tab > span {
    margin-right: 6px;
}
.index-service-tab > span .la-star {
    font-size: 1.25rem;
    vertical-align: text-bottom;
    color: #daa520;
}
/* /Index services */

/**/

.enable-notifications-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 99999999999;
    display: none;
}

.enable-notifications-modal.active {
    display: block;
}

.enable-notifications-modal > div {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.enable-notifications-modal-content {
    width: 100%;
    max-width: 600px;
    background-color: #fff;
    padding: 25px;
    border-radius: 20px;
}

.close-enable-notification-modal {
    width: 40px;
    height: 40px;
    background-color: #eee;
    border-radius: 50%;
    cursor: pointer;
}

.close-enable-notification-modal i {
    font-size: 1.35rem;
}

.enm-img {
    max-width: 70px;
}

.enable-notifications-modal-body {
    margin-top: 50px;
    margin-bottom: 50px;
}

.enable-notifications-modal-body h3 {
    font-size: 1.5rem;
    margin-top: 20px;
    font-weight: 500;
    font-family: Gordita, Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.enable-notifications-modal-body p {
    font-weight: 500;
    color: #828282;
    margin-top: 4px;
    font-family: Ubermove, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.allow-notifications-btn {
    width: 100%;
    background: #000;
    color: #fff !important;
    border-radius: 60px;
    padding: 15px;
    font-family: 'gordita';
    font-weight: 500;
    font-size: 16px;
}

@media screen and (max-width: 1024px) {
    .enable-notifications-modal > div {
        align-items: flex-end;
    }
    .enable-notifications-modal-content {
        border-radius: 30px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}

/**/

@media screen and (min-width: 1200px){
    .wide-msic .market-search-item-container{
        position: relative;
        z-index: 1;
        max-width: 580px;
        width: 580px;
    }
}
@media screen and (min-width: 1030px){
    .-btn-.-signup- {
        border-radius: 60px;
        padding: 5px 18px;
    }
    .dashbaord-list-item-row,
    .-project-list-item- > div{
        font-weight: 400;
    }
    .dashbaord-list-item-row-head > div,
    .project-list > div.-project-list-item-.-thead- b{
        color: #828282;
    }
    .market-filter-tab:nth-child(2) {
        position: sticky;
        top: 120px;
        background: #fff;
        z-index: 2;
        padding-bottom: 25px;
        padding-top: 25px;
        border-bottom: 1px solid #dadce0;
    }
    .market-filter-tab.market-filter-tab-two:nth-child(2) {
        padding-top: 10px;
        padding-bottom: 15px;
        border-bottom: 1px solid #eee;
    }
    .market-filter-tab-item {
        font-size: 1rem;
        padding: 10px 15px;
    }
}
@media screen and (min-device-width: 900px){
	.spscr::-webkit-scrollbar {
		width: 7px;
		height: 7px;
	}
	.spscr::-webkit-scrollbar-track {
		background: #f7f7f7;
	}
	.spscr::-webkit-scrollbar-thumb {
		background: #dadce0;
		border-radius: 1px;
	}
	.spscr.rounded::-webkit-scrollbar-thumb,
	.spscr.rounded::-webkit-scrollbar-track,
	.spscr.rounded::-webkit-scrollbar{
		border-radius: 10px;
	}
	.spscr::-webkit-scrollbar-thumb:hover {
		background: #a8a8a8;
	}
}
@media screen and (min-width: 700px){
    /* .main-content-tab-item-sbs-page-content-header-list-long, */
    .manage-content-modal-heading,
    .contract-preview-item-body
    {
        font-family: Roboto, Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }
}
@media screen and (min-width: 900px){
    .s-sep-btn:hover {
        background-color: #fafafa;
    }
    .cdi-for-banner > div{
        max-height: 500px !important;
    }
    .cdi-for-tools-btns i:hover{
        background-color: #9932cc;
        color: #fff;
    }
    .cdi-for-tools-btns i.clr-1:hover{
        background-color: #000000;
    }
    .cdi-for-tools-btns i.clr-2:hover{
        background-color: #2f4f4f;
    }
    .cdi-for-tools-btns i.clr-3:hover{
        background: #8b008b;
    }
    .cdi-for-tools-btns i.clr-4:hover{
        background: #fe2c55;
    }
    #notification-toast.active{
        bottom: 50px;
    }
    .tooltip-cus:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }
    .slider-list-item-slide-item a:hover{
        color: #45a049;
    }
    .categories-modal-container-list-item:hover,
    .service-all-categories-section--content-cat-list > a:hover{
        text-decoration: underline;
        color: #00cf30;
    }
    .service-all-categories-section--content-category-1:hover{
        background-color: #00cf30;
        color: #fff;
    }
    .add-review-modal-closer:hover,
    .vs-modal-item-closer:hover{
        background-color: #eee;
    }
    .add-review-modal > div > div > div:nth-child(3) > div:hover,
    .vs-modal-item > div > div > div:nth-child(3) > div:hover{
        background-color: #eee;
    }
    .manage-content-modal > div > div{
        -webkit-transition: all .30s cubic-bezier(.694,0,.335,1);
        -moz-transition: all .30s cubic-bezier(.694,0,.335,1);
        -ms-transition: all .30s cubic-bezier(.694,0,.335,1);
        -o-transition: all .30s cubic-bezier(.694,0,.335,1);
        transition: all .30s cubic-bezier(.694,0,.335,1);
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        transform: scale(0.95);
    }
    .manage-content-modal > div > div.active-mcm{
        transform: scale(1.0);
    }
    .special-load-more-btn:hover{
        background-color: #dadce0;
    }
    .manage-content-modal-body-item-footer-text a:hover,
    .hc-link-description > a:hover{
        text-decoration: underline;
    }
    .nav-menu-list-dropdown-menu-list > li a:hover,
    .-blog-article-item- > div:hover h4{
        text-decoration: underline;
    }
    .-blog-category- span:hover,
    .-blog-category- a:hover{
        background-color: #fafafa;
        color: #202124;
    }
    .pnf-link a:hover{
        color: #00cf30
    }
    .attach-requirement-btn:hover,
    .attach-faq-btn:hover,
    .manage-content-modal-body-item-btn:hover{
        background-color: #45a049;
        color: #fff !important;
    }
    .notification-item:hover{
        background-color: #f7f7f7;
    }
    .header-menu > li > a:hover, 
	.preview-content-container-options > a:hover,
    .side-menu-link-item > a:hover{
        color: #00cf30;
    }
    .attached-files-container > div > div > div:first-child i.closer:hover{
        background-color: #ff0000;
    }
    .job-poster-form-item-btn:hover{
        background-color: #45a049;
        color: #fff;
        border-color: #45a049 !important;
        -webkit-box-shadow: inset 0 1px 4px rgba(52, 186, 8, .08), 0 0 0 0.2em rgba(52, 186, 8, .30);
        box-shadow: inset 0 1px 4px rgba(52, 186, 8, .08), 0 0 0 0.2em rgba(52, 186, 8, .30);
    }
    .-settings-content- > div:first-child ul li:not(.active):hover a{
        color: #45a049;
    }
    .inbox-search-item:hover{
        background-color: #f7f7f7;
        border-left-color: #999999;
    }
    .-project-list-item-:hover{
        background-color: #f7f7f7;
    }
    .account-boxx > div button:hover,
    .-projects-content- > div:nth-child(2) ul li:hover{
        color: #030303;
    }
    .portfolio-item:hover .portfolio-item-title{
        top: 0;
    }
    .search-results-container-item:not(.n-h):hover{
        background-color: #eee;
    }
    .account-boxx > div button:hover{
        background-color: #45a049;
    }
    .account-boxx > div button.bk-btn:hover{
        color: #fff;
    }
    .-load-wide-btn-:hover, 
    .profile-load-more-btn:hover,
    .profile-load-more-btn-two:hover{
        background-color: #fafafa;
    }
    .-load-wide-btn-.-focused-:hover,
    .profile-load-more-btn.-focused-:hover,
    .profile-load-more-btn-two.-focused-:hover{
        background-color: #45a049;
        border-color: #45a049;
    }
    .account-boxx > div button:hover,
    .cdi-btn:not(.no-hover):hover, 
    .hire-me-btn:not(.no-hover):hover{
        color: #fff !important;
        background-color: #45a049 !important;
        border-color: #45a049 !important;
        -webkit-box-shadow: inset 0 1px 4px rgba(52, 186, 8,.075), 0 0 0 0.2em rgba(52, 186, 8,.3);
        box-shadow: inset 0 1px 4px rgba(52, 186, 8,.075), 0 0 0 0.2em rgba(52, 186, 8,.3);
    }
    .settings-menu-item:not(.no-hover) > div:nth-child(2):hover,
    .settings-menu-item:not(.no-hover):hover i{
        color: #00cf30 !important;
    }
    .exturl:hover{
        text-decoration: underline;
    }
    .preview-content-slider-container-image-controls-direction-dir-left:hover{
        transform: translateX(-5px);
    }
    .preview-content-slider-container-image-controls-direction-dir-right:hover{
        transform: translateX(5px);
    }
    .mini-breadcrumb:hover{
        text-decoration: underline;
    }
    .user-profile-header-content-link-bottom a:hover,
    .-breadcrumb- a[href]:hover{
        text-decoration: underline;
    }
    .dashboard-form-item-label-description:hover .dashboard-form-item-label-description-text{
        display: block;
    }
    .hover-bg-f7f7f7:hover,
    .user-profile-header-content-link:hover{
        background-color: #f7f7f7;
    }
    .-job-type-selector-border-container- .-job-type-selector-:hover{
        background-color: #f7f7f7;
    }
    .simple-default-link-item:hover,
    .job-category-skills-container-item > div:nth-child(2) > div ul li a:hover,
    .a-link:not(.no-underline):hover{
        text-decoration: underline !important;
        color: #00cf30 !important;
    }
    .label-btn:hover{
        background-color: #00cf30;
        color: #fff;
    }
    .social-share-area > a:hover{
		background-color: #f7f7f7;
	}
	.social-share-area > a:hover i{
		color: #fff !important;
	}
	.social-share-area > a:hover path{
		fill: #fff !important;
	}
	.video-container > div:nth-child(2) i:hover,
    .sbs-btn button:hover{
		background-color: #eee;
		color: #030303;
	}
    .share-container-closer:hover{
        background-color: #eee;
        border-color: #eee;
		color: #000;
    }
    .job-post-item:not(.job-post-item-placeholder):hover{
        background-color: #fafafa;
        box-shadow: 0 2px 30px rgba(29, 67, 84, .10);
    }
    .applicant-item > div:nth-child(2) > div:first-child > div:first-child a:hover,
    .job-post-item-title a:hover{
        text-decoration: underline !important;
    }
    .job-aside-item > div:nth-child(2) ul li a:hover{
        text-decoration: underline !important;
    }
    .-welcome-btn-:hover, 
    .-btn-:hover{
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -ms-transform: translateY(2px);
        -o-transform: translateY(2px);
        transform: translateY(2px);
    }
    .market-sub-heading a:hover,
    .applicant-item > div:nth-child(2) > div:first-child > div:first-child a[href]:hover{
        text-decoration: underline;
    }
    .file-attachment-item:hover{
        background-color: #f7f7f7;
    }
    .manage-content-modal-search-results-item:hover{
        color: #828282;
    }
    .inbox-searcher-clearer:hover{
        background-color: #828282;
        color: #fff;
    }
    .message-date-item {
        position: sticky;
        top: 10px;
    }
    .message-sender-btn:hover{
        background-color: #0057a3;
    }
    .chatbot-carrier-btn:hover{
        background-color: #fff;
        color: #28ccb7;
    }
    .tdu:hover, 
    .chatbot-links > a:hover,
    .simple-attachment-item:hover span{
        text-decoration: underline !important;
    }
    .chatbot-message-item > span.raw-list > a:hover{
        background-color: #eee;
    }
    .gig-contact-seller-btn:hover{
        background-color: #f7f7f7;
    }
    .simple-attachment-item:hover{
        background-color: #f7f7f7;
    }
    .buy-button:hover{
        background-color: #45a049;
        color: #fff;
    }
    .special-info-container-btn:hover{
        background-color: #0057a3;
        color: #fff;
    }
    .video-tutorials-container-closer:hover{
        color: #000;
    }
    .gig-layout-item:not(.loading-gig) > a > div:hover{
        background-color: #f2f7f2;
    }
    #start-action-section{
        max-height: 550px;
        min-height: 550px;
    }
    #start-action-section.high-h{
        min-height: 580px;
    }
    .market-filter-tab-item-btn:hover{
        background-color: #24cc63;
        color: #fff !important;
    }
    .categories-modal-container > div > div > div:first-child > div:nth-child(2) i:hover{
        background-color: #eee;
    }
    .see-more-content-btn:hover small{
        text-decoration: underline;
    }
    .confirm-payment-btn:hover{
        background-color: #3bb75e !important;
        color: #fff;
    }
    .for-client-section-service-list-item:hover  i.las,
    .paj-btn.blk:hover i, 
    .confirm-payment-btn:hover i{
        transform: translateX(7px);
    }
    .market-search-item.-min- > div:nth-child(4):hover {
        background-color: #f7f7f7;
    }
    .chatbot-message-item > span.raw-list > a:hover{
        background: #f7f7f7 !important;
    }
    #gig-section-header ul li a:hover,
    .save-market-item-btn:hover,
    .gig-layout-item > a > div > div:nth-child(2) > div > div:nth-child(2) > div:first-child i:hover{
        color: #3bb75e;
    }
    .manage-content-modal-heading-closer:hover,
    .manage-content-modal-heading-icon:hover{
        color: #202124;
        border-color: #202124 !important;
    }
    .cdi-special-table td, 
    .cdi-special-table th{
        padding: 15px 12.5px;
        text-align: center;
        font-size: .92rem;
        font-weight: 500;
    }
    .cdi-special-table th{
        font-weight: 600;
    }
    .hire-me-btn.blue:not(.no-hover):hover, 
    .cdi-btn.blue:not(.no-hover):hover,
    .hire-me-btn.hover-blue:not(.no-hover):hover, 
    .cdi-btn.hover-blue:not(.no-hover):hover{
        border-color: #0057a3;
        background-color: #0057a3 !important;
        color: #fff !important;
        -webkit-box-shadow: inset 0 1px 4px rgba(0, 87, 163,.075), 0 0 0 0.2em rgba(0, 87, 163,.3);
        box-shadow: inset 0 1px 4px rgba(0, 87, 163,.075), 0 0 0 0.2em rgba(0, 87, 163,.3);
    }
    .hire-me-btn.green:not(.no-hover):hover, 
    .cdi-btn.green:not(.no-hover):hover{
        border-color: #45a049;
        color: #fff !important;
        background-color: #45a049 !important;
        -webkit-box-shadow: inset 0 1px 4px rgba(59, 183, 94,.075), 0 0 0 0.2em rgba(59, 183, 94,.3);
        box-shadow: inset 0 1px 4px rgba(59, 183, 94,.075), 0 0 0 0.2em rgba(59, 183, 94,.3);
    }
    .hire-me-btn.red:not(.no-hover):hover, 
    .cdi-btn.red:not(.no-hover):hover{
        border-color: #dd5145;
        color: #fff !important;
        background-color: #dd5145 !important;
        -webkit-box-shadow: inset 0 1px 4px rgba(221, 81, 69,.075), 0 0 0 0.2em rgba(221, 81, 69,.3);
        box-shadow: inset 0 1px 4px rgba(221, 81, 69,.075), 0 0 0 0.2em rgba(221, 81, 69,.3);
    }
    /* .hire-me-btn.green.focused:hover,
    .cdi-btn.green.focused:hover{
        border-color: #18a05e;
        background-color: #18a05e !important;
    } */
    .page-member-item-content-skills-container a:hover,
    .search-clearer:hover,
    .page-member-item-content-profile-container a:hover{
        background-color: #3bb75e;
        border-color: #3bb75e;
        color: #fff;
    }
    .page-member-item > div:hover{
        box-shadow: 0 10px 18px 1px rgba(0, 0, 0, 0.30);
    }
    .page-member-item-content-skills-container {
        -webkit-mask-image: -webkit-linear-gradient(to bottom, transparent, white 10px, white 90%, transparent);
        -webkit-mask-image: linear-gradient(to bottom, transparent, white 10px, white 40%, transparent);
        mask-image: -webkit-linear-gradient(to bottom, transparent, white 10px, white 90%, transparent);
        mask-image: -moz-linear-gradient(to bottom, transparent, white 10px, white 90%, transparent);
        mask-image: linear-gradient(to bottom, transparent, white 10px, white 90%, transparent);
    }
    .members-searcher-container > div:nth-child(2) i:hover, .members-searcher-container > div:nth-child(3) i:hover{
        color: #35575e;
    }
    .dashboard-button-list:not(.normal) .dashboard-button-list-item-list-item:hover,
    .dashboard-button-list:not(.normal) .dashboard-button-list-item-link:hover{
        background-color: #f0f8ff;
    }
    .quick-cta-btn:hover{
        background-color: #0070ff !important;
        color: #fff !important;
        -webkit-box-shadow: inset 0 1px 4px rgba(0, 112, 255, .08), 0 0 0 0.2em rgba(0, 112, 255, .30);
        box-shadow: inset 0 1px 4px rgba(0, 112, 255, .08), 0 0 0 0.2em rgba(0, 112, 255, .30);
    }
    .simple-display-item > div:hover{
        background-color: #f7f7f7;
    }
    .simple-display-item > div:hover .simple-display-item--image-list > img{
        border-color: #f7f7f7;
    }
    .dashboard-load-more > span:hover{
        background-color: #eee;
    }
    .why-post-post-btn:hover{
        color: #fff !important;
    }
    .new-modal-container-closer:hover{
        color: #030303;
    }
    .dashboard-quick-actions-container-item:hover{
        border-color: #00cf30;
    }
    .invoice-action-btn:hover{
        color: #45a049;
    }
    .dashbaord-list-item-row:hover{
        background-color: #f7f7f7;
    }
    .error-account-switch-btn:hover,
    .notification-list-item:hover{
        background-color: #fafafa;
    }
    .manage-orders-container-nav ul li:hover{
        color: #030303;
    }
    .dashboard-notifications-header-list > li:hover a{
        background-color: #eee;
    }
    .options-modal-content-btn-list-item:hover{
        background-color: #0057a3;
        color: #fff;
    }
    .hire-me-btn-special:hover,
    .cdi-btn-special:hover{
        background: #3bb75e;
        background: -webkit-gradient(linear,left top,left bottom,from(#3bb75e),to(#3bb75e));
        background: linear-gradient(180deg,#3bb75e 0,#3bb75e);
        border: 1px solid #3bb75e;
        color: #fff !important;
    }
    .options-modal-content.inactive{
        transform: scale(.90);
    }
    .trans-min{
        -webkit-transition: all .30s cubic-bezier(.694,0,.335,1);
        -moz-transition: all .30s cubic-bezier(.694,0,.335,1);
        -ms-transition: all .30s cubic-bezier(.694,0,.335,1);
        -o-transition: all .30s cubic-bezier(.694,0,.335,1);
        transition: all .30s cubic-bezier(.694,0,.335,1);
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }
    .cdi-anime-icon:hover i{
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -ms-transform: translateX(5px);
        transform: translateX(5px);
    }
    .share-files-searcher-btn:hover{
        color: #0057a3 !important;
        border: 1px solid #0057a3;
    }
    .dashboard-sbs-button > a:first-child:hover{
        background-color: #0070f3;
        border-color: #0070f3;
    }
    .dashboard-sbs-button > a:nth-child(2):hover{
        background-color: #f7f7f7;
    }
    .market-category-display-item:hover div:nth-child(2){
        text-decoration: underline;
        color: #3bb75e;
    }
    .tr-anime{
        transform: translateY(25px);
        opacity: 0.0;
    }
    .dashboard-main-content {
        padding-right: 17px;
    }
    .dashboard-user-profile-container-user-options{
        font-size: 11px;
    }
    .quick-hire-container-content-category-items > li > a:hover {
        color: #808080;
    }
    .dashboard-sbs-button > a{
        font-size: .844rem;
    }
    .dashboard-sbs-button,
    .dashboard-user-profile-container{
        width: 95%;
        margin: auto;
    }
    .cdi-simple-text:hover {
        color: #0070f3;
    }
    .contract-main-content-tab-item-sbs-page-body-full-height .simplebar-content {
        padding: 0 !important;
    }
    .index-search-result-item:hover,
    .index-search-btn:hover{
        background-color: #eee;
    }
    .service-search-banner--searcher > div:nth-child(2):hover{
        background-color: #45a045;
    }
    .list-of-jobs-link{
        display: none;
    }
    .quick-hire-category-item > div:hover{
        box-shadow: 0 0 16px 3px rgba(0, 0, 0, 0.10);
    }
    .quick-hire-menu li a:hover{
        color: #00cf30;
    }
    .timeline-holes > span:hover{
        background-color: #eee;
    }
    #community-category-content > a:hover{
        transform: translateY(5px);
    }
    li.tool-items:hover {
        color: #00cf30 !important;
    }
    .blog-aside-link:hover{
        color: #00cf30;
    }
    .discussion-item-body h5 a:hover{
        color: #00cf30;
        text-decoration: underline;
    }
    .upvote-btn:hover,
    .discussion-combined-menu-list > a:hover{
        background-color: #f7f7f7;
    }
    .footer-list > li > a:hover,
    .support-content-area .support-content-area-article  > p a:not(.cdi-btn):hover{
        text-decoration: underline;
    }
    .arrow-button:hover{
        color: #00cf30;
    }
    .arrow-button:hover i{
        color: #00cf30;
        border-color: #00cf30;
    }
    .hc-link-description > a:hover {
        color: #00cf30;
    }
    .was-help-container > div:nth-child(2) span:hover{
        background-color: #eee;
    }
    .withdrawal-request-list-container-table tr:hover td{
        background-color: #f7f7f7;
    }
    .gig-video-play-btn i:hover{
        background: rgba(0,0,0,0.9) !important;
    }
    .cqamc-4 a:hover {
        background-color: #0057a3;
    }
    .idx2-welcome-section-content-button:hover {
        background-color: #45a039;
        color: #fff;
    }
    .idx2-footer .idx2-footer-btn:hover {
        background-color: #0070ff;
    }
    .learn-more-link:hover, 
    .gg-more-link:hover {
        background-color: #f7f7f7;
    }
    /* #profile-head > div:first-child{
        border: 1px solid #eee;
    } */
    .index-all-service-list-container-item-content:hover .index-service-title {
        text-decoration: underline;
        color: #05cd34;
        cursor: pointer;
    }
    .index-all-service-list-container-item-content > div:first-child .index-service-fav-btn:hover {
        background: rgba(0, 0, 0, 0.8);
        color: #fff;
    }
    .index-all-service-list-container-item-content:hover img {
        transform: scale(1.05);
    }
}
@media screen and (max-height: 600px) and (min-width: 1050px){
    .manage-content-modal > div > div{
        margin-top: 40px;
        align-self: center;
    }
}
@media screen and (max-height: 600px){
    .complete-and-rate-project-modal > div{
        align-items: flex-start;
        overflow-y: auto;
    }
    .complete-and-rate-project-modal > div > div{
        margin: 50px 0;
    }
}
.job-description-body.is-loading{
    display: none;
}
.job-description-skeleton{
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    gap: 35px;
    align-items: start;
    background: #fafafa;
    opacity: 1;
    visibility: visible;
    transition: opacity .2s ease, visibility .2s ease;
}
.job-description-skeleton.is-hidden{
    display: none;
}
.job-description-skeleton-card{
    min-height: 620px;
    padding: 30px;
    background: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .05);
}
.job-skeleton-line,
.job-skeleton-tags span,
.job-skeleton-avatar{
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
    background: #e8eaed;
}
.job-skeleton-line::after,
.job-skeleton-tags span::after,
.job-skeleton-avatar::after{
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .75), transparent);
    animation: job-description-skeleton-shimmer 1.35s infinite;
}
@keyframes job-description-skeleton-shimmer{
    100%{ transform: translateX(100%); }
}
.job-skeleton-line.badge{ width: 48px; height: 22px; margin-bottom: 18px; }
.job-skeleton-line.title{ width: 58%; height: 32px; margin-bottom: 26px; }
.job-skeleton-line.meta{ width: 42%; height: 17px; margin-bottom: 18px; }
.job-skeleton-line.status{ width: 145px; height: 40px; margin-bottom: 18px; }
.job-skeleton-line.detail{ width: 48%; height: 15px; margin-bottom: 10px; }
.job-skeleton-line.detail.short{ width: 34%; }
.job-skeleton-line.price{ width: 35%; height: 24px; margin: 30px 0; }
.job-skeleton-line.paragraph{ width: 100%; height: 16px; margin-bottom: 12px; }
.job-skeleton-line.paragraph.short{ width: 72%; }
.job-skeleton-line.section-title{ width: 25%; height: 23px; margin: 38px 0 20px; }
.job-skeleton-tags{ display: flex; flex-wrap: wrap; gap: 10px; }
.job-skeleton-tags span{ width: 120px; height: 34px; }
.job-skeleton-line.aside-title{ width: 55%; height: 20px; margin: 8px 0 30px; }
.job-skeleton-line.action{ width: 100%; height: 42px; margin-bottom: 48px; border-radius: 24px; }
.job-skeleton-avatar{ width: 120px; height: 120px; margin: 35px auto 45px; border-radius: 50%; }
@media (max-width: 800px){
    .job-description-skeleton{
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .job-description-skeleton-card{
        min-height: 520px;
        padding: 22px;
    }
    .job-description-skeleton-aside{
        min-height: 400px;
    }
}
@media (prefers-reduced-motion: reduce){
    .job-skeleton-line::after,
    .job-skeleton-tags span::after,
    .job-skeleton-avatar::after{
        animation: none;
    }
}
.candidate-selection-options {
    width: 100%;
}
.user-profile.is-loading{
    display: none;
}
.profile-page-skeleton{
    width: 90%;
    max-width: 1080px;
    margin: 60px auto;
}
.profile-page-skeleton.is-hidden{
    display: none;
}
.profile-skeleton-card{
    position: relative;
    overflow: hidden;
    margin-bottom: 55px;
    padding: 18px;
    background: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .05);
}
.profile-skeleton-head{
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr) 150px;
    gap: 30px;
    min-height: 500px;
}
.profile-skeleton-avatar,
.profile-skeleton-button,
.profile-skeleton-line,
.profile-skeleton-metrics span{
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
    background: #e8eaed;
}
.profile-skeleton-avatar::after,
.profile-skeleton-button::after,
.profile-skeleton-line::after,
.profile-skeleton-metrics span::after{
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .78), transparent);
    animation: profile-skeleton-shimmer 1.35s infinite;
}
@keyframes profile-skeleton-shimmer{
    100%{ transform: translateX(100%); }
}
.profile-skeleton-avatar{
    width: 240px;
    height: 225px;
}
.profile-skeleton-summary{
    padding-top: 5px;
}
.profile-skeleton-line.name{ width: 230px; height: 30px; margin-bottom: 10px; }
.profile-skeleton-line.username{ width: 145px; height: 17px; margin-bottom: 12px; }
.profile-skeleton-line.account{ width: 180px; height: 17px; margin-bottom: 16px; }
.profile-skeleton-line.online{ width: 90px; height: 16px; margin-bottom: 28px; }
.profile-skeleton-line.biography{ width: 72%; height: 17px; margin-bottom: 12px; }
.profile-skeleton-line.biography.short{ width: 45%; }
.profile-skeleton-button{ width: 145px; height: 42px; }
.profile-skeleton-metrics{
    display: grid;
    grid-template-columns: repeat(4, minmax(90px, 1fr));
    gap: 20px;
    margin-top: 45px;
    padding-top: 28px;
    border-top: 1px solid #eee;
}
.profile-skeleton-metrics span{ height: 70px; }
.profile-skeleton-panel{
    min-height: 210px;
    padding: 25px 18px;
}
@media screen and (max-width: 1030px) {
    .profile-skeleton-avatar {
        border-radius: 50%;
    }
}
.profile-skeleton-panel.small-panel{ min-height: 160px; }
.profile-skeleton-line.panel-title{ width: 180px; height: 25px; margin-bottom: 42px; }
.profile-skeleton-line.panel-sort{ position: absolute; top: 25px; right: 20px; width: 170px; height: 23px; }
.profile-skeleton-line.panel-row{ width: 100%; height: 17px; margin-bottom: 15px; }
.profile-skeleton-line.panel-row.short{ width: 65%; }
@media (max-width: 850px){
    .profile-skeleton-avatar {
        border-radius: 2px;
    }
    .profile-page-skeleton.padding-top-bottom{
        width: 100%;
        max-width: none;
        padding-top: 0;
        margin-top: 0;
    }
    .profile-skeleton-head{
        display: block;
        min-height: 720px;
        padding: 285px 18px 30px;
    }
    .profile-skeleton-head::before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 140px;
        background: #e8eaed;
    }
    .profile-skeleton-avatar{
        position: absolute;
        z-index: 1;
        top: 48px;
        left: calc(50% - 70px);
        width: 180px;
        height: 180px;
        border: 6px solid #fff;
        border-radius: 28px;
        transform: translateX(-50%);
    }
    .profile-skeleton-summary{
        width: 100%;
        padding-top: 0;
    }
    .profile-skeleton-line.name{ width: 220px; }
    .profile-skeleton-line.biography{ width: 52%; }
    .profile-skeleton-line.biography.short{ width: 35%; }
    .profile-skeleton-button{
        position: absolute;
        top: 260px;
        right: 18px;
    }
    .profile-skeleton-metrics{
        grid-template-columns: repeat(2, minmax(140px, 1fr));
        gap: 25px 70px;
        margin-top: 35px;
    }
    .profile-skeleton-metrics span{
        height: 85px;
    }
}
@media (max-width: 800px){
    .profile-page-skeleton{
        margin: 25px auto;
    }
    .profile-skeleton-head{
        grid-template-columns: 100px minmax(0, 1fr);
        gap: 18px;
        min-height: 300px;
    }
    .profile-skeleton-avatar {
        width: 130px;
        transform: translateY(0px);
        height: 130px;
        border-radius: 20px;
    }
    .profile-skeleton-button{
        display: none;
    }
    .profile-skeleton-line.biography{ width: 100%; }
    .profile-skeleton-metrics{
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(90px, 1fr));
    }
    .profile-skeleton-panel{
        margin-bottom: 25px;
    }
}
@media (prefers-reduced-motion: reduce){
    .profile-skeleton-avatar::after,
    .profile-skeleton-button::after,
    .profile-skeleton-line::after,
    .profile-skeleton-metrics span::after{
        animation: none;
    }
}

/* Inline validation on Complete Profile steps. */
.cp-field-error { color: #c9002b; font-size: 0.875rem; line-height: 1.4; margin-top: 7px; text-align: left; }
.cp-field-error[hidden] { display: none; }
.cp-field-error > div { display: flex; align-items: flex-start; gap: 6px; margin-bottom: 4px; }
.cp-field-error .la-info-circle { flex-shrink: 0; font-size: 1.15rem; line-height: 1.2; }
.cp-input-invalid { border-color: #c9002b !important; }
.cp-input-invalid:focus { box-shadow: 0 0 0 2px rgba(201, 0, 43, 0.12); }