.invisible {
    visibility: hidden !important;
}

#page-navigation {
    z-index: 10;
    background-color: #000;
}

#page-navigation.-white-mode- {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.90);
}

#page-navigation .up-1 {
    display: inline-block;
}

#page-navigation .up-2 {
    display: none;
}

#page-navigation.-white-mode- .up-2 {
    display: inline-block !important;
}

#page-navigation.-white-mode- .up-1 {
    display: none;
}

#page-navigation .upb-1 {
    display: block;
}

#page-navigation .upb-2 {
    display: none;
}

#page-navigation.-white-mode- .upb-2 {
    display: block !important;
}

#page-navigation.-white-mode- .upb-1 {
    display: none;
}

#page-navigation.-white-mode-.bdrb,
#page-navigation.-white-mode-.grey-border-bottom {
    border-bottom: 1px solid #eee;
}

#page-navigation.nbdr {
    border-bottom-width: 0 !important;
}

#page-navigation.fixed {
    position: fixed;
    top: 0;
}

#page-navigation.fixed + #fake-nav {
    height: 64px;
}

#page-navigation-content {
    height: 64px;
}

#page-navigation-content-main-two.active {
    display: -webkit-flex;
    display: flex;
}

#page-navigation-content-main-two {
    width: 100%;
    display: none;
}

#page-navigation-content-main-two > div {
    position: relative;
}

#page-navigation-content-main-two > div:first-child {
    width: 50px;
}

#page-navigation-content-main-two > div:nth-child(2) {
    width: calc(100% - 100px);
    text-align: center;
}

#page-navigation-content-main-two > div:nth-child(3) {
    width: 50px;
}

#page-navigation.-white-mode- .nav-items-list > li b {
    font-family: 'euclidCircularB', Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#page-footer-rate {
    position: fixed;
    z-index: 5;
    bottom: 0;
    left: 0;
    display: none;
}

#main-page.opened #page-footer-rate {
    left: 300px;
}

#page-footer-rate > div > div > div:first-child {
    padding-left: 10px;
    border-left: 2px solid #000;
}

#page-footer-rate > div > div {
    width: 100%;
    margin: auto;
    padding: 15px 20px;
    padding-bottom: 20px;
    background: #fff;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.09);
    box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.09);
    border-radius: 2px;
    margin-bottom: 30px;
    font-family: Ubermove, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 600;
    font-size: 1.1rem;
}

#page-navigation .nav-items-list > li > a:not(.a-btn):not(.text-logo) {
    background: transparent;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 60px;
    line-height: 30px !important;
    display: inline-block;
}

.nav-left .nav-back-btn-container{
    display: none !important;
}

.nav-left.title-mode .nav-logo-container{
    display: none !important;
}

.nav-left.title-mode .nav-back-btn-container{
    display: block !important;
}

.nav-left > div:first-child > div:first-child {
    width: 48%;
}

.nav-back-btn-container .la-arrow-left {
    font-size: 1.80rem;
    vertical-align: middle;
    display: inline-block;
    margin-top: -4.5px;
}

.nav-items-list {
    list-style-type: none;
}

.nav-items-list > li {
    display: inline-block;
}

.nav-items-list > li.will-show {
    display: none;
}

.nav-items-list > li, 
.nav-items-list > li > a,
.nav-items-list > li .menu-list-item-a
{
    color: #fff;
}

#page-navigation.-white-mode- .nav-items-list > li, 
#page-navigation.-white-mode- .nav-items-list > li > a,
#page-navigation.-white-mode- .nav-items-list > li .menu-list-item-a 
{
    color: #000;
    font-weight: 500;
    line-height: normal;
}

.nav-items-list > li > a,
.nav-items-list > li .menu-list-item-a {
    line-height: 40px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font-family: Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: .90rem;
    font-weight: 400;
}

.nav-items-list > li > a > i{
    font-size: 1.35rem;
    vertical-align: middle;
    display: inline-block;
    margin-top: 0px;
    /* margin-top: -2.5px; */
}

.nav-items-list > li > a.a-btn {
    display: inline-block;
    background: #fff;
    color: #000;
    font-weight: 500;
    padding: 6px 20px;
    border-radius: 60px;
    line-height: 25px !important;
}

.nav-items-list > li > a.a-btn-two {
    width: 190px !important;
    white-space: nowrap !important;
    text-align: center;
    padding: 7.5px 20px;
    background: #2b8659;
    /* background: #34d186; */
    color: #fff;
    border-radius: 4px;
    font-family: 'euclidCircularB', Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1.0rem;
}

.nav-items-list > li > a.a-btn-two.a-btn-two-white {
    width: 190px !important;
    white-space: nowrap !important;
    text-align: center;
    padding: 7.5px 20px;
    background: #fff;
    color: #000;
    border-radius: 3px;
}

.link-small-label {
    display: inline-block;
    margin-top: 5px;
    color: #34d186;
    font-size: .95rem;
    font-weight: 500;
}

#page-navigation.-white-mode- .nav-items-list > li > a.a-btn {
    color: #fff;
    background-color: #000;
}

#page-navigation.-white-mode- .nav-items-list > li > a.a-btn-two {
    color: #fff !important;
    background-color: #2b8659;
    /* background-color: #34d186; */
    font-family: 'euclidCircularB', Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: .91rem;
}

.nav-items-list-left > li {
    margin-right: 25px;
}

.nav-items-list-right > li {
    margin-left: 25px;
}

.gh-svg-logo {
    max-width: 25px;
    vertical-align: middle;
    display: inline-block;
    transform: translateY(-2px);
}

.gh-svg-logo.gh-svg-logo-two {
    transform: translateY(-1px) translateX(20px);
}

.handlyn-svg-logo {
    display: block;
    min-width: 120px;
    transform: translateY(3px);
}

.handlyn-svg-logo.mini {
    width: 90px;
    min-width: 90px;
    transform: translateY(1.5px);
}

.page-modal-handlyn-logo {
    max-width: 160px;
}

.text-logo {
    font-size: 1.75rem !important;
    font-family: euclidCircularB, 'TwitterChirpExtendedHeavy', Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    vertical-align: middle !important;
    display: inline-block !important;
    color: #fff;
    font-weight: 900 !important;
}

.text-logo.-white-mode- {
    color: #fff;
}

/*  Hamburger begins */
.custom-hamburger-menu-btn {
    display: inline-block;
    height: 10px;
    width: 20px;
    position: relative;
    vertical-align: middle;
    margin-top: 5px;
    cursor: pointer;
    transform: translateY(2.5px);
}
.custom-hamburger-menu-btn > span {
    width: 100%;
    height: 2px;
    background-color: #fff;
    display: block;
    position: absolute;
    border-radius: 60px;
}
.custom-hamburger-menu-btn > span:first-child {
    margin-top: -3.5px;
}
.custom-hamburger-menu-btn > span:nth-child(2) {
    margin-top: 3.5px;
}
.custom-hamburger-menu-btn.opened > span {
    margin-top: 0;
}
.custom-hamburger-menu-btn.opened.crossed > span:first-child {
    transform: rotate(45deg);
}
.custom-hamburger-menu-btn.opened.crossed > span:nth-child(2) {
    transform: rotate(135deg);
}
/*  Hamburger ends */

#page-navigation.-white-mode- .text-logo {
    color: #000;
}

#page-navigation.-white-mode- .custom-hamburger-menu-btn > span{
    background-color: #000;
}

.account-img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    vertical-align: middle;
    position: absolute;
    top: -5px;
    cursor: pointer;
}

.account-img-two {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    vertical-align: middle;
    cursor: pointer;
}

.account-img-two.mini {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    vertical-align: middle;
    cursor: pointer;
}

.account-img-two.mini-two {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    transform: translateY(-0.5px);
}

.account-img-verified {
    display: inline-block;
    padding: 2px;
    border-radius: 50%;
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}

.account-img-verified > img {
    border: 2px solid #fff;
}

#page-call-to-action-heading {
    font-size: 2.15rem;
    /* font-size: 3.05rem; */
    /* font-size: 2.82rem; */
    /* font-family: Poppins, 'TwitterChirpExtendedHeavy'; */
    font-family: euclidCircularB, Poppins, 'TwitterChirpExtendedHeavy' !important;
    max-width: 530px;
    line-height: 1.30;
    font-weight: 700;
}

#page-call-to-action-content-main > div {
    width: 47%;
}

input#search-box {
    border-radius: 3px;
    width: 250px;
    outline: 2px solid #dbdbdb;
}

input#search-box:focus {
    outline: 2px solid #000;
}

#index-map {
    height: 700px;
    width: 90%;
    margin-left: 10%;
    border-radius: 20px;
    background-color: #eee;
    display: none;
}

.call-to-action-media-container.map-mode #index-map {
    display: block;
}

.call-to-action-media-container.map-mode .page-welcome-banner-image {
    display: none !important;
}

#page-basic-hiring-form {
    margin-top: 40px;
}

.index-task-form-history {
    width: 100%;
}

.index-task-form-history-content {
    width: 100%;
    border: 2px solid #eee;
    padding: 10px;
    border-radius: 10px;
    margin-top: 20px;
    cursor: pointer;
}

.index-task-form-history-content:hover {
    border-color: #1a73e8;
}

.index-task-form-history-content > div:first-child {
    width: 50px;
    min-width: 50px;
}

.index-task-form-history-content > div:first-child i {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #eee;
    font-size: 1.5rem;
    border-radius: 10px;
}

.index-task-form-history-content:hover div:first-child i {
    color: #fff;
    background-color: #1a73e8;
}

.index-task-form-history-content > div:nth-child(2) {
    width: calc(100% - 90px);
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-task-form-history-content > div:nth-child(2) > div {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    font-family: Ubermove, Inter, Geist, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.index-task-form-history-content > div:nth-child(2) > div:nth-child(2) {
    color: #808080;
    font-size: .90rem;
}

.index-task-form-history-content > div:nth-child(3) {
    width: 40px;
    min-width: 40px;
    text-align: right;
}

.index-task-form-history-content > div:nth-child(3) i {
    font-size: 1.6rem;
}

.custom-select-input-clearer-container {
    display: none;
}

.custom-select-input-clearer {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    background-color: #000;
    border-radius: 50%;
    cursor: pointer;
}

.custom-select-input-clearer > i {
    color: #fff;
    font-size: .90rem;
    transform: translateY(0.5px) translateX(0.5px);
}

.will-clear-input-item.clear-mode .custom-select-input-clearer-container {
    display: block;
}

.will-clear-input-item.clear-mode .custom-select-input-icon {
    display: none;
}

.custom-select-container.disabled {
    opacity: .7;
    pointer-events: none;
}

.custom-select-container,
.notice-item,
.custom-select-container-double {
    width: 100%;
}

.custom-select-container {
    margin: 20px 0;
    position: relative;
}

.custom-select {
    width: 100%;
    background-color: #f3f3f3;
    border: 2px solid #f3f3f3;
    padding: 10px;
    border-radius: 8px;
    position: relative;
}

.custom-select-hollow {
    padding: 7px;
    background: #fff;
    border: 1px solid #dbdbdb;
}

.custom-select-hollow.active {
    box-shadow: 0 0 0px 1.0px #000;
}

.custom-select.white-with-shadow {
    border-radius: 60px;
    background: #fff;
    border-color: #fff;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.14), 0 0 10px 2px rgba(0, 0, 0, 0.14);
}

.custom-select.rounded {
    border-radius: 60px;
}

.custom-select.required.error {
    border-color: #ff0000;
    background-color: #fff;
}

.custom-select.active {
    border-color: #000;
    background-color: #fff;
}

.custom-select > div:first-child,
.custom-select > div:nth-child(3) {
    width: 40px;
    text-align: center;
}

.custom-select > div:nth-child(2) {
    width: calc(100% - 80px);
    padding-right: 10px;
}

.custom-select > div:nth-child(2) > input {
    font-weight: 500;
    width: 100%;
    display: block;
    padding: 7px;
    background-color: transparent;
    border-width: 0;
    font-size: 1.05rem;
    font-family: Ubermove, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.cs-icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 50%;
    position: relative;
}

.cs-loader {
    display: none;
    transform: translateY(3px);
}

.cs-icon.sq {
    border-radius: 0;
}

.cs-icon.line:not(.no-line):after {
    content: "";
    background: #000;
    height: 800%;
    width: 2px;
    position: absolute;
    z-index: 2;
    margin-left: -1.50px;
}

.custom-select > div:first-child i.las {
    font-size: 1.35rem;
    color: #000;
    vertical-align: middle;
}

.custom-select > div:nth-child(3) > i {
    font-size: 1.60rem;
    vertical-align: middle;
}

.custom-select svg path,
.custom-select > div:nth-child(3) > i {
    color: #000;
}

.custom-select > div:nth-child(3) > i.la-angle-down {
    font-size: 1.20rem;
}

.custom-select > div:nth-child(3) > svg {
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.custom-select-results-container {
    position: relative;
    margin-top: 2.5px;
    width: 100%;
    display: none;
}

.custom-select-results-container.active {
    display: block;
}

.custom-select-results {
    width: 100%;
    position: absolute;
    background-color: rgb(255, 255, 255);
    margin: 0px;
    padding: 8px 0px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 4px 16px;
    overflow: auto;
    max-height: 40vh;
    max-height: 40dvh;
    min-height: 50px;
    z-index: 2;
}

.custom-select-results.empty::before {
    content: "No results found";
    text-align: center;
    position: absolute;
    width: 100%;
    margin-top: 30px;
    color: #999;
    font-size: .92rem;
    font-family: Poppins;
}

.custom-select-container-double {
    margin: 20px 0;
    position: relative;
}

.custom-select-container-double > div {
    width: 48%;
}

.custom-select-container-double > div > div {
    width: 100% !important;
    margin: 0 0 !important;
}

.custom-select-container.loading-mode .cs-loader {
    display: inline-block !important;
}

.custom-select-container.loading-mode .cs-icon {
    display: none !important;
}

.rate-loader {
    font-family: 'Ubermove', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: .85rem;
    white-space: nowrap;
}

.page-footer-rate .rate-loader {
    font-size: .78rem;
}

.rate-loader svg {
    transform: translateY(7px);
    margin-right: 10px;
}

.btn {
    max-width: 100%;
    border-width: 0;
    background-color: #111;
    font-size: .95rem;
    padding: 13.5px 30px;
    color: #fff !important;
    border-radius: 5px;
    display: inline-block;
    font-family: euclidCircularB, 'Ubermove', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    -webkit-transition: background-color 0.2s, color 0.2s, opacity 0.15s ease;;
    transition: background-color 0.2s, color 0.2s, opacity 0.15s ease;;
}

.btn.fs-max {
    font-size: 1.05rem;
}

.btn-white {
    background: #fff;
    color: #000 !important;
}

.btn-goldenrod {
    background-color: #b8860b;
    color: #fff !important;
}

.btn-grey {
    background-color: #eee;
    color: #000 !important;
}

.btn-blue {
    background-color: #007aff;
    color: #fff;
}

.btn-green {
    background-color: #2b8659;
    color: #fff;
}

.btn-light-green {
    background-color: #34d186;
    color: #fff;
}

.btn-yellow {
    background: #daa520;
    color: #fff;
}

.btn.wide {
    width: 100%;
    display: block;
    text-align: center;
}

.btn.wide.no-side-pad {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.btn.grey {
    background: #eee;
    color: #000 !important;
}

.btn.green {
    background: #45a049;
    color: #eee !important;
}

.btn.slim {
    padding: 10px 30px;
	font-size: .88rem;
}

.btn-hollow-slim {
    border-radius: 60px;
    padding: 4.5px 20px;
    font-size: .90rem;
    background-color: #fff;
    color: #000 !important;
    border: 1px solid #111;
}

.btn-hollow {
    border-radius: 60px;
    padding: 11.5px 30px;
    font-size: .95rem;
    background-color: #fff;
    color: #000 !important;
    border: 1px solid #111;
}

.btn-icon {
    padding: 10.5px 20px;
}

.btn-icon i {
    font-size: 1.5rem;
    vertical-align: middle;
}

.btn.btn-hollow-slim.bhs-2 {
    padding: 3px 10px;
    font-size: .80rem;
    border-color: #eee;
    background: #eee;
}

.btn-filled-slim {
    border-radius: 60px;
    padding: 6px 20px;
    font-size: .90rem;
    background-color: #333;
    color: #fff !important;
    border: 1px solid #333;
}

.btn-filled-slim.black {
    background-color: #000;
    color: #fff !important;
    border: 1px solid #000;
}

.btn-border-rounded {
    border-radius: 60px !important;
}

.btn-border-rounded-10 {
    border-radius: 10px;
}

.btn > i.max {
    font-size: 1.25rem;
    vertical-align: middle;
}

.btn.fs-1 {
    font-size: 1.25rem;
}

.btn-fs-small-cnt .btn {
    font-size: .90rem;
}

.live {
    display: inline-block;
    color: #fff;
    background-color: #ff0000;
    font-size: 11px;
    line-height: 15px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
    transform: translateY(-2px);
}

#hiw-c-hire-btn,
#see-estimated-rate-btn,
#see-how-it-works {
    border-radius: 7px;
}

#see-how-it-works {
    margin-left: 15px;
}

.map-btn-list {
    width: 100%;
}

.map-btn-list > div:first-child {
    width: 100%;
}

#page-welcome-banner-image {
    /* width: 120%;
    min-height: 470px; */
    object-position: center;
    border-radius: 5px;
    margin-left: -10%;
}

.page-welcome-banner-image {
    /* width: 120%;
    min-height: 470px; */
    object-position: center;
    border-radius: 5px;
    margin-left: -10%;
    opacity: 0.0;
    transform: translateX(0px);
    position: absolute;
}

.page-welcome-banner-image.active {
    opacity: 1.0;
    transform: translateX(50px);
}

#page-call-to-action-content-main > div:nth-child(2) {
    text-align: center;
    position: relative;
    width: 50%;
    align-items: flex-start;
}

.page-top-category-item {
    text-align: center;
    width: 12.5%;
    cursor: pointer;
}

.page-top-category-item > div:first-child i {
    font-size: 2.40rem;
    color: #5f6368;
}

.page-top-category-item > div:nth-child(2) {
    margin-top: 15px;
    font-weight: 500;
    font-size: .85rem;
    color: #5f6368;
    font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.page-top-category-item > div:nth-child(3) {
    text-align: center;
}

.page-top-category-item > div:nth-child(3) > span {
    width: 40px;
    height: 4px;
    background-color: transparent;
    display: inline-block;
    position: relative;
    top: 6px;
}

#page-top-categories-content-main {
    border-bottom: 1px solid #eee;
}

.page-top-category-item:hover * {
    color: #000 !important;
}

.page-top-category-item.active > div:first-child i {
    font-size: 2.75rem;
    color: #000;
}

.page-top-category-item.active > div:nth-child(2) {
    margin-top: 15px;
    font-weight: 500;
    font-size: .90rem;
    color: #000;
}

.page-top-category-item.active > div:nth-child(3) > span {
    background-color: #000;
}

.notice-item {
    background: #e0ffff;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #c6e4ee;
}

.notice-item > div {
    width: 100%;
}

.notice-item > div > div:first-child {
    width: 40px;
    min-width: 40px;
    text-align: center;
}

.notice-item > div > div:first-child i {
    font-size: 1.5rem;
}

.notice-item > div > div:nth-child(2) {
    width: calc(100% - 40px);
    font-size: .85rem;
    padding-left: 10px;
    font-weight: 500;
    color: #333;
    line-height: 1.4;
}

.page-suggestion-item {
    width: 48.6%;
    background-color: #f3f3f3;
    padding: 20px;
    border-radius: 10px;
    min-height: 200px;
    position: relative;
    overflow: hidden;
}

.page-suggestion-item.psi-t {
    width: 31%;
    background-color: #fff;
    padding: 0;
}

.page-suggestion-item > div:first-child {
    width: calc(100% - 200px);
}

.page-suggestion-item.psi-t  > div:first-child {
    width: 100%;
}

.page-suggestion-item > div:nth-child(2) {
    width: 200px;
    min-width: 200px;
}

.page-suggestion-item > div:nth-child(2) img {
    max-width: 200px;
}

.page-suggestion-item > div:nth-child(2) img.max {
    max-width: 240px;
}

.page-suggestion-item > div:nth-child(2) img.max.max-full {
    max-width: 170px;
    position: absolute;
    transform: translateY(-60px) translateX(50px);
}

.section-heading {
    line-height: 1.3;
    font-size: 2.5rem;
    margin-bottom: 70px;
    font-family: Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.section-heading.why-heading{
    font-size: 3.65rem;
    max-width: 700px;
    line-height: 1.3;
}

.section-heading.max {
    font-size: 3.5rem;
    font-family: 'euclidCircularB', Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.section-heading .slim {
    color: #34d186;
}

#why-cnt-parent-container {
    width: 100%;
}

#why-cnt {
    width: 100%;
    height: 500px;
    border-radius: 15px;
}

.why-cnt-item {
    width: 35%;
    min-width: 375px;
    height: 100%;
    background-color: #fff;
    border-radius: 10px;
    margin-right: 15px;
    padding: 40px 35px;
    overflow: hidden;
    backface-visibility: hidden;
    will-change: transform;
    position: relative;
}

.why-cnt-item.active {
    /* outline: 2px solid #dbdbdb; */
    background-color: #eee;
}

.why-cnt-dir-btns {
    width: 100%;
    margin-top: 25px;
}

.why-cnt-dir-item {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #dbdbdb;
    border-radius: 50%;
    font-size: 1.20rem;
    color: #333;
    margin-left: 20px;
    cursor: pointer;
}

.why-cnt-dir-item.inactive {
    opacity: 0.5;
}

.why-cnt-item h3,
.why-cnt-item h2,
.why-cnt-item p {
    color: #111;
}

.why-cnt-item h3 {
    margin-bottom: 25px;
    font-size: 0.98rem;
    color: #000;
    font-weight: 500;
    font-family: 'euclidCircularB', Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.why-cnt-item h2 {
    margin-bottom: 20px;
    font-family: 'euclidCircularB', Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.why-cnt-item p {
    font-family: Geist, Inter, Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-weight: 500;
    color: #111;
    font-size: 1.05rem;
    line-height: 1.4;
}

.why-cnt-item img {
    max-width: 250px;
    transform: translateY(45px);
}

.why-num {
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background-color: #111;
    font-size: 1.1rem;
    bottom: 12px;
    right: 12px;
    position: absolute;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.20);
    font-family: 'euclidCircularB', Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.wci-img-2 {
    max-width: 400px !important;
    width: calc(150% + 270px) !important;
    transform: translate(-30px, 40px) !important;
}

.wci-img-3 {
    transform: translateY(100px) translateX(40px) !important;
}

.wci-img-4 {
    filter: none !important;
    transform: translateY(70px) !important;
}

.page-suggestion-item.psi-t > div:first-child > h3 {
    font-size: 1.8rem;
}

.page-suggestion-item > div:first-child > h3 {
    font-family: Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.psi-icon-container-one {
    margin-bottom: 25px;
}

.psi-icon-container-one > img {
    max-width: 50px;
    display: inline-block;
    transform: translateX(-5px);
}

.page-suggestion-item > div:first-child > p {
    font-size: .90rem;
    font-weight: 500;
    color: #5f6368;
    line-height: 1.4;
    margin: 15px 0;
    font-family: 'UberMove', Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.page-suggestion-item.psi-t > div:first-child > p {
    line-height: 1.6;
    font-size: 1.2rem;
}

.page-suggestion-item > div:first-child > div > a {
    display: inline-block;
    padding: 8px 25px;
    background: #000;
    color: #fff;
    font-size: .95rem;
    border-radius: 60px;
    font-family: 'Poppins';
    font-size: .85rem;
    font-family: euclidCircularB, 'Ubermove', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    white-space: nowrap;
}

.no-wrap-item {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    overflow: hidden;
}

.psi-icon {
    font-size: 3.25rem;
    color: #5f6368;
}

.psi-icon.aqua {
    font-size: 3.25rem;
    color: #00ffff;
}

.psi-icon.dark {
    font-size: 3.25rem;
    color: #000;
}

.popular-service-item { 
    width: 25%;
    padding: 15px;
    transform: translateY(0px);
    opacity: 1;
}

.popular-service-item-right {
    padding-right: 0px;
    margin-right: 20px;
    min-width: 250px;
}

.pshire-now-btn-container {
    transform: translateY(0px);
    opacity: 1;
}

.popular-service-item.psi-anime-item,
.pshire-now-btn-container.psi-anime-item {
    transform: translateY(50px);
    opacity: 0.1;
}

.popular-service-item > div {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    display: block !important;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.popular-service-item > div > div {
    width: 100%;
}

.popular-service-item > div > div:first-child {
    height: 250px;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.popular-service-item > div > div:first-child > img {
    height: 100%;
    width: calc(100% + 2px);
    display: block;
    position: absolute;
    display: block;
}

.popular-service-item > div > div:nth-child(2) {
    padding: 15px 15px;
}

.popular-service-item > div > div:nth-child(2) h4 {
    font-size: 1.05rem;
    font-weight: 500;
    font-family: 'euclidCircularB', Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.popular-service-item > div > div:nth-child(2) > p {
    margin: 0;
    font-size: .9rem;
    font-weight: 500;
    color: #5f6368;
    font-family: 'UberMove', Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.popular-service-item-right-container {
    width: calc(100% + 30px);
    margin-left: -15px;
    overflow-x: auto;
}

.popular-service-item-right > div {
    display: -webkit-flex !important;
    display: flex !important;
    flex-direction: row;
    min-width: 250px;
    height: 120px;
    overflow: hidden;
}

.popular-service-item-right > div img {
    border-radius: 0 !important;
    height: 100%;
}

.popular-service-item-right > div > div:first-child {
    border-radius: 0 !important;
    width: 160px;
    height: 120px;
}

.popular-service-item-right > div > div:nth-child(2) h4 {
    font-size: .92rem;
}

.popular-service-item-right > div > div:nth-child(2) p {
    align-self: flex-start;
    background: #000;
    color: #fff;
    font-size: .85rem;
    border-radius: 60px;
    padding: 2.55px 20px;
}

.popular-service-item-right > div > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pshire-now-btn {
    display: block;
    text-align: center;
    background: #f7f7f7;
    color: #707070;
    border-radius: 10px;
    padding: 20px;
    margin-top: 25px;
    font-family: 'euclidCircularB';
    font-size: 1.25rem;
    cursor: pointer;
}

#popular-services-content-main {
    width: calc(100% + 30px);
    margin-left: -15px;
}

#mission-content-main h2 {
    max-width: 1000px;
    margin: 50px 0;
    font-size: 4.25rem;
    line-height: 1.2;
    font-family: euclidCircularB, 'UberMove', Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

#mission-content-main p {
    max-width: 500px;
    margin: auto;
    margin-bottom: 50px;
    font-family: 'euclidCircularB', Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    color: #333;
}

#mission-content-main > div {
    max-width: 100%;
    margin: auto;
}

#mission-content-main img {
    max-width: 100%;
    margin-top: 50px;
    min-width: 490px;
    transform: translateX(10px) translateY(20px);
}

#mission-content-main .m-head {
    font-size: 1.5rem;
    font-family: 'Poppins';
    color: #999;
}

#mission {
    position: relative;
}

#mission::before {
    content: "";
    background: linear-gradient(0deg, #fafafa, transparent);
    height: 200px;
    width: 100%;
    position: absolute;
    bottom: 0;
    backdrop-filter: blur(4px);
    z-index: 1;
}

#mission-content-main .m-head b {
    font-weight: 600;
    font-size: 1.25rem;
}

#work-content-main > div {
    width: 40%;
}

#work-content-main > div:nth-child(2) h2 {
    color: #222;
    line-height: 1.2;
    font-size: 3.10rem;
    font-family: Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#work-content-main > div:nth-child(2) p {
    margin: 35px 0;
}

#work-content-main > div:first-child {
    width: 50%;
}

#work-content-main > div:first-child img {
    width: 100%;
    border-radius: 15px;
    min-height: 600px;
}

#work-content-main > div:first-child img.min {
    min-height: 470px;
}

#work-content-main > div:first-child img.nbdr {
    border-radius: 1px;
}

.work-2::before {
    content: "";
    position: absolute;
    height: 4px;
    width: 50px;
    background: #000;
    margin-top: -102px;
    left: calc(50% - 25px);
    border-radius: 5px;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.3;
    font-family: Ubermove, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.how-it-works {
    width: 100%;
    height: 500px;
    background-color: #fff;
    position: relative;
}

.how-it-works .btn {
    border-radius: 8px;
}

.how-it-works > img {
    display: block;
    width: 100%;
    max-height: 500px;
    border-radius: 5px;
    position: relative;
}

.how-it-works > div {
    width: 40%;
    background-color: #fff;
    height: 100%;
    position: absolute;
    z-index: 1;
    margin-top: -5%;
    margin-left: 5%;
    border-radius: 10px;
    box-shadow: 10px 30px 40px 5px rgba(0, 0, 0, 0.05), 0 0 40px 5px rgba(0, 0, 0, 0.05);
    padding: 50px;
}

.how-it-works > div h2 {
    font-size: 2.5rem;
    font-family: 'euclidCircularB', Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.how-it-works > div > div {
    width: 100%;
    position: relative;
}

.how-it-works > div > div::before {
    width: 50px;
    height: 4px;
    background: #999;
    content: "";
    position: absolute;
    border-radius: 5px;
    top: -15px;
    left: 2px;
}

.hiw-item {
    width: 100%;
    margin: 35px 0;
    align-items: center;
}

.hiw-item > div:first-child {
    width: 80px;
    min-width: 80px;
}

.hiw-item > div:nth-child(2) {
    width: calc(100% - 80px);
    font-weight: 500;
    font-size: 1.05rem;
    color: #111;
    line-height: 1.5;
    font-family: euclidCircularB, 'UberMove', Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.hiw-bullet {
    display: block;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    background: #faebd7;
    border-radius: 50%;
    font-weight: 600;
    font-size: 1.35rem;
}

.hiw-bullet.aqua {
    background-color: #7fffd4;
}

.hiw-bullet.alice {
    background-color: #deb887;
}

.experience-item {
    width: 45%;
    background-color: #fff;
}

.experience-item > div:first-child {
    width: 120px;
    min-width: 120px;
}

.experience-item > div:first-child img {
    max-width: 100%;
}

.experience-item > div:first-child img.qr-img {
    max-width: 100px;
}

.experience-item > div:nth-child(2) {
    width: calc(100% - 150px);
    padding-left: 15px;
    padding-right: 15px;
}

.experience-item > div:nth-child(2) p {
    font-weight: 500;
    margin: 10px 0;
}

.experience-item > div:nth-child(2) h2 {
    line-height: 1.4;
}

.experience-item > div:nth-child(3) {
    width: 30px;
    text-align: right;
}

.experience-item > div:nth-child(3) > i {
    font-size: 2rem;
}

.download-our-app-img {
    max-width: 150px;
    margin: auto;
}

.da-platform-img {
    max-width: 80px;
}

#footer {
    background-color: #000;
}

.social-media-link-item { 
    margin-right: 20px;
}

.social-media-link-list {
    margin-top: 25px;
    border-bottom: 1px solid #111;
    padding-bottom: 25px;
}

.app-download-list {
    margin-top: 25px;
    margin-bottom: 25px;
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
    padding-top: 25px;
    padding-bottom: 25px;
}

.app-download-list.nbdr {
    border-top-width: 0px; 
    border-bottom-width: 0;
}

.app-download-list > a > img {
    max-width: 153px;
    margin-right: 15px;
}

.app-download-list > a > img.min {
    max-width: 135px;
}

.bdrt {
    border-top: 1px solid #dbdbdb;
}

.dta {
    font-weight: 600;
    color: #000;
    font-family: Ubermove, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.social-media-link-item > i {
    color: #fff;
    font-size: 2.0rem;
}

#footer-content-main {
    margin-top: 35px;
}

#footer-content-main ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#footer-content-main ul li {
    color: #fff;
    margin-bottom: 15px;
}

#footer-content-main ul li h4 {
    font-weight: 500;
    font-family: EuclidCircularB, Ubermove, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

#footer-content-main ul li a {
    color: #fff;
    font-size: .90rem;
}

.footer-last-list * {
    color: #fff !important;
    font-family: EuclidCircularB, Ubermove, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#footer.bg-color-f2f2f7 .footer-last-list * {
    color: rgba(0, 0, 0, 0.56) !important;
    font-size: .80rem;
    font-family: EuclidCircularB, Ubermove, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.footer-last-list > div:nth-child(2) small {
    margin-left: 15px;
}

.custom-select.arrow-down {
    z-index: 1;
}

.custom-select.arrow-down::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 77px;
    background: transparent;
    left: 29px;
    top: 30px;
    z-index: 1;
}

#page-body {
    left: 0;
}

#page-navigation {
    left: 0;
    top: 0;
    position: relative;
}

#page-menu {
    width: 300px;
    height: 100%;
    position: fixed;
    border-right: 1px solid #eee;
    background-color: #fff;
    z-index: 10;
    top: 0;
    left: -301px;
}

#page-menu > div {
    padding: 20px;
}

#page-menu > div.flx {
    height: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
}

.pm-user-header > div:first-child img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: block;
}

.pm-user-header > div:nth-child(2) i {
    font-size: 2rem;
}

.pmu-item small {
    font-weight: 500;
    color: #5f6368;
}

.pmu-item {
    margin: 2px 0;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.pm-user-name > a {
    font-size: 1.2rem;
    font-weight: 600;
}

.pm-at-name {
    margin-top: -2px;
}

.pmu-link-item {
    width: 100%;
    margin: 10px 0;
    font-weight: 500;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.pmu-link-item.pmu-link-item-btn {
    background: #000;
    color: #fff;
    padding: 10px;
    border-radius: 60px;
    text-align: center;
    justify-content: center !important;
    font-weight: 500;
    font-family: euclidCircularB, Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.pmu-link-item.pmu-link-item-btn.pmu-link-item-btn-green {
    background-color: #34d186;
}

.pmu-link-item > div:first-child {
    width: 50px;
    min-width: 50px;
}

.pmu-link-item > div:first-child > i {
    font-size: 2rem;
}

.pmu-link-item > div:nth-child(2) {
    width: calc(100% - 50px);
    text-align: left;
    font-size: 1.1rem;
    font-weight: 500;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.pmu-link-item.pmu-link-item-btn > div:nth-child(2) {
    color: #fff;
    text-align: center;
    width: auto;
}

.menu-modal {
    height: 100%;
    width: 100%;
    background-color: #fff;
    z-index: 9;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    overflow-y: auto;
}
.menu-modal.dark-mode {
    background-color: #000;
}
@media screen and (max-width: 1030px) {
    .main-page-opened .tab-bar-container,
    .main-page-opened .account-page-footer {
        left: 300px;
    }
    .main-page-opened .notification-widget {
        left: 320px;
    }
    html.menu-mode,
    body.menu-mode {
        overflow: hidden !important;
    }
    html.menu-mode .header-logo-one,
    body.menu-mode .header-logo-one {
        opacity: 0.0;
    }
    html.menu-mode .menu-modal,
    body.menu-mode .menu-modal {
        opacity: 1.0;
        pointer-events: auto;
        -webkit-user-select: initial;
        -moz-user-select: initial;
        -o-user-select: initial;
        user-select: initial;
    }
    html.menu-mode .nav-left.title-mode .nav-back-btn-container,
    html.menu-mode .account-img, 
    html.menu-mode .user-account-img, 
    html.menu-mode .gh-svg-logo, 
    html.menu-mode #page-navigation .text-logo,
    html.menu-mode .hcic-mobile {
        display: none !important;
    }

    html.menu-mode #page-navigation {
        border-bottom-width: 0 !important;
    }

    html.menu-mode #page-navigation.excluded-bg {
        background: #fff !important;
    }

    html.menu-mode #page-navigation.excluded-bg .custom-hamburger-menu-btn > span {
        background-color: #000;
    }
}
.menu-modal > div {
    width: 80%;
    max-width: 92vw;
    max-width: 92dvw;
    padding: 90px 0;
    margin: auto;
    overflow-y: auto;
}
.menu-modal-list {
    list-style-type: none;
}
.menu-modal-list > li {
    color: #000;
    font-size: 1.6rem;
    margin: 20px 0;
    font-weight: 900;
    font-family: Ubermove, TwitterChirpExtendedHeavy, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.menu-modal-link-btn {
   display: block;
    color: #fff !important;
    background: #000;
    padding: 13px 13px;
    text-align: center;
    border-radius: 7px;
    cursor: pointer;
    font-size: 1.15rem; 
    font-weight: 500;
    font-family: EuclidCircularB, Ubermove, TwitterChirpExtendedHeavy, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.menu-modal-link-btn i.la-plus {
    font-size: 1.55rem;
    vertical-align: bottom;
}
.menu-modal.dark-mode .menu-modal-list > li > a{
    color: #fff;
}
.menu-modal-list > li:nth-last-of-type(1) {
    margin-bottom: 50px;
}

.aselect-container {
    white-space: nowrap !important;
}

.aselect-2 {
    display: none;
}

#page-account-selection-main > div {
    width: 100%;
    min-height: 300px;
    max-width: 750px;
    border-radius: 30px;
    border-radius: 34px;
    text-align: center;
    padding: 50px 25px;
}

#page-account-selection-main > div:not(.no-shadow) {
    -webkit-box-shadow: 0 11px 34px 0 rgba(120,120,128,0.16);
    box-shadow: 0 11px 34px 0 rgba(120,120,128,0.16);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.des-loader img {
    width: 2rem;
}

.des-container {
    width: 100%;
}

.des-cnt.max-mode  {
    -webkit-transform: scale(1.10);
    transform: scale(1.10);
}

.des-cnt{
    width: 160px;
    height: 160px;
    position: relative;
}

.des-cnt.min {
    width: 120px;
    height: 120px;
}

.des-cnt.min-2 {
    width: 90px;
    height: 90px;
}

.des-cnt.min-3 {
    width: 70px;
    height: 70px;
}

.des-cnt > div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.des-cnt > div:first-child {
    width: 100%;
    height: 100%;
}

.des-cnt > div:first-child img {
    width: 100%;
    height: 100%;
}

.des-cnt > div:nth-child(2) i {
    font-size: 3rem;
}

.des-cnt.min > div:nth-child(2) i {
    font-size: 2rem;
}

.des-cnt.min-2 > div:nth-child(2) i {
    font-size: 1.75rem;
}

.des-cnt.min-3 > div:nth-child(2) i {
    font-size: 1.25rem;
}

.des-heading > h1 {
    font-size: 2rem;
    margin: 25px auto;
    line-height: 1.4;
    font-family: EuclidCircularB, Ubermove, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.des-heading-centred{
    max-width: 500px;
    margin: auto;
}

.des-heading > h1.min {
    font-size: 1.5rem;
}

.des-label {
    max-width: 400px;
    margin: auto;
    font-size: .92rem;
    line-height: 1.5;
    font-family: 'UberMove', Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    color: #868687;
    margin-top: 0px;
    text-wrap: balance;
}

.des-label-two {
    max-width: 500px;
    margin: auto;
    text-align: left;
    font-family: 'UberMove', Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: 1.1rem;
}

.des-label-two.text-align-right {
    text-align: right;
}

.account-select-input-series {
    width: 100%;
    max-width: 500px;
    margin: auto;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.account-select-input-series > div {
    width: 14%;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.account-select-input-series > div > input {
    display: block;
    width: 100%;
    height: 70px;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    font-size: 1.5rem;
}

.account-select-input-series > div > input:focus {
    /* box-shadow: 0 0 0 1.5px #1a73e8 inset; */
    border-color: #1a73e8;
    outline: 2px solid #1a73e8;
    outline-offset: 4px;
}

.account-select {
    margin: 25px auto;
    width: 100%;
    max-width: 500px;
    border: 1px solid #86868b;
    border-radius: 10px;
    overflow: hidden;
}

.account-select-text {
    max-width: 400px;
    margin: auto;
    font-family: Ubermove, Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    color: #333;
}

.account-select-text.max {
    max-width: 450px;
}

.account-select-two {
    margin: 25px auto;
    width: 100%;
    max-width: 500px;
}

.account-select-item {
    width: 100%;
    max-width: 500px;
    padding: 10px 20px;
    cursor: pointer;
    border-top: 1px solid #86868b;
}

.account-select-item-isolated {
    width: 100%;
    max-width: 500px;
    border: 1px solid #868683 !important;
    /* border-radius: 5px; */
    border-radius: 10px;
    overflow: hidden;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}

.account-select-item-isolated.mt-0 {
    margin-top: 0 !important;
}

.account-select-item-isolated.br-10 {
    border-radius: 10px;
}

.acc-link-item {
    max-width: 500px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.acc-link-item > a u {
    font-weight: 700;
}

.account-select.grey,
.account-select.grey .account-select-item {
    border-color: #dbdbdb;
}

.account-select.transparent-border {
    border-color: transparent;
    overflow: initial !important;
}

.account-select-item:first-child {
    border-top-width: 0;
}

.account-select-item > div:first-child {
    position: relative;
    font-weight: 500;
    font-size: 1.30rem;
    width: calc(100% - 50px);
    text-align: left;
    font-family: Ubermove, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.account-select-item > div.full-width:first-child {
    width: 100%;
}

.account-select-item > div:nth-child(2) {
    width: 50px;
    min-width: 50px;
    text-align: right;
}

/* .account-select-item > div:nth-child(2) i {
    width: 30px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    border: 1px solid #999;
    text-align: center;
    font-size: 1.25rem;
} */

.account-select-item > div:nth-child(2) span {
    font-size: 1.5rem;
    vertical-align: text-top;
}

.acc-link-item > a {
    font-size: .94rem;
    color: #1a73e8;
    font-weight: 500;
    font-family: Ubermove, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.acc-link-item > a.max {
    font-size: 1.05rem;
}

.account-select-item:hover {
    background-color: #f7f7f7;
}

.account-select-item:hover span:not(.la-eye):not(.la-eye-slash) {
    transform: translateX(5px);
}

.account-select-item.disabled {
    opacity: 0.6;
    pointer-events: none;
    user-select: none;
    background: #f7f7f7;
}

/* Sign Up steps */
.signup-step-item {
    display: none;
}
.signup-step-item.active {
    display: block;
}
/* /Sign Up steps */

.other-account-options {
    width: 100%;
    max-width: 500px;
    margin: auto;
}

.other-account-options.wide {
    max-width: 100%;
}

.error-page-icon {
    color: #ff0000;
    font-size: 4rem;
    margin-top: 30px;
    margin-bottom: 20px;
    display: inline-block;
}

.oao-option-btn {
    border-radius: 10px;
    font-weight: 500;
    font-family: EuclidCircularB, Ubermove, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    display: block;
    width: 100%;
    max-width: 500px;
    padding: 15px;
    background-color: #eee;
    margin: 20px 0;
    cursor: pointer;
    -webkit-transition: background-color 0.25s ease-in-out, opacity 0.15s ease;
    transition: background-color 0.25s ease-in-out, opacity 0.15s ease;
    font-size: 1.05rem;
}

.oao-option-btn.rounded {
    border-radius: 60px;
}

.oao-option-btn.disabled,
.oao-option-btn.btn-inactive {
    opacity: .7;
    pointer-events: none;
    user-select: none;
}

.oao-option-btn.wide {
    max-width: 100%;
}

.oao-option-btn-content > div.svg-loader-container {
    width: 25px;
    height: 25px;
    margin-left: -35px;
}

.oao-option-btn-content > div.svg-loader-container > .svg-loader {
    width: 25px;
    height: 25px;
    display: none;
}

.oao-option-btn-content > div.text-container {
    margin-left: 10px;
}

.oao-option-btn.dark {
    background: #111;
    color: #fff;
    font-weight: 500;
}

.oao-option-btn.blue {
    background: #0866ff;
    color: #fff;
    font-weight: 500;
}

.oao-option-btn-parent-container.loading-mode {
    cursor: not-allowed !important;
}

.oao-option-btn-parent-container.loading-mode .oao-option-btn,
.oao-option-btn.loading-mode {
    opacity: .75 !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -o-user-select: none !important;
    user-select: none !important;
    pointer-events: none !important;
}

.oao-option-btn.loading-mode .oao-option-btn-content > div.svg-loader-container > .svg-loader,
.oao-option-btn-parent-container.loading-mode .oao-option-btn .oao-option-btn-content > div.svg-loader-container > .svg-loader {
    display: block;
}

.oao-option-btn > img {
    display: inline-block;
    max-width: 20px;
    vertical-align: middle;
    margin-right: 10px;
    line-height: 20px;
    position: relative;
    top: -2px;
}

.main-auth-error-item {
    margin-top: 35px !important;
}

.auth-resend-code-btn.disabled {
    cursor: not-allowed !important;
    user-select: none !important;
}

.back-arrow i {
    width: 30px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    border: 1px solid #f7f7f7;
    background-color: #f7f7f7;
    text-align: center;
    font-size: 1.25rem;
    margin-right: 25px;
}

.back-arrow i:hover {
    background-color: #eee;
    transform: translateX(-2.5px);
}

.or {
    font-weight: 500;
    width: 100%;
    max-width: 500px;
    text-align: center;
    margin: 25px auto;
    position: relative;
}

.or.min {
    font-weight: 500;
    width: 100%;
    max-width: 500px;
    text-align: center;
    margin: 10px auto;
    position: relative;
}

.or span {
    position: relative;
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;
}

.or.bg-fafafa > span {
    background-color: #fafafa;
}

.or::before {
    content: "";
    left: 0;
    top: 50%;
    height: 1px;
    width: 100%;
    position: absolute;
    background: #000;
}

.account-select-item > div:first-child input,
.account-select-item > div:first-child select {
    display: block;
    width: 100%;
    border-radius: 0;
    transform: translateY(2px);
    padding: 6px 10px;
    font-size: .95rem;
    font-weight: 500;
    border-width: 0;
    font-family: 'UberMove', Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background-color: transparent;
    position: relative;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.account-select-item > div:first-child select {
    padding-left: 8px !important;
    transform: translateY(0);
}

i.acc-i.las.la-info-circle {
    display: inline !important;
    font-size: 1.7rem !important;
    color: #ff0000;
    border-width: 0 !important;
}

.account-select-item.active {
    background-color: #fff;
    border-color: #1a73e8 !important;
}

.account-select-item.active > div:first-child input {
    transform: translateY(6px);
}

.account-select.transparent-border .account-select-item.active, 
.account-select-item-isolated.active {
    background-color: #fff;
    border-color: #1a73e8 !important;
    box-shadow: 0 0 0 1.5px #1a73e8 inset;
}

.account-select-item.error-mode,
.account-select.transparent-border .account-select-item.active.error-mode, 
.account-select-item-isolated.active.error-mode {
    background-color: #fff !important;
    border-color: #ff0000 !important;
    box-shadow: 0 0 0 1.5px #ff0000 inset !important;
}

.account-input-item-chain-item.error-mode input,
.account-select-input-series > div.error-mode > input:focus {
    border-color: #ff0000 !important;
    box-shadow: 0 0 0 1.5px #ff0000 inset !important;
    outline-color: #ff0000 !important;
}

.account-select-item-input-container.ph-email-or-mobile-number::before {
    content: "Email or mobile number";
    position: absolute;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    transition: all 0.15s ease-in-out;
    color: #5f6368;
    font-size: .95rem;
}

.account-select-item-input-container.ph-email-or-mobile-number.placeholder-active::before {
    margin-top: -27px;
    font-size: .75rem;
}

.account-select-item-input-container.ph-code::before {
    content: "Enter code";
    position: absolute;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    transition: all 0.15s ease-in-out;
    color: #5f6368;
    font-size: .95rem;
}

.account-select-item-input-container.ph-code.placeholder-active::before {
    margin-top: -27px;
    font-size: .75rem;
}

.account-select-item-input-container.ph-password::before {
    content: "Password";
    position: absolute;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    transition: all 0.15s ease-in-out;
    color: #5f6368;
    font-size: .95rem;
}

.account-select-item-input-container.ph-password.placeholder-active::before {
    margin-top: -27px;
    font-size: .75rem;
}

.account-select-item-input-container.ph-new-password::before {
    content: "Enter new password";
    position: absolute;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    transition: all 0.15s ease-in-out;
    color: #5f6368;
    font-size: .95rem;
}

.account-select-item-input-container.ph-new-password.placeholder-active::before {
    margin-top: -27px;
    font-size: .75rem;
}

.account-select-item-input-container.ph-confirm-password::before {
    content: "Confirm password";
    position: absolute;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    transition: all 0.15s ease-in-out;
    color: #5f6368;
    font-size: .95rem;
}

.account-select-item-input-container.ph-confirm-password.placeholder-active::before {
    margin-top: -27px;
    font-size: .75rem;
}

.account-select-item-input-container.ph-confirm-new-password::before {
    content: "Retype new password";
    position: absolute;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    transition: all 0.15s ease-in-out;
    color: #5f6368;
    font-size: .95rem;
}

.account-select-item-input-container.ph-confirm-new-password.placeholder-active::before {
    margin-top: -27px;
    font-size: .75rem;
}

.account-select-item-input-container.ph-first-name::before {
    content: "First name";
    position: absolute;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    transition: all 0.15s ease-in-out;
    color: #5f6368;
    font-size: .95rem;
}

.account-select-item-input-container.ph-first-name.placeholder-active::before {
    margin-top: -27px;
    font-size: .75rem;
}

.account-select-item-input-container.ph-last-name::before {
    content: "Last name";
    position: absolute;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    transition: all 0.15s ease-in-out;
    color: #5f6368;
    font-size: .95rem;
}

.account-select-item-input-container.ph-last-name.placeholder-active::before {
    margin-top: -27px;
    font-size: .75rem;
}

.account-select-item-input-container.ph-mobile-number::before {
    content: "Mobile number";
    position: absolute;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    transition: all 0.15s ease-in-out;
    color: #5f6368;
    font-size: .95rem;
}

.account-select-item-input-container.ph-mobile-number.placeholder-active::before {
    margin-top: -27px;
    font-size: .75rem;
}

.account-select-item-input-container.ph-whatsapp-mobile-number::before {
    content: "WhatsApp number";
    position: absolute;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    transition: all 0.15s ease-in-out;
    color: #5f6368;
    font-size: .95rem;
}

.account-select-item-input-container.ph-whatsapp-mobile-number.placeholder-active::before {
    margin-top: -27px;
    font-size: .75rem;
}

.account-select-item-input-container.ph-email::before {
    content: "Email";
    position: absolute;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    transition: all 0.15s ease-in-out;
    color: #5f6368;
    font-size: .95rem;
}

.account-select-item-input-container.ph-email.placeholder-active::before {
    margin-top: -27px;
    font-size: .75rem;
}

.account-select-item-input-container.ph-email-optional::before {
    content: "Email ( optional )";
    position: absolute;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    transition: all 0.15s ease-in-out;
    color: #5f6368;
    font-size: .95rem;
}

.account-select-item-input-container.ph-email-optional.placeholder-active::before {
    margin-top: -27px;
    font-size: .75rem;
}

.account-select-item-input-container.ph-email-enter::before {
    content: "Enter your email";
    position: absolute;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    transition: all 0.15s ease-in-out;
    color: #5f6368;
    font-size: .95rem;
}

.account-select-item-input-container.ph-email-enter.placeholder-active::before {
    margin-top: -27px;
    font-size: .75rem;
}

textarea.account-select-item-input {
    display: block;
    width: 100%;
    min-height: 100px;
    font-family: 'Geist';
    line-height: 28px;
    font-size: 1rem;
    background: transparent;
    border-width: 0;
}

.ac-simple-btn {
    display: inline-block;
    background: #eee;
    border-radius: 7px;
    padding: 10px 20px;
    color: #1a73e8;
    cursor: pointer;
}

.special-check-box-container {
    width: 100%;
}

.special-check-box-container > div:first-child {
    width: 50px;
    min-width: 50px;
}

.special-check-box-container > div:nth-child(2) {
    width: calc(100% - 50px);
    text-align: left;
    font-family: 'euclidCircularB';
    color: #808080;
    font-size: .86rem;
}

.special-check-box {
    width: 25px;
    height: 25px;
    border-radius: 5px;
    border: 2px solid #161616;
    text-align: center;
    cursor: pointer;
}

.special-check-box i {
    color: transparent;
    font-size: 1.25rem;
}

.special-check-box.checked {
    border-color: #1a73e8;
    background-color: #1a73e8;
}

.special-check-box.checked i {
    color: #fff;
}

.special-check-box-container {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

.account-select-item-double {
    width: 100%;
}

.account-select-item-double > div {
    width: 48%;
}

.account-select-item-double.account-select-item-double-30-70 > div:first-child {
    width: 33%;
}

.account-select-item-double.account-select-item-double-30-70 > div:nth-child(2) {
    width: 63%;
}

.account-select-item-triple {
    width: 100%;
}

.account-select-item-triple > div {
    width: 26%;
}

.account-select-item-triple > div:nth-child(2) {
    width: 42%;
}

.account-select-item-triple > div:nth-child(3) {
    width: 24%;
}

.account-select-label {
    line-height: 1.4;
    margin-top: 15px;
    text-align: left;
    font-size: .88rem;
    font-family: 'UberMove', Inter, 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    color: #868689;
}

.account-select-label-extra {
    color: #000;
    font-size: 0.98rem;
    font-family: 'euclidCircularB';
}

/* .account-select-item-double > div .account-select-item-isolated {
    margin: 0 0;
} */

.account-select-item-error-item {
    margin: 10px auto;
    display: none;
}

.account-select-item-error-item.active {
    display: block;
}

.account-select-item-error-item.m500 {
    max-width: 500px;
}

.account-select-item-error-item,
.account-select-item-error-item > div {
    width: 100%;
    max-width: 500px;
    width: 100%;
}

.account-select-item-error-item > div > div:first-child {
    width: 35px;
    min-width: 35px;
}

.account-select-item-error-item > div > div:first-child i {
    font-size: 1.25rem;
    color: #ff0000;
    display: block;
}

.account-select-item-error-item > div > div:nth-child(2) {
    width: calc(100% - 35px);
    text-align: left;
    font-size: .86rem;
    color: #ff0000;
    line-height: 1.40;
}

#about-welcome {
    background-size: cover;
    background-repeat: no-repeat;
    height: 80vh;
    min-height: 500px;
    background-color: #000;
    position: relative;
}

#about-welcome-content {
    height: 100%;
    width: 100%;
    align-items: flex-end;
    text-align: right;
    position: absolute;
    bottom: 25px;
}

#about-welcome-content > h1 {
    font-size: 3.5rem;
    color: #fff;
    text-align: right;
    display: block;
    width: 100%;
}

#about-welcome-content > h1 > span {
    font-weight: 200;
    text-shadow: 0 0 .02px #000;
}

#what-we-do-content h2 {
    line-height: 1.35;
    font-size: 2.5rem;
    margin-bottom: 40px;
    font-weight: 700;
    font-family: 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

#what-we-do-content p {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #191f1c;
}

#work-content-main > div:nth-child(2) div {
    font-family: 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
}

#about-welcome::before {
    content: "";
    background: rgba(0, 0, 0, 0.075);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

#ceo-letter {
    background-size: cover;
    background-repeat: no-repeat;
    height: 80vh;
    height: 80dvh;
    min-height: 600px;
    background-color: #000;
}

#ceo-letter::before {
    content: "";
    background: rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

#ceo-letter-content {
    height: 100%;
    width: 100%;
    position: relative;
    text-align: center;
    align-items: flex-end;
}

#ceo-letter-writeup > * {
    color: #fff;
}

#ceo-letter-writeup > h2 {
    font-size: 3.25rem;
    line-height: 1.1;
    margin-top: 10px;
    font-family: Ubermove, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

#ceo-letter-writeup > h4 {
    font-weight: 600;
    font-size: 1.5rem;
}

#ceo-letter-writeup > p {
    font-size: 1.15rem;
    margin-bottom: 25px;
    font-family: Ubermove, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.ceo-btn {
    display: inline-block;
    background: #fff;
    color: #000 !important;
    font-weight: 500;
    padding: 20px 70px;
    border-radius: 60px;
    font-size: 1.25rem;
    font-family: Ubermove, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

/* Work welcome */
#work-welcome {
    background-color: #000;
}

#work-welcome-content-main {
    width: 100%;
}

#work-welcome-content-main > div {
    width: 45%;
}

#work-welcome-content-main > div:nth-child(2) img {
    max-width: 100%;
}

#work-welcome-content-main > div:first-child h2 {
    color: #fff;
    line-height: 1.2;
    font-size: 3.10rem;
    font-family: Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#work-welcome-content-main > div:first-child p {
    margin: 35px 0;
    color: #fff;
}

#work-welcome-content-main > div:first-child div > a {
    color: #fff;
    font-family: Ubermove, Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
}

/* Help header begins */
#help-header {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff;
    background-color: #fafafa;
}
.help-search-container,
.help-search-container-content {
    width: 100%;
}
.help-heading {
    font-family: 'TwitterChirpExtendedHeavy', Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 3rem;
}
.help-search-input-searcher {
    width: 90%;
    max-width: 800px;
    position: relative;
    margin: auto;
    margin-top: 40px;
    background-color: #eee;
    height: 60px;
    border-radius: 10px;
}
.help-search-input-searcher > div:first-child,
.help-search-input-searcher > div:nth-child(3) {
    width: 50px;
}
.help-search-input-searcher > div:nth-child(2) {
    width: calc(100% - 80px);
}
.help-search-input-searcher > div:first-child i {
    font-size: 1.60rem;
    vertical-align: middle;
}
.help-search-input-searcher > div:nth-child(2) > input {
    width: 100%;
    font-size: 1rem;
    border-width: 0;
    background-color: transparent;
    font-weight: 500;
    font-family: Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.support-list {
    width: calc(100% + 20px);
    margin-top: 25px;
    margin-left: -10px;
}
.support-list-item {
    width: 25%;
    padding: 10px;
}
.support-list-item-image {
    width: 25px;
    vertical-align: bottom;
}
.support-list-item > .sli-content {
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 5px;
}
.support-list-item > .sli-content > div:first-child,
.support-list-item > .sli-content > div:nth-child(3) {
    width: 40px;
}
.support-list-item > .sli-content > div:first-child i,
.support-list-item > .sli-content > div:nth-child(3) i {
    font-size: 1.5rem;
}
.support-list-item > .sli-content > div:first-child i {
    color: #000;
}
.support-list-item > .sli-content > div:nth-child(3) {
    text-align: right;
}
.support-list-item > .sli-content > div:nth-child(2) {
    width: calc(100% - 80px);
    font-family: Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: .90rem;
}
#help-areas {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
#help-areas.nbb {
    border-bottom-width: 0;
}
.support-articles-container {
    width: 100%;
    margin-top: 25px;
}
.support-articles-container .support-article-item {
    width: 49%;
    margin: 7px 0;
}
.support-articles-container .support-article-item a {
    color: #1a73e8;
    font-weight: 500;
    font-family: Roboto, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.sai-item-2 {
    padding: 35px 25px;
    background-color: #f7f7f7;
    border-radius: 10px;
}
.sai-item-2 i {
    font-size: 3rem;
}
.sai-item-2 > div *:not(i){
    font-family: Roboto, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
}
.sai-item-2 > div:first-child {
    margin-bottom: 15px;
}
.sai-description {
    margin: 2.5px;
    color: #505050;
    font-family: Roboto, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
#help-areas-content > h2 {
    font-weight: 600;
    font-family: Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
/* Help header ends */

/* Responsibility begins */
#responsibility {
    border-top: 1px solid #eee;
}
.rpsblt-sub-head {
    color: #333;
    font-family: 'TwitterChirpExtendedHeavy', Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.rpsblt-head {
    font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin: 15px 0;
    font-size: 3rem;
    line-height: 1.3;
}
.rpsblt-description {
    font-size: 1.2rem;
    line-height: 1.5;
    color: #333;
}
.rpsblt-btn-container {
    margin: 35px 0;
    text-align: center;
}
.rpsblt-btn {
    background-color: #111;
    border: 1px solid #111;
    display: inline-block;
    color: #fff !important;
    padding: 15px 40px;
    font-weight: 500;
    font-family: 'Poppins';
    border-radius: 60px;
    margin: 10px 15px;
    font-size: 1.05rem;
    font-family: 'EuclidCircularB', 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}
.rpsblt-btn.hollow {
    background-color: #fff;
    border: 1px solid #5f6368;
    color: #000 !important;
}
/* Responsibility ends */

#how-it-works-content > h1 {
    font-size: 3rem;
    line-height: 1.2;
    font-family: 'euclidCircularB', Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

#how-it-works-content > p {
    margin: 50px 0;
    max-width: 750px;
    line-height: 1.5;
    margin-bottom: 0;
}

.hiw-step-item {
    width: 100%;
    padding-bottom: 80px;
}

.hiw-step-item > div:first-child {
    width: 400px;
    min-width: 400px;
    position: relative;
}

.hiw-step-item > div:first-child:before {
    content: "";
    right: -50px;
    height: calc(100% + 100px);
    width: 1px;
    position: absolute;
    background-color: #999;
}

.hiw-step-item:nth-last-of-type(1) > div:first-child:before {
    content: "";
    right: -50px;
    height: 97%;
    width: 1px;
    position: absolute;
    background-color: #999;
}

.hiw-step-item > div:first-child:after {
    width: 10px;
    height: 10px;
    position: absolute;
    background: #999;
    content: "";
    right: -54px;
    top: calc(50% - 10px);
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
}

.hiw-step-item > div:first-child img {
    max-height: 250px;
    height: 250px;
    width: 100%;
    background-color: #f0f0f0;
    border-radius: 5px;
}

.hiw-step-item > div:nth-child(2) p {
    font-family: 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: 1.05rem !important;
    color: #191f1c;
}

.hiw-step-item > div:nth-child(2) {
    width: calc(100% - 500px);
}

.hiw-step-item > div:nth-child(2) h4 {
    font-size: 1rem;
    line-height: 1.5;
    color: #5f6368;
    font-weight: 500;
    margin-bottom: 15px;
}

.hiw-step-item > div:nth-child(2) h3 {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.5;
    font-family: 'euclidCircularB', Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

#how-it-works-steps {
    border-top: 1px solid #eee;
}

/* Help header begins */
#help-header {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff;
    background-color: #fafafa;
}
.help-search-container,
.help-search-container-content {
    width: 100%;
}
.help-heading {
    font-family: 'TwitterChirpExtendedHeavy', Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 3.5rem;
}
.help-search-input-searcher {
    width: 90%;
    max-width: 800px;
    position: relative;
    margin: auto;
    margin-top: 40px;
    background-color: #eee;
    height: 60px;
    border-radius: 10px;
}
.help-search-input-searcher > div:first-child,
.help-search-input-searcher > div:nth-child(3) {
    width: 50px;
}
.help-search-input-searcher > div:nth-child(2) {
    width: calc(100% - 80px);
}
.help-search-input-searcher > div:first-child i {
    font-size: 1.60rem;
    vertical-align: middle;
}
.help-search-input-searcher > div:nth-child(2) > input {
    width: 100%;
    font-size: 1rem;
    border-width: 0;
    background-color: transparent;
    font-weight: 400;
    font-family: Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.support-list {
    width: calc(100% + 20px);
    margin-top: 25px;
    margin-left: -10px;
}
.support-list-item {
    width: 25%;
    padding: 10px;
}
.support-list-item > .sli-content {
    padding: 25px 15px;
    border: 1px solid #f4f6f7;
    border-radius: 10px;
    background: #f7f7f7;
}
.support-list-item > .sli-content > div:first-child,
.support-list-item > .sli-content > div:nth-child(3) {
    width: 40px;
}
.support-list-item > .sli-content > div:first-child i,
.support-list-item > .sli-content > div:nth-child(3) i {
    font-size: 1.5rem;
}
.support-list-item > .sli-content > div:first-child i {
    color: #000;
}
.support-list-item > .sli-content > div:nth-child(3) {
    text-align: right;
}
.support-list-item > .sli-content > div:nth-child(2) {
    width: calc(100% - 80px);
    font-family: euclidCircularB, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: 1.05rem;
}
#help-areas {
    border-bottom: 1px solid #eee;
}
#help-areas.nbb {
    border-bottom-width: 0;
}
.support-articles-container {
    width: 100%;
    margin-top: 25px;
}
.support-articles-container .support-article-item {
    width: 49%;
    margin: 7px 0;
}
.support-articles-container .support-article-item a {
    color: #333;
    font-weight: 500;
    font-size: 1.01rem;
    font-family: EuclidCircularB, Roboto, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.sai-item-2 {
    padding: 35px 25px;
    background-color: #f7f7f7;
    border-radius: 10px;
}
.sai-item-2 i {
    font-size: 3rem;
}
.sai-item-2 > div *:not(i){
    font-family: Roboto, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
}
.sai-item-2 > div:first-child {
    margin-bottom: 15px;
}
#help-areas-content > h2 {
    font-weight: 600;
    font-family: Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.nbtp {
    border-top-width: 0 !important;
}
/* Help header ends */

/* Article section begins */
#article {
    background-color: #f7f7f7; 
    border-bottom: 1px solid #eee;
}
#article-content {
    width: 100%;
    min-height: 100px;
}
#article-content > div {
    padding: 50px 25px;
}
#article-content > div:first-child {
    width: 300px;
    padding-left: 0;
}
#article-content > div:nth-child(2) {
    width: calc(100% - 300px);
}
.accordion-menu-list {
    list-style-type: none;
}
.accordion-item {
    margin-bottom: 20px;
}
.accordion-item-toggle-btn {
    width: 100%;
}
.accordion-item-toggle-btn > div:first-child {
    width: 30px;
}
.accordion-item-toggle-btn > div:first-child i {
    font-size: 1.5rem;
}
.accordion-item-toggle-btn > div:nth-child(2) {
    width: calc(100% - 50px);
    padding-left: 10px;
    font-weight: 500;
    font-size: .98rem;
    font-family: Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.accordion-item-toggle-btn > div:nth-child(3) {
    width: 20px;
    text-align: right;
}
.accordion-item-toggle-btn > div:nth-child(3) i {
    font-size: 1.25rem;
    vertical-align: middle;
}
.accordion-item-content-container {
    margin-top: 15px;
    padding-left: 40px;
    border-left: 2px solid #999;
    margin-left: 10px;
}
.accordion-item-content-container-link-item {
    font-weight: 400;
    font-family: Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin: 10px 0;
    display: block;
    color: #999;
    font-size: .85rem;
    cursor: pointer;
}
.accordion-item-content-container-link-item.active,
.accordion-item-content-container-link-item:hover {
    color: #1a73e8;
    transform: translateX(5px);
    font-weight: 500;
}
.article-main-content {
    width: 100%;
    padding: 50px 70px;
    background-color: #fff;
    border-radius: 5px;
}
.article-icon-image-container {
    padding-top: 35px !important;
    padding-bottom: 25px !important;
}
.article-icon-image {
    width: 75px;
    background: #eee;
    border-radius: 10px;
    padding: 10px;
}
.article-sub-heading {
    color: #1a73e8;
    font-weight: 500;
    font-family: Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.article-heading {
    margin: 25px 0;
    font-size: 2.25rem;
    font-family: Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.topic-container {
    margin: 70px 0;
    font-family: Geist, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
/* .topic-container > p {
    font-weight: 600;
} */
.topic-container > ol {
    margin-left: 15px;
}
.topic-container > ol > li {
    font-size: .95rem;
    margin: 15px 0;
}
.topic-container > ol > li i {
    color: #000;
    font-size: 1.25rem;
}
.article-feedback-container {
    width: 100%;
    background-color: #f5f5f5;
    padding: 35px;
    border-radius: 10px;
}
.article-feedback-container > div {
    background-color: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);
}
.article-feedback-btn {
    padding: 15px 25px;
    background-color: #eee;
    font-weight: 600;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 10px;
}
.article-feedback-btn:hover {
    color: #fff;
    background-color: #000;
}
.article-feedback-btn i {
    font-size: 2rem;
    vertical-align: middle;
    display: inline-block;
    margin-top: -5px;
}
.article-feedback-container > div > h4 {
    margin-bottom: 20px;
}
.article-feedback-success {
    width: 100%;
    margin: 20px 0;
}
.article-feedback-success > div:first-child {
    width: 40px;
    min-width: 40px;
}
.article-feedback-success > div:first-child i {
    font-size: 1.85rem;
    color: #1a73e8;
}
.article-feedback-success > div:nth-child(2) {
    width: calc(100% - 40px);
    font-family: EuclidCircularB, Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
/* Article section ends */

#legal-head-content h1 {
    line-height: 1.35;
    /* font-size: 3.0rem; */
    font-size: 3.25rem;
    font-family: 'euclidCircularB', Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

#legal-body-content ul, #legal-body-content ol {
    margin-left: 20px;
    list-style-type: square;
}

#legal-body-content ul li, #legal-body-content ol li {
    margin: 10px 0;
    line-height: 1.4;
}

#legal-head-content p {
    margin: 50px 0;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    padding: 20px 0;
    font-weight: 500;
    color: #5f6368;
    font-weight: 400;
    font-size: .90rem;
}

#legal-body-content > div:first-child {
    width: calc(100% - 450px);
}

#legal-body-content > div:nth-child(2) {
    width: 350px;
    min-width: 350px;
}

#legal-body-content > div:nth-child(1) h2 {
    font-size: 1.85rem;
    margin-top: 80px;
    margin-bottom: 40px;
    line-height: 1.35;
    font-family: 'euclidCircularB', Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

#legal-body-content > div:nth-child(1) h3 {
    font-size: 1.35rem;
    margin-top: 40px;
    margin-bottom: 40px;
    font-family: 'euclidCircularB', Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

#legal-body-content > div:nth-child(1) > ol,
#legal-body-content > div:nth-child(1) > ol ol{
    margin-left: 20px;
}

#legal-body-content > div:nth-child(1) > ol li
{
    margin: 15px 0;
}

#legal-body-content > div:nth-child(1) > ol ol li {
    list-style: lower-roman;
    margin:  5px 0;
}

.on-this-page {
    padding-left: 50px;
}

.on-this-page > h3 {
    margin-top: 15px;
    margin-bottom: 25px;
}

.on-this-page > a {
    display: block;
    margin: 5px 0;
    font-size: .91rem;
    font-weight: 500;
}

.content-search-container {
    width: 100%;
    max-width: 600px;
    background-color: #eee;
    border-radius: 7px;
    height: 50px;
    /* padding: 14px 0; */
}

.content-search-container.csc-t {
    width: 100%;
    max-width: 600px;
    background-color: #fff;
    border-radius: 7px;
    height: 50px;
    border: 1px solid #eee;
}

.content-search-container.active {
    background-color: #fff;
    outline: 2px solid #000;
}

.content-search-container-searcher-btn{
    height: 50px !important;
    line-height: 50px !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
    padding-bottom: 0;
}

.content-search-container-searcher-btn {
    width: 100%;
    text-align: center;
    border-radius: 7px !important;
}

.content-search-container > div:first-child {
    width: 50px;
    min-width: 50px;
    text-align: center;
}

.content-search-container > div:first-child > i {
    font-size: 1.5rem;
    transform: translateY(2px);
}

.content-search-container > div:nth-child(2) {
    width: calc(100% - 50px);
    padding-right: 20px;
}

.content-search-container > div:nth-child(2) > input {
    border-width: 0;
    background-color: transparent;
    display: block;
    width: 100%;
    font-size: 1.1rem;
    font-family: 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
}

#newsroom-user-options {
    padding: 15px 0;
    background: aliceblue;
    border-top: 1px solid #eee;
}

#newsroom-head-content > h1 {
    font-size: 2.5rem;
    margin-bottom: 30px;
    display: block;
    color: #333;
    font-family: 'euclidCircularB', 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

#newsroom-head-content {
    background: #fff;
    padding: 50px;
    border-radius: 7px;
    box-shadow: 0 20px 20px 10px rgba(0, 0, 0, 0.06);
}

#newsroom-sub-content > h1,
#newsroom-sub-content > h2 {
    font-size: 2.25rem;
    margin-bottom: 25px;
    display: block;
    color: #000;
    font-family: 'euclidCircularB', 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-weight: 500;
}

#newsroom-sub-content h3 {
    color: #2f4f4f;
    font-weight: 500;
}

#newsroom-sub-content p {
    color: #808080;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
}

/* #newsroom-sub {
    border-top: 1px solid #eee;
} */

.news-headline {
    font-family: Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 600;
    color: #808080;
}

.search-container-contents {
    width: 100%;
    max-width: 600px;
    margin: 20px 0;
    margin-bottom: 0;
}

.search-container-contents > div:first-child {
    width: calc(100% - 120px);
}

.search-container-contents > div:nth-child(2) {
    width: 120px;
    padding-left: 10px;
}

#newsroom-categories-content ul {
    list-style-type: none;
    margin: 20px 0;
}

#newsroom-categories-content ul li {
    display: inline-block;
    margin-right: 25px;
}

#newsroom-categories-content ul li a, .my-blog-text {
    font-weight: 500;
    font-family: TwitterChirpExtendedHeavy, Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: .85rem;
    color: #666;
}

#newsroom-categories {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

#no-blog-container {
    text-align: center;
    margin-bottom: 50px;
    font-family: EuclidCircularB;
}

#no-blog-container img {
    max-width: 80px;
}

#no-blog-container > div:first-child {
    margin-bottom: 15px;
}

#no-blog-container a {
    color: #45a049;
    text-decoration: underline;
}

.blog-article-option-btn {
    font-size: 1.4rem;
    line-height: normal;
    transform: translateY(4px);
    margin-left: 15px;
    display: inline-block;
    cursor: pointer;
}

.blog-article-option-btn.ml-0 {
    margin-left: 0;
}

/* .share-blog-container {
    margin-top: 15px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 5px;
    padding-bottom: 10px;
} */
 .share-blog-container {
    margin-top: 15px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 5px;
    padding-bottom: 10px;
    border-radius: 60px;
    border: 1px solid #eee;
    padding-left: 20px;
    padding-right: 20px;
}

.seo-optimized-content > article, 
.seo-optimized-content > aside, 
.seo-optimized-content > p, 
.seo-optimized-content > h3, 
.seo-optimized-content > h2, 
.seo-optimized-content > h4, 
.seo-optimized-content > h5, 
.seo-optimized-content > h6, 
.seo-optimized-content > ul, 
.seo-optimized-content > ol, 
.seo-optimized-content > main, 
.seo-optimized-content > section, 
.seo-optimized-content > div {
    max-width: 650px;
    margin-left: auto  !important;
    margin-right: auto !important;
}

.go-to-all-blogs-btn {
    display: block;
    text-align: center;
    background-color: #f1f4f7;
    color: #5c696d;
    padding: 15px 25px;
    border-radius: 10px;
    font-weight: 600;
    font-family: 'euclidCircularB';
    font-size: 1.1rem;
    cursor: pointer;
}

.blog-share-item img {
    max-width: 25px;
    vertical-align: sub;
    margin-right: 0px;
}

.blog-share-item {
    font-family: 'euclidCircularB';
    cursor: pointer;
    color: #999;
    margin-right: 10px;
}

.article-body p, 
.article-body li, 
.article-body section, 
.article-body section *:not(iframe), 
.article-body div, 
.article-body section *:not(iframe) {
    line-height: 1.6;
    font-size: 1.10rem;
    margin: 30px 0;
}

.newsroom-article-item {
    width: 100%;
}

.newsroom-article-item > div:first-child {
    width: calc(100% - 500px);
}

.newsroom-article-item > div:nth-child(2) {
    width: 400px;
}

.newsroom-article-item > div:nth-child(2) > img {
    width: 100%;
    border-radius: 7px;
    margin-top: 50px;
    max-height: 225px;
}

.newsroom-article-item {
    margin-bottom: 60px;
}

.newsroom-article-item-heading {
    font-size: .94rem;
    font-weight: 500;
    font-family: euclidCircularB, Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.newsroom-article-item-heading > span {
    color: #999;
}

.blog-result-summary {
    color: #999;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px;
    margin: 15px 0;
    font-size: .98rem;
    font-family: euclidCircularB, Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.newsroom-article-item-title > h2 {
    font-size: 2.0rem;
    line-height: 1.3;
    margin-top: 20px;
    color: #011b33;
    font-family: euclidCircularB, Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.newsroom-article-item:hover h2 {
    text-decoration: underline;
}

.newsroom-article-item-description > p {
    font-size: 1.15rem;
    line-height: 1.5;
    font-family: 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    color: #333;
}

#newsroom-categories-content ul li a.active-blog-category-item {
    color: #33b5e1;
}

.pagination-list {
    text-align: center;
}

.pagination-list a {
    display: inline-block;
    padding: 5px 10px;
    font-weight: 600;
    margin: 2.5px 2.5px;
    cursor: pointer;
    color: #333;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    font-size: .95rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.pagination-list a.disabled {
    opacity: .5;
    pointer-events: none;
}

.pagination-list a.active {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.pagination-list a:not(.active):hover {
    background-color: #eee;
}

.article-head > h4 {
    font-size: .90rem;
    font-weight: 600;
    margin-bottom: 25px;
}

.article-head > h4 > span {
    color: #999;
}

.article-head h1 {
    font-size: 2.5rem;
    line-height: 1.3;
    color: #000;
    word-spacing: 2.5px;
    font-family: Gordita, euclidCircularB, BWHaasHead, Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.article-body h2, 
.article-body h3 {
    margin: 30px 0;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    font-size: 1.65rem !important;
    font-family: Gordita, euclidCircularB, BWHaasHead, Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.article-body h3 {
    font-weight: 600 !important;
    font-size: 1.3rem !important;
}

.article-head p {
    line-height: 1.5 !important;
    font-size: 1.1rem !important;
}

.article-head figure {
    display: block;
    position: relative;
    margin-top: 25px;
}

.article-head figure img {
    width: 100%;
    display: block;
    border-radius: 2px;
}

.article-body a {
    color: #007aff !important;
}

.article-body strike {
    color: #ff4500 !important;
}

.article-body ul,
.article-body ol {
    padding-left: 20px !important;
}

.article-body li{
    margin: 7px 0 !important;
}

.article-body figure {
    margin: 30px 0;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

.article-body figure img {
    max-width: 100%;
    min-width: 320px;
    max-height: 3000px;
    border-radius: 0px;
    cursor: zoom-in;
}

.article-body figure [data-lazy-src] {
    min-height: 300px;
    background-color: #eee;
}

.article-body figure figcaption {
    font-family: 'UberMove';
    font-weight: 500;
    color: #777;
    display: block;
    line-height: 1.4;
    font-size: .87rem;
    margin-top: 15px;
    padding-top: 15px;
    width: 100%;
    text-align: center;
}

.article-body p:empty {
    display: none;
}

.article-body > br {
    display: none;
}

.article-body > img {
    width: 100%;
    border-radius: 7px;
}

.author-container {
    width: 100%;
    margin-bottom: 15px;
    font-family: Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.author-container > div:first-child {
    width: 60px;
    min-width: 60px;
}

.author-container > div:first-child > img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #eee;
}

.author-container > div:nth-child(2) {
    width: calc(100% - 60px);
}

.author-container > div:nth-child(2) > a {
    font-weight: 700;
    display: block;
}

.author-container > div:nth-child(2) > div {
    font-size: .90rem;
    color: #808080;
    margin-top: -2.5px;
    font-weight: 500;
}

.subscriber-container-contents.active {
    outline: 1px solid #333;
}

#main-article-content {
    font-family: PublicoText;
}

#page-call-to-action-subheading
{
    color: #333;
    font-weight: 500;
    font-family: Gordita, 'UberMove', Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: .98rem;
}

#page-call-to-action-subheading span {
    text-decoration: underline;
    font-style: italic;
}

#side-menu {
    width: 300px;
    position: fixed;
    top: 64px;
    left: 0;
    height: calc(100vh - 64px);
    height: calc(100dvh - 64px);
    padding-top: 20px;
    z-index: 1;
}

.side-menu-ul {
    list-style-type: none;
    margin: 0;
}

.side-menu-ul > li {
    margin: 2px 0;
}

.side-menu-link-item {
    padding: 5.5px 10px;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    cursor: pointer;
}

.side-menu-ul > li.active .side-menu-link-item {
    background: #c2e7ff;
    color: #004a77;
}

.side-menu-ul > li.active .side-menu-link-item > div {
    font-weight: 500;
}

.side-menu-link-item > div:first-child {
    width: 40px;
    min-width: 40px;
}

.side-menu-link-item > div:nth-child(2) {
    font-size: .96rem;
    font-weight: 400;
    width: calc(100% - 40px);
    font-family: Geist, Inter, Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.side-menu-link-item > div:first-child i {
    font-size: 1.5rem;
}

.side-menu-link-item > div:first-child img {
    width: 25px;
    vertical-align: middle;
}

.side-menu-link-item > div:first-child img.active {
    display: none;
}

.side-menu-ul > li.active .side-menu-link-item img.inactive {
    display: none;
}

.side-menu-ul > li.active .side-menu-link-item img.active {
    display: inline-block;
}

.side-menu-link-item:hover {
    background-color: #eee;
}

.hire-now-dashboard-btn {
    margin-bottom: 15px;
    display: block;
    width: 92%;
    margin: auto;
    margin-bottom: 20px;
    padding: 10px 10px;
    text-align: center;
    background: #111;
    cursor: pointer;
    border-radius: 60px;
    color: #fff !important;
    font-weight: 500;
    max-width: 275px;
    font-family: EuclidCircularB, Ubermove, Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    -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);
}

.hire-now-dashboard-btn.fw-500,
.hire-now-dashboard-btn.blue {
    font-weight: 500;
}

.hire-now-dashboard-btn.blue {
    background: #4183f0;
    border-radius: 10px;
}

.hire-now-dashboard-btn.color-blue {
    background: #fff;
    color: #007aff !important;
    border-radius: 60px;
}

.hire-now-dashboard-btn.white {
    background: #fff;
    color: #000 !important;
    border: 1px solid #eee;
}

.hire-now-dashboard-btn.wide {
    width: 100%;
}

.hire-now-dashboard-btn.high {
    padding-top: 12.5px;
    padding-bottom: 12.5px;
}

.account-dropdown-list .hire-now-dashboard-btn {
    max-width: 100%;
    width: 100%;
    border-radius: 10px;
}

footer.dashboard-footer {
    padding: 20px;
}

.hire-now-dashboard-btn > i {
    font-size: 1.55rem;
}

.hire-now-dashboard-container-btn {
    display: none !important;
}

.side-menu-line {
    width: 100%;
    height: 1px;
    background-color: #dbdbdb;
    margin: 5px 0;
}

.main-account-container {
    width: 100%;
    position: relative;
    padding-left: 300px;
}

.main-account-container > div {
    width: 100%;
    padding-left: 30px;
}

.account-user-photo-box {
    width: 125px;
    height: 125px;
    margin: auto;
    margin-top: 25px;
}

.account-user-photo-box > div {
    width: 125px;
    height: 125px;
    position: relative;
    border-radius: 50%;
    padding: 3px;
}

.account-user-photo-box.verified > div {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}

label.label-file-selector {
    position: absolute;
    bottom: 20px;
    background-color: #000;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    right: -10px;
    padding-top: 2px;
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.14);
    cursor: pointer;
}

label.label-file-selector.left {
    right: initial;
    left: -10px !important;
}

label.label-file-selector i {
    font-size: 1.7rem;
}

.account-user-photo-box.min > div {
    width: 45px;
    height: 45px;
    position: relative;
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
    border-radius: 50%;
    padding: 2px;
}

.account-user-photo-box > div > img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3px solid #fff;
}

.account-summary-box {
    text-align: center;
}

.account-summary-box {
    margin-top: 20px;
}

.asb-nickname {
    line-height: 1.5;
    margin: 0 auto;
    color: #858689;
    font-weight: 500;
    font-size: .95rem;
    font-family: Ubermove, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.asb-name {
    font-weight: 500;
    font-family: Ubermove, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.asb-skills {
    margin: 5px auto;
    font-size: .90rem;
    font-weight: 500;
    font-family: 'UberMove';
    max-width: 400px;
    line-height: 1.5;
}

.asb-title {
    font-family: 'UberMove';
    font-size: 0.95rem;
    font-weight: 500;
    color: #5f6368;
    line-height: 1.5;
    max-width: 500px;
    margin: 5px auto;
}

.account-link-item {
    cursor: pointer;
}

.main-account-dashboard {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-top: 25px;
}

.dashboard-item-link {
    color: #808080;
    font-size: .95rem;
    font-weight: 500;
    font-family: Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.main-account-dashboard-item {
    width: 50%;
    padding: 10px;
    position: relative;
}

.main-account-dashboard-item > div {
    width: 100%;
    /* border: 1px solid #eee; */
    border-radius: 10px;
    min-height: 400px;
    background-color: #fff;
}

.main-account-dashboard-item > div > div {
    width: 100%;
    padding: 15px 20px;
}

.main-account-dashboard-item > div > div:first-child {
    padding: 20px;
}

.main-account-dashboard-item > div > div:first-child h3 {
    font-size: 1rem;
}

.main-account-dashboard-item > div > div:nth-child(2) {
    border-top: 1px solid #eee;
}

.main-account-dashboard-item.nbr {
    padding: 20px;
}

.main-account-dashboard-item.nbr > div {
    border-width: 0;
}

.main-account-dashboard-item.nbr > div > div:first-child {
    padding: 20px 10px;
}

.main-account-dashboard-item.nbr > div > div {
    padding: 15px 0px;
}

.summary-sbs-item {
    width: 100%;
    font-size: .95rem;
    padding: 10px;
    font-weight: 500;
    cursor: pointer;
    font-family: Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.summary-sbs-item:hover {
    background-color: #fafafa;
}

.summary-sbs-item:hover i.la-angle-right {
    transform: translateX(5px);
}

.summary-sbs-item > div:first-child {
    width: calc(100% - 120px);
}

.summary-sbs-item > div:nth-child(2) {
    width: 95px;
}

.summary-sbs-item.two > div:nth-child(2) {
    width: 120px;
}

.summary-sbs-item > div:nth-child(3) {
    width: 25px;
    text-align: right;
}

.summary-sbs-item:nth-child(2n + 2) {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #f7f7f7;
}

.point {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #999;
    border-radius: 50%;
    margin-right: 10px;
}

.point.green {
    background-color: #00cf30;
}

.point.red {
    background-color: #ff0000;
}

.point.goldenrod {
    background-color: #daa520;
}

.color-grey {
    color: #999;
}

.dashboard-info-item {
    width: 100%;
}

.dashboard-info-item > div:first-child {
    width: calc(100% - 180px);
}

.dashboard-info-item > div:first-child > p {
    font-size: .90rem;
    font-family: Ubermove, 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 0;
}

.dashboard-info-item > div:nth-child(2) {
    width: 180px;
    min-width: 180px;
    text-align: right;
}

.dashboard-list-item {
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.dashboard-list-item > div:first-child {
    width: calc(100% - 50px);
    font-size: .90rem;
    font-family: Ubermove, 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    line-height: 1.35;
}

.dashboard-list-item > div:first-child small {
    font-weight: 500;
}

.dashboard-list-item > div:nth-child(2) {
    font-size: 1.25rem;
    text-align: right;
}

.status-text {
    color: #5f6368;
}

.info-list-item {
    width: 100%;
    font-size: .95rem;
    font-family: Ubermove, 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    line-height: 1.5;
    padding: 12px 10px;
    border-bottom: 1px solid #eee;
}

.info-list-item.full-width {
    width: 100%;
}

.info-list-item.full-width > div:first-child,
.info-list-item.full-width > div:nth-child(2) {
    width: 100%;
    text-align: left;
}


.info-list-item.full-width > div:nth-child(2) {
    margin-top: 15px;
}


.info-list-item > div {
    width: 45%;
}

.info-list-item > div:nth-child(1) {
    text-align: left;
    color: #5f6368;
    width: 30%;
}

.info-list-item > div:nth-child(2) {
    text-align: right;
    color: #000;
    width: 65%;
    word-wrap: break-word;
}

.info-list-item.linking {
    cursor: pointer;
}

.info-list-item.linking > div:nth-child(2) {
    width: calc(65% - 30px);
}
.info-list-item.linking > div:nth-child(3) {
    width: 30px;
    text-align: right;
}

.info-list-item.linking .la-angle-right {
    color: #999;
}

.info-list-item:nth-last-of-type(1) {
    border-width: 0;
}

.verified-account {
    max-width: 20px;
    vertical-align: baseline;
}

.verified-account.transx {
    transform: translateX(5px);
}

.verified-account.vmid {
    vertical-align: middle;
}

.verified-account.vtt {
    vertical-align: text-top;
}

.safety-icon {
    background: #eee;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    padding: 30px;
    margin: 25px 0;
}

.offering-list {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-top: 50px;
}

.offering-list-item {
    width: 33.33%;
    padding: 10px;
}

.offering-list-item img {
    width: 60px;
    display: block;
    margin-bottom: 20px;
}

.offering-list-item p {
    font-size: .95rem !important;
}

.offering-list-item p span {
    border-bottom: 1px dotted #000;
}

.two-sided {
    margin-top: 100px;
    width: 100%;
}

.two-sided > div {
    width: 48%;
}

.two-sided > div img {
    width: 100%;
    height: 60vh;
    max-height: 450px;
}

.two-sided > div h3 {
    margin-top: 20px;
}

.two-sided > div p {
    font-size: .98rem !important;
}

.two-sided > div p > .u {
    border-bottom: 1px dotted #000;
}

.offer-heading {
    font-size: 3.25rem;
    margin-bottom: 50px;
    line-height: 1.3;
}

.step-timeline-container {
    padding: 10px;
    border-radius: 5px;
}

.step-timeline-number {
    position: relative;
    box-shadow: 0 0 0px 7px #f3f3f3;
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    line-height: 28px;
    background-color: #dbdbdb;
    color: #000;
    text-align: center;
    font-weight: 500;
    font-size: .85rem;
    font-family: Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.step-timeline-number > .las {
    display: none;
    font-size: 1.05rem;
    vertical-align: middle;
}

.step-timeline-container.step-1-active > div:first-child .step-timeline-number {
    background-color: #000;
    color: #fff;
}

.step-timeline-container.step-1-active > div:nth-child(2) .step-timeline-line {
    background-color: #000;
}

.step-timeline-container.step-2-active > div:first-child .step-timeline-number {
    background-color: #000;
    color: #fff;
}

.step-timeline-container.step-2-active > div:first-child .step-timeline-number > span {
    display: none;
}

.step-timeline-container.step-2-active > div:first-child .step-timeline-number > span.las {
    display: inline-block;
}

.step-timeline-container.step-2-active > div:nth-child(2) .step-timeline-line {
    background-color: #000;
}

.step-timeline-container.step-2-active > div:nth-child(3) .step-timeline-number {
    background-color: #000;
    color: #fff;
}

.step-timeline-container.step-2-active > div:nth-child(4) .step-timeline-line {
    background-color: #000;
}

.step-timeline-container.step-3-active > div:first-child .step-timeline-number {
    background-color: #000;
    color: #fff;
}

.step-timeline-container.step-3-active > div:first-child .step-timeline-number > span{
    display: none;
}

.step-timeline-container.step-3-active > div:first-child .step-timeline-number > span.las {
    display: inline-block;
}

.step-timeline-container.step-3-active > div:nth-child(2) .step-timeline-line {
    background-color: #000;
}

.step-timeline-container.step-3-active > div:nth-child(4) .step-timeline-line {
    background-color: #000;
}

.step-timeline-container.step-3-active > div:nth-child(6) .step-timeline-line {
    background-color: #000;
}

.step-timeline-container.step-3-active > div:nth-child(3) .step-timeline-number {
    background-color: #000;
    color: #fff;
}

.step-timeline-container.step-3-active > div:nth-child(3) .step-timeline-number > span {
    display: none;
}

.step-timeline-container.step-3-active > div:nth-child(3) .step-timeline-number > span.las {
    display: inline-block;
}

.step-timeline-container.step-3-active > div:nth-child(5) .step-timeline-number {
    background-color: #000;
    color: #fff;
}

.step-timeline-container.step-4-active > div:first-child .step-timeline-number {
    background-color: #000;
    color: #fff;
}

.step-timeline-container.step-4-active > div:first-child .step-timeline-number > span {
    display: none;
}

.step-timeline-container.step-4-active > div:first-child .step-timeline-number > span.las {
    display: inline-block;
}

.step-timeline-container.step-4-active > div:nth-child(3) .step-timeline-number {
    background-color: #000;
    color: #fff;
}

.step-timeline-container.step-4-active > div:nth-child(3) .step-timeline-number > span {
    display: none;
}

.step-timeline-container.step-4-active > div:nth-child(3) .step-timeline-number > span.las {
    display: inline-block;
}

.step-timeline-container.step-4-active > div:nth-child(5) .step-timeline-number {
    background-color: #000;
    color: #fff;
}

.step-timeline-container.step-4-active > div:nth-child(5) .step-timeline-number > span {
    display: none;
}

.step-timeline-container.step-4-active > div:nth-child(5) .step-timeline-number > span.las {
    display: inline-block;
}

.step-timeline-container.step-4-active > div:nth-child(2) .step-timeline-line {
    background-color: #000;
}

.step-timeline-container.step-4-active > div:nth-child(4) .step-timeline-line {
    background-color: #000;
}

.step-timeline-container.step-4-active > div:nth-child(6) .step-timeline-line {
    background-color: #000;
}

.step-timeline-container.step-4-active > div:nth-child(7) .step-timeline-number {
    background-color: #000;
    color: #fff;
}

.step-timeline-line-container {
    width: calc(((100% - 112px) / 3) + 10px);
    display: flex;
    align-items: center;
    margin-top: 3px;
    margin-left: -2.5px;
}

.step-timeline-line {
    display: inline-block;
    width: 100%;
    height: 2px;
    background-color: #dbdbdb;
}

.step-container {
    width: 100%;
}

.step-indicator-item {
    font-weight: 600;
    font-size: .92rem;
    display: none;
}

.step-indicator {
    border-radius: 7px;
    margin: 10px 0;
    /* border: 1px solid #dbdbdb; */
    padding: 10px 25px;
    background: #fff;
    font-family: Ubermove, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.step-timeline-container.step-1-active + .step-indicator > .step-1-active {
    display: block;
}

.step-timeline-container.step-2-active + .step-indicator > .step-2-active {
    display: block;
}

.step-timeline-container.step-3-active + .step-indicator > .step-3-active {
    display: block;
}

.step-timeline-container.step-4-active + .step-indicator > .step-4-active {
    display: block;
}

.step-container {
    width: 100%;
    margin-top: 10px;
}

.step-container > div {
    background-color: #fff;
    padding: 20px;
    border-radius: 7px;
    /* border: 1px solid #fff;
    -webkit-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.02);
    box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.02); */
}

.step-container > div:first-child {
    width: calc(100% - 400px);
}

.step-container > div:nth-child(2) {
    width: 380px;
    background-color: transparent;
}

.simple-notice {
    width: 100%;
    margin: 15px 0;
    background: #fff;
    padding: 20px 10px;
    border-radius: 7px;
}

.simple-notice.sn-raw {
    padding: 0;
    margin: 0;
}

.simple-notice.sn-2 {
    margin: 10px 0;
    padding: 10px;
    align-items: center;
    background-color: #e6edf1;
    border: 1px solid #ccdbe4;
    box-shadow: 0 0 20px 6px rgba(0, 0, 0, 0.05);
}

.simple-notice > div:first-child {
    width: 40px;
    min-width: 40px;
}

.simple-notice > div:first-child > i {
    font-size: 1.75rem;
}

.simple-notice.sn-2 > div:first-child > i {
    color: #fff;
    background: #004a77;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    font-size: 1.25rem;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin-left: 3px;
}

.simple-notice > div:nth-child(2) {
    width: calc(100% - 40px);
    padding-left: 5px;
}

.simple-notice > div:nth-child(2) small {
    max-width: 500px;
    display: block;
}

.simple-notice > div:nth-child(2) small {
    display: block;
    line-height: 1.3rem;
    font-weight: 500;
    font-size: .87rem;
    font-family: 'Ubermove', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.task-fav-icon {
    display: inline-block;
    transform: translateY(-3.25px);
    font-size: 1.25rem;
    color: #8b008b;
}

.task-link {
    color: #1a73e8;
    text-decoration: underline;
}

.show-my-favorites-btn {
    font-size: .90rem;
    font-family: 'Ubermove', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 600;
    cursor: pointer;
    margin-top: 7px;
    display: block;
    color: #8b008b;
}

h5.step-navigator-btn, 
.main-step-navigator-btn {
    font-size: .90rem;
}

h5.step-navigator-btn,
h5.main-step-navigator-btn {
    display: block;
    width: 120px;
}

.job-rate {
    font-size: 1.80rem;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 30px;
    padding-bottom: 30px;
    font-family: Inter, 'Ubermove', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.affordable {
    display: inline-block;
    background-color: #2e8b57;
    /* background-color: #882adf; */
    color: #fff;
    border-radius: 5px;
    /* padding: 5px 10px;
    padding-bottom: 12px; */
    padding: 8px 15px;
    padding-bottom: 25px;
    font-size: .70rem;
    height: 28px;
    line-height: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

.affordable.br2 {
    border-radius: 2px;
}

.affordable > i {
    font-size: 1.2rem;
    vertical-align: middle;
}

.step-container-item {
    display: none;
}

.step-1-active + .step-indicator + .step-container > div > .step-1-container {
    display: block;
}

.step-2-active + .step-indicator + .step-container > div > .step-2-container {
    display: block;
}

.step-3-active + .step-indicator + .step-container > div > .step-3-container {
    display: block;
}

.step-4-active + .step-indicator + .step-container > div > .step-4-container {
    display: block;
}

.step-form-item, .step-form-item > div {
    width: 100%;
}

.step-form-label {
    line-height: 1.45;
    font-weight: 500;
    font-size: 1.0rem;
    color: #333;
    font-family: Ubermove, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.sub-title {
    display: block;
    line-height: 1.4;
    color: #5f6368;
    margin-top: 5px;
    margin-bottom: 5px;
}

.step-form-input.flex-item {
    width: 100%;
}

.step-form-input.flex-item > div {
    width: 48%;
}

.step-form-input input,
.step-form-input select,
.step-form-input textarea {
    width: 100%;
    display: block;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    font-size: .95rem;
    margin: 10px 0;
    padding: 15px !important;
    font-weight: 500;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    font-family: Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.step-form-input input:focus,
.step-form-input select:focus,
.step-form-input textarea:focus {
    box-shadow: 0 0 0px 1.5px #000;
}

.step-form-input textarea {
    resize: vertical;
    min-height: 120px;
    overflow-y: auto;
    line-height: 1.50;
    font-family: 'Geist', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-weight: 500;
}

.step-form-input.z-index-1 > input {
    position: relative;
    z-index: 1;
}

.step-search-results {
    width: 100%;
    position: relative;
    margin-top: -10px;
    z-index: 2;
}

.step-search-results-container {
    width: 100%;
    position: absolute;
    background-color: #fff;
    min-height: 40px;
    overflow-y: auto;
    box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
}

.step-search-results-container.active {
    display: block;
}

.step-search-results-container-search-result-item, .custom-search-result-item {
    width: 100%;
    position: relative;
    padding: 7px 15px;
    display: block;
    font-size: .95rem;
    font-weight: 500;
    color: #333;
}

.step-search-results-container-search-result-item.flex-item, 
.custom-search-result-item.flex-item {
    display: -webkit-flex;
    display: flex;
    width: 100%;
}

.step-search-results-container-search-result-item.flex-item > div:first-child, 
.custom-search-result-item.flex-item > div:first-child {
    width: 40px;
    min-width: 40px;
}

.step-search-results-container-search-result-item.flex-item > div:first-child .svg-icon-holder, 
.custom-search-result-item.flex-item > div:first-child .svg-icon-holder {
    width: 28px;
    height: 28px;
    background: #eee;
    border-radius: 50%;
}

.step-search-results-container-search-result-item.flex-item > div:first-child .svg-icon-holder.dark, 
.custom-search-result-item.flex-item > div:first-child .svg-icon-holder.dark {
    background: #000;
}

.step-search-results-container-search-result-item.flex-item > div:first-child svg, 
.custom-search-result-item.flex-item > div:first-child svg {
    width: 15px;
    height: 15px;
}

.step-search-results-container-search-result-item.flex-item > div:nth-child(2), 
.custom-search-result-item.flex-item > div:nth-child(2) {
    width: calc(100% - 40px);
}

.step-search-results-container-search-result-item b, .custom-search-result-item b {
    color: #000;
}

.search-subtitle {
    color: #808080;
    display: block;
    line-height: 15px;
}

.pe-location-fetch-btn:focus {
    outline: 2px solid #000;
    outline-offset: 2px;
    border-radius: 3px;
    cursor: pointer;
}

.step-search-results-container-search-result-item.active, .custom-search-result-item.active {
    background-color: #eee;
}

.step-list {
    margin-top: 25px;
}

.step-list-item {
    width: 100%;
    padding: 25px 15px;
    border-bottom: 1px solid #f7f7f7;
    cursor: pointer;
}

.step-category-list,
.sub-services-list-container {
    min-height: 500px;
}

.step-category-list.hidden-services > .step-list-item {
    display: none;
}

.step-category-list.hidden-services > .step-list-item.active {
    display: -webkit-flex !important;
    display: flex !important;
}

.sub-services-list-container.hidden-services > .sub-service-step-list-item {
    display: none;
}

.sub-services-list-container.hidden-services > .sub-service-step-list-item.active {
    display: -webkit-flex !important;
    display: flex !important;
}

.step-list-item > div:first-child {
    width: 150px;
    min-width: 150px; 
}

.step-list-item > div:first-child > img {
    width: 100%;
    border-radius: 10px;
    min-height: 120px;
}

.step-list-item > div:nth-child(2) {
    width: calc(100% - 190px);
    padding-left: 20px;
    padding-right: 10px;
}

.step-list-item > div:nth-child(2) > div:first-child {
    line-height: 1.4;
    margin-bottom: 5px;
    font-size: 1.1rem;
    font-weight: 500;
    font-family: Ubermove, Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.step-list-item > div:nth-child(2) > div:nth-child(2) {
    display: block;
    font-size: .96rem;
    color: #5f6368;
    line-height: normal;
    max-width: 500px;
}

.step-list-item > div:nth-child(3) {
    width: 40px;
    text-align: right;
}

.step-list-item > div:nth-child(3) > i {
    font-size: 1.25rem;
}

.step-form-error {
    margin-bottom: 25px;
    margin-top: 15px;
    display: none;
}

.step-form-error.active {
    display: block;
}

.step-error {
    width: 100%;
    padding: 10px;
    padding-top: 12px;
    border-radius: 6px;
    background: #f9dedc;
}

.step-error > div:first-child {
    width: 40px;
    min-width: 40px;
}

.step-error > div:first-child > i {
    font-size: 1.75rem;
    color: #ff0000;
}

.step-error > div:nth-child(2) {
    padding-top: 4px;
    width: calc(100% - 40px);
    text-align: left;
    font-size: .90rem;
    font-weight: 500;
    color: #ff0000;
    line-height: 1.4;
    font-family: 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.step-radio-selector-item {
    margin: 10px 0;
    cursor: pointer;
    padding: 10px 5px;
    border-radius: 10px;
    border: 1px solid #fff;
}

.step-radio-selector-item:hover {
    border-color: #000;
}

.step-radio-selector-item > div:first-child {
    width: 50px;
    min-width: 50px;
    text-align: center;
}

.step-radio-selector-item > div:nth-child(2) {
    width: calc(100% - 50px);
    font-size: .95rem;
    font-weight: 500;
    text-align: left;
}

.step-radio-input-item {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 2px solid #000;
    margin: auto;
}

.step-radio-input-item > span {
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 50%;
}

.step-radio-input-item.active {
    border-color: #000;
}

.step-radio-input-item.active > span {
    background-color: #000;
}

.sub-step-item {
    width: 100%;
    display: none;
}

.sub-step-item.active {
    display: block;
}

.step-button-container {
    margin: 50px 0;
}

.hire-rate-container.fixed {
    position: fixed;
    top: 75px;
}

.step-navigator-btn,
.main-step-navigator-btn,
.step-container-item .bottom-modal-btn {
    cursor: pointer;
    border-radius: 7px;
}

h5.step-navigator-btn,
h5.main-step-navigator-btn {
    cursor: pointer;
    border-radius: 0px;
}

.step-navigator-btn.disabled,
.main-step-navigator-btn.disabled {
    cursor: not-allowed;
    opacity: .5;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.service-question-answer-container {
    margin: 35px 0;
}

select.service-answer,
input.service-answer {
    width: 100%;
    padding: 15px 15px;
    border-radius: 7px;
    border: 1px solid #dbdbdb;
    margin: 10px 0;
    font-size: .95rem;
    font-weight: 500 !important;
}

.service-question {
    line-height: 1.4;
    font-weight: 500;
}

.question-number {
    font-weight: 500 !important;
}

.select-with-photo-answer-item {
    width: 25%;
    padding: 10px;
}

.select-with-photo-answer-item > div,
.select-with-photo-answer-item > div > div {
    width: 100%;
}

.select-with-photo-answer-item > div {
    border-radius: 5px;
    border: 1px solid #dbdbdb;
    background: #fff;
    overflow: hidden;
    cursor: pointer;
}

.select-with-photo-answer-item > div > div:first-child {
    width: 100%;
    max-height: 225px;
    text-align: center;
    padding: 10px;
    position: relative;
    text-align: center;
}

.select-with-photo-answer-item > div > div:first-child img {
    max-width: 100%;
    display: block;
    border-radius: 3px;
    height: 180px;
    max-height: 180px;
    object-fit: cover;
    margin: auto;
}

.select-with-photo-answer-item > div > div:nth-child(2) {
    padding: 10px;
    text-align: center;
    border-top: 1px solid #eee;
    font-weight: 500;
    font-size: .92rem;
    line-height: 1.3;
    min-height: 90px;
}

.select-with-photo-answer-item-list {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-top: 10px;
}

.select-wp-indicator {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.25);
    color: #fff;
}

.select-with-photo-answer-item.active .select-wp-indicator {
    background-color: #1a73e8 !important;
    color: #fff !important;
}

.select-with-photo-answer-item.active > div {
    border: 1px solid #1a73e8 !important;
    -webkit-box-shadow: 0 0 0 1.5px #1a73e8 !important;
    box-shadow: 0 0 0 1.0px #1a73e8 !important;
    background: #f0f8ff !important;
}

.range-with-photo-container {
    width: 100%;
    margin: 10px 0;
}

.range-with-photo-container > div:first-child {
    width: calc(100% - 110px);
}

.range-with-photo-container > div:first-child .service-answer {
    margin: 0;
}

.range-with-photo-container > div:first-child .service-question-container {
    margin-bottom: 15px;
}

.range-with-photo-container > div:nth-child(2) {
    width: 90px;
    min-width: 90px;
}

.range-with-photo-container > div:nth-child(2) > img {
    max-width: 100%;
    max-height: 120px;
    border-radius: 5px;
}

.service-quantity-item-container.active {
    padding: 10px 15px;
    background: #f7f7f7;
    border-radius: 5px;
    border: 1px solid #eee;
    margin-bottom: 25px;
}

.service-quantity-item-container-count {
    width: 100%;
    font-size: .95rem;
    font-weight: 500;
    color: #5f6368;
    border-bottom: 1px solid #dbdbdb;
    padding: 15px 10px;
    padding-top: 5px;
}

.multiple-item-notice-container {
    display: none;
}

.multiple-item-notice-container.active {
    display: block;
}

.multiple-item-notice-container,
.multiple-item-notice {
    width: 100%;
}

.multiple-item-notice {
    /* border: 1px solid #eed855; */
    /* background: #f5e795; */
    background: #eee;
    padding: 10px 15px;
    color: #000;
    margin: 15px 0;
    border-radius: 3px;
    font-size: .85rem;
    line-height: 1.4;
    font-weight: 500;
}

.multiple-item-notice > div:first-child {
    width: calc(100% - 100px);
}

.multiple-item-notice > div:nth-child(2) {
    width: 100px;
    min-width: 100px;
    text-align: right;
}

.multiple-item-notice-text {
    max-width: 500px;
}

.multiple-item-notice > div:nth-child(2) > a {
    display: inline-block;
    line-height: 1.3;
    font-size: .95rem;
    background: #fff;
    font-weight: 600;
    padding: 7px 15px;
    border-radius: 3px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.10);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.10);
}

.add-multiple-item-btn {
    width: 100%;
    display: block;
    padding: 10px 15px;
    /* border: 1px solid #eed855; */
    background: #f5e795;
    margin-top: 20px;
    text-align: center;
    font-weight: 600;
    border-radius: 5px;
    cursor: pointer;
    display: none;
}

.add-multiple-item-btn.active {
    display: block;
}

.add-multiple-item-btn i {
    font-size: 1.5rem;
    vertical-align: bottom;
}

.remove-multiple-item-btn {
    font-size: 1.5rem;
    vertical-align: middle;
    cursor: pointer;
}

.add-photo-container {
    border: 1px dashed #5f6368;
    min-height: 100px;
    border-radius: 5px;
    margin-top: 15px;
}

.add-photo-btn {
    cursor: pointer;
    display: block;
    width: 100%;
    color: #fff;
    background-color: #111;
    text-align: center;
    border-radius: 5px;
    font-family: euclidCircularB, 'UberMove', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    padding: 10px 15px;
    margin-top: 10px;
}

.add-photo-btn > input.hidden {
    opacity: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
}

.add-photo-container-item {
    width: 20%;
    height: 140px;
    padding: 5px;
}

.add-photo-container-item > div {
    width: 100%;
    position: relative;
    height: 100%;
    border: 1px solid #eee;
    border-radius: 5px;
}

.add-photo-container-item > div > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    border-radius: 3px;
    cursor: pointer;
}

.add-photo-container-item > div > .add-photo-container-item-remove-btn {
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.35);
    line-height: 30px;
    font-size: 1rem;
    color: #fff;
    text-align: center;
    position: absolute;
    z-index: 1;
    margin: 5px;
    border-radius: 50%;
    cursor: pointer;
}

.add-photo-container-item > div > .add-photo-container-item-remove-btn:hover {
    background-color: #000;
}

.candidates-loader {
    font-family: 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    margin: 50px 0;
}

.candidates-loader small {
    color: #808080;
}

.candidate-list-item {
    width: 100%;
    margin: 25px 0;
}

.candidate-list-item > div {
    width: 100%;
}

.candidate-list-item > div > div:first-child {
    width: 100px;
    min-width: 100px;
}

.candidate-list-item > div > div:first-child img {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    border: 1px solid #eee;
}

.candidate-list-item > div > div:nth-child(2) {
    width: calc(100% - 100px);
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 25px;
}

.cli-name {
    line-height: 1.4;
    font-family: 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 600;
    font-size: 1rem;
}

.cli-details {
    line-height: 1.4;
    font-size: .85rem;
    font-family: 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    color: #5f6368;
}

.cli-btn-list {
    margin-top: 15px;
}

.cli-btn-list > div > a {
    padding: 6px 25px;
    display: inline-block;
    background: #333;
    color: #fff;
    border-radius: 5px;
    font-family: euclidCircularB, 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    cursor: pointer;
    margin-right: 15px;
    text-align: center;
}

.cli-btn-list > div > a.selected {
    background: #1a73e8;
    outline: 2px solid #1a73e8;
    outline-offset: 2px;
    white-space: nowrap;
}

.cli-btn-list > div > a > span:first-child {
    display: inline;
}

.cli-btn-list > div > a > span:nth-child(2) {
    display: none;
}

.cli-btn-list > div > a.selected > span:first-child {
    display: none;
}

.cli-btn-list > div > a.selected > span:nth-child(2) {
    display: inline;
}

.cli-btn-list > div > a.grey {
    background-color: #eee;
    color: #000;
}

span.cli-name-text {
    display: inline-block;
    max-width: calc((80 / 100)* 100%);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: normal;
    font-weight: 500;
}

.ellipsis-item {
    display: inline-block;
    max-width: calc((80 / 100)* 100%);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: normal;
}

h5.step-navigator-btn:hover,
h5.main-step-navigator-btn:hover {
    outline: 1px dotted #000;
}

.pointer-events-none {
    pointer-events: none !important;
}

#reviews-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
}

#reviews-modal.active {
    display: block;
}

#reviews-modal-wrapper {
    width: 100%;
    height: 100%;
}

#reviews-modal-content {
    width: 100%;
    height: 95%;
    max-width: 600px;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#reviews-modal-content > div:first-child {
    height: 60px;
    border-bottom: 1px solid #dbdbdb;
    padding-left: 20px;
    padding-right: 20px;
}

#reviews-modal-content > div:first-child > div:first-child h3 {
    font-weight: 500;
}

#reviews-modal-content > div:first-child i {
    font-size: 1.85rem;
    cursor: pointer;
}

#reviews-modal-content > div:nth-child(2) {
    height: calc(100% - 60px);
    overflow-y: auto;
    padding: 20px;
}

/* .review-item {
    width: 100%;
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #dbdbdb;
    font-family: Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
} */

.review-item {
    width: 100%;
    margin-bottom: 25px;
    padding-bottom: 35px;
    background: #f2f2f2;
    font-family: Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    padding: 18px;
    border-radius: 10px;
}

.review-item:nth-last-of-type(1) {
    border-bottom-color: #fff;
}

.review-item > div {
    width: 100%;
}

.review-item > div:first-child > div:first-child {
    width: 40px;
    min-width: 40px;
}

.review-item > div:first-child > div:first-child > img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #eee;
}

.review-item > div:first-child > div:nth-child(2) {
    width: calc(100% - 40px);
    padding-left: 10px;
}

.review-item > div:first-child > div:nth-child(2) > div {
    width: 100%;
}

.review-item > div:first-child > div:nth-child(2) > div:first-child > div:first-child {
    width: calc(100% - 30px);
}

.review-item > div:first-child > div:nth-child(2) > div:first-child > div:nth-child(2) {
    width: 30px;
    min-width: 30px;
    text-align: right;
}

.review-item > div:first-child > div:nth-child(2) > div:first-child > div:nth-child(2) i {
    font-size: 1.5rem;
}

.review-item > div:first-child > div:nth-child(2) > div:nth-child(2) {
    font-size: .85rem;
    margin-top: -8px;
}

#countable-reviews-container .review-item > div:first-child > div:nth-child(2) > div:nth-child(2) {
    margin-top: -4px;
}

.review-item > div:first-child > div:nth-child(2) > div:nth-child(2) > span:first-of-type i {
    color: #daa520;
    font-size: .90rem;
}

.review-item > div:first-child > div:nth-child(2) > div:nth-child(2) > span:first-of-type i.grey {
    color: #999;
    font-size: .90rem;
}

.review-item > div:first-child > div:nth-child(2) > div:nth-child(2) > span:nth-of-type(2) {
    color: #5f6368;
    font-weight: 500;
}

.review-item > div:first-child > div:nth-child(2) > div:nth-child(2) b {
    margin: 0 3.5px;
}

.review-item > div:nth-child(2) {
    margin-top: 10px;
    font-size: .98rem;
    line-height: 1.5;
    color: #333;
    font-family: 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
}

.general-profile-item {
    color: #808080;
    font-family: 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: .90rem;
}

.review-item > div:nth-child(3) {
    margin-top: 10px;
    font-size: .90rem;
    font-weight: 500;
    color: #5f6368;
}

.review-item > div:nth-child(3) i {
    color: #000;
    font-size: 1.35rem;
    vertical-align: middle;
    border: 1px solid #5f6368;
    padding: 4px;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer;
    background: #f7f7f7;
}

.review-summary-item {
    width: 100%;
    margin: 10px 0;
    font-family: Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: .95rem;
    font-weight: 500;
}

.review-summary-item > div:first-child {
    width:80px;
    min-width: 80px;
}

.review-summary-item > div:nth-child(2) {
    width: calc(100% - 170px);
}

.review-summary-item > div:nth-child(3) {
    width: 90px;
    min-width: 90px;
    text-align: right;
}

.review-summary-percentage-item {
    width: 100%;
    height: 17px;
    background-color: #eee;
    border-radius: 3px;
    overflow: hidden;
}

.review-summary-percentage-item > div {
    height: 100%;
    width: 50%;
    background-color: #dca620;
}

.rb-button {
    border: 1px solid #000;
    display: inline-block;
    white-space: nowrap;
}

.rb-button {
    border: 1px solid #000;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
    border-radius: 6px;
    font-family: Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    cursor: pointer;
}

.rb-button > span:nth-child(2) {
    width: 30px;
    display: inline-block;
    text-align: center;
    border-left: 1px solid #000;
    height: 100%;
    margin-left: 10px;
}

.user-profile-view {
    width: 100%;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dbdbdb;
    font-family: Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.user-profile-view-image {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid #eee;
    display: inline-block;
    margin-bottom: 10px;
}

.fw-500 {
    font-weight: 500;
}

.ff-ubermove {
    font-family: Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.review-summary-items {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 15px;
}

.review-filter-header {
    position: sticky;
    top: -20px;
    transform: translateY(-5px);
    background-color: #fff;
    padding: 15px 0px;
}

.general-name-item {
    display: inline-block;
    max-width: calc((80 / 100) * 100%);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: normal;
    font-weight: 500;
}

.general-name-item-2 {
    font-size: 1.2rem; 
}

.tab-bar-container-body {
    padding-bottom: 0;
    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
}

.tab-bar-container {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 75px;
    background-color: #fff;
    border-top: 1px solid #eee;
    z-index: 3;
    padding-bottom: 5px;
    display: none;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
}

.tab-bar-container.high {
    height: 90px;
    padding-bottom: 15px;
    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
}

.tab-bar-container > div {
    width: 100%;
    height: 70px;
}

.tab-alert-item {
    position: absolute;
    width: 25px;
    height: 25px;
    color: #fff;
    background-color: #ff0000;
    border-radius: 50%;
    font-size: .83rem;
    padding-top: 2px;
    top: 5px;
    right: 12.5px;
}

.tab-alert-item.inactive {
    display: none !important;
}

.tab-bar-container > div > div {
    text-align: center;
    width: 20%;
    position: relative;
}

.tab-bar-container > div > div > a {
    display: block;
    position: relative;
}

.tab-bar-container > div > div > a img {
    width: 32px;
}

.tab-bar-container > div > div > a img.active {
    display: none;
}

.tab-bar-container > div > div > a > i {
    font-size: 1.85rem;
}

.tab-bar-container > div > div > a > small {
    display: block;
    line-height: normal;
    width: 100%;
    text-align: center;
    font-size: .73rem;
    color: #808080;
}

.tab-bar-container > div > div > a.active > small {
    color: #1a73e8 !important;
}

.tab-bar-container > div > div > a.active img.active {
    display: inline-block;
}

.tab-bar-container > div > div > a.active img.inactive {
    display: none;
}

.dashboard-a {
    font-weight: 500;
    color: #999;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.account-page-footer {
    width: 100%;
    position: fixed;
    padding: 20px;
    bottom: 75px;
    display: none;
    background-color: #fff;
    left: 0;
}

.account-page-footer.high {
    bottom: 90px;
}

.account-page-footer-content-1 {
    width: 100%;
}

.account-page-footer-content-1 > div:first-child {
    width: 60px;
    min-width: 60px;
}

.account-page-footer-content-1 > div:nth-child(2) {
    width: calc(100% - 75px);
}

.bott.active {
    color: #1a73e8;
}

.sbs-select-container {
    width: 100%;
}

.sbs-select-container > div:first-child, .sbs-select-container > div:nth-child(3) {
    width: calc(50% - 20px);
}

.sbs-select-container > div:nth-child(2) {
    text-align: center;
    width: 40px;
    min-width: 40px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.show-user-dashboard-profile-btn {
    font-family: EuclidCircularB, Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.show-user-dashboard-profile-s {
    color: #808080;
    display: block;
    margin-top: -2.5px;
}

.show-user-dashboard-profile-st{
    display: inline-block;
    background: #fff;
    border-radius: 60px;
    padding: 2.5px 25px;
    margin-top: 10px;
    color: #000;
    cursor: pointer;
}

.dashboard-settings-link-container {
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
}

.dashboard-settings-link > i {
    display: inline-block;
    font-size: 1.5rem;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: #000;
    text-align: center;
    color: #fff;
    border-radius: 50%;
}

.custom-tooltip {
    position: relative;
    display: flex;
    justify-content: center;
    transform: translateY(-65px);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0;
}

.custom-tooltip-parent:hover .custom-tooltip {
    transform: translateY(-70px);
    opacity: 1;
}

span.ctt {
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.95);
    padding: 0px 15px;
    border-radius: 4px;
    font-family: 'UberMove';
    font-size: .90rem;
    font-weight: 500;
}

.task-btn-notification {
    color: #1a73e8;
    margin-left: 5px;
    font-weight: 500;
}

.task-btn-notification.color-black {
    color: #000;
}

.task-btn-notification.color-red {
    color: #ff0000;
}

.task-notification-grey {
    color: #999;
    display: inline-block;
    margin-left: 10px;
}

.hire-now-dashboard-btn .task-btn-notification {
    color: #7fffd4;
}

.hire-now-dashboard-btn.color-blue .task-btn-notification {
    color: #000;
}

.hire-now-dashboard-btn.blue .task-btn-notification {
    color: #fff;
}

.task-summary-container-step-item-sbs > div {
    width: 48.5%;
}

.task-summary-container-step-item {
    width: 100%;
    margin-bottom: 25px;
    border-radius: 10px;
    border: 1px solid #eee;
    padding: 20px;
}

.task-summary-container-step-item h4 {
    font-weight: 500;
}

.summary-title-description-container {
    margin: 15px 0;
}

.summary-title-description-container > .title {
    font-size: .85rem;
    color: #5f6368;
    font-weight: 500;
    padding-left: 20px;
    padding-right: 20px;
}

.summary-title-description-container > .description {
    font-size: .95rem;
    color: #333;
    font-weight: 500;
    background: #f7f7f7;
    padding: 10px 20px;
    border-radius: 7px;
    margin-top: 5px;
}

.summary-title-description-container.tranp0 > .description{
    background-color: transparent;
    padding: 0;
}

.summary-list {
    overflow: hidden;
}

.summary-list.inactive {
    max-height: 0
}

.fetch-services-loader-container {
    font-family: Inter, Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    color: #000;
    font-size: .90rem;
}

.fetch-services-loader-container > div:first-child {
    margin-right: 15px;
}

.fsl-wait-text {
    color: #808080;
    margin-top: -6.5px;
}

.account-select-info > div {
    font-weight: 500;
    color: #444;
    text-align: left;
    font-size: .87rem;
    line-height: 1.5;
    max-width: 500px;
    font-family: Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.account-select-info > div > a {
    text-decoration: underline;
    color: #1a73e8;
}

.show-summary-btn {
    color: #5f6368;
    font-size: .90rem;
    cursor: pointer;
    font-weight: 500;
}

.bottom-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 25;
    background-color: rgba(0,0,0,0.85);
    display: none;
}

.bottom-modal.active {
    display: block;
}

.bottom-modal > div {
    width: 100%;
    height: 100%;
}

.bottom-modal-content {
    height: auto;
    width: 100%;
    overflow-y: auto;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

@media screen and (max-height: 400px) {
    .bottom-modal-content {
        height: 300px;
    }
}

.bottom-modal-content > div {
    width: 100%;
    max-width: 600px;
    margin: auto;
}

.bottom-modal-content-header {
    border-bottom: 1px solid #eee;
    height: 60px;
}

.bottom-modal-content-header > div:first-child, 
.bottom-modal-content-header > div:nth-child(3) {
    width: 50px;
}

.bottom-modal-content-header > div:nth-child(3) > .la-times {
    font-size: 1.75rem;
    cursor: pointer;
}

.bottom-modal-content-header > div:nth-child(2) {
    width: calc(100% - 100px);
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    font-size: 1.10rem;
    font-weight: 500;
}

.bottom-modal-content-body {
    padding: 15px;
}

.bottom-modal-content-body p {
    margin-top: 0;
    margin-bottom: 5px;
    color: #5f6368;
}

.bottom-modal-content-body ul {
    padding-left: 17px;
}

.bottom-modal-content-body ul li {
    margin-bottom: 5px;
    color: #333;
    font-size: .92rem;
    line-height: 1.55;
    font-weight: 500;
}

.bmcf-btn-container > a {
    width: 100%;
    display: block;
    border-radius: 60px;
}

.bmcf-btn-container:first-child {
    margin-bottom: 10px;
}

.bottom-modal-content-footer {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.account-page-item {
    display: none;
    min-height: 100vh;
    min-height: 100dvh;
    padding-bottom: 100px;
    max-width: 1300px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.account-page-item.padded {
    padding: 30px;
}

.account-page-item.bordered-left {
    border-left: 1px solid #eee;
}

.account-page-item.white-bg {
    background-color: #fff;
}

.account-page-item.active {
    display: block;
}

.stack-header-item-content-center {
    margin: auto;
}

.stack-header-item {
    width: 100%;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    padding-top: 2px;
    overflow-x: auto;
}

.stack-header-item.pl-pr {
    padding-left: 20px;
    padding-right: 20px;
}

.stack-header-item.fixed {
    position: fixed;
    width: calc(100% - 331px);
    left: 331px;
    top: 64px;
    z-index: 1;
}

.stack-header-item + .stack-header-item-fake {
    width: 100%;
    height: 48px;
    /* height: 55px; */
}

.account-back-icon {
    display: inline-block;
    margin-right: 10px;
}

.task-item {
    display: block;
    cursor: pointer;
    padding: 20px 20px;
    border-bottom: 1px solid #eee;
    position: relative;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.task-date-item {
    background-color: #fff;
    padding: 20px;
    display: block;
    font-weight: 500;
    font-size: 1.05rem;
    color: #333 !important;
    font-family: euclidCircularB, Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    border-bottom: 1px solid #eee;
}

.task-item.active,
.countable-account-payment-list-item.active > div {
    background-color: #f0f8ff;
}

.task-item.active::before,
.countable-account-payment-list-item.active > div::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    background: #007aff;
    top: 0;
    left: 0;
}

.task-item:nth-last-of-type(1) {
    border-bottom-width: 0;
}

.task-item.description-mode {
    border-bottom-width: 0;
    cursor: auto;
}

.task-item:not(.task-item):hover {
    background-color: #f7f7f7;
}

.task-item-header {
    width: 100%;
}

.task-item-header > div:first-child {
    width: calc(100% - 40px);
}

.task-item-header > div:first-child > div:first-child {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.4;
}

.task-item-header > div:first-child > div:nth-child(2) {
    font-weight: 500;
    font-size: 1.05rem;
    color: #5f6368;
}

.task-item-header > div:nth-child(2) {
    width: 40px;
    text-align: right;
}

.task-item-header > div:nth-child(2) i {
    font-size: 1.5rem;
}

.task-item-body > div:first-child {
    font-size: .95rem;
    line-height: 1.35;
    font-weight: 500;
    margin: 10px 0;
    color: #333;
}

.task-item-body > div:first-child > div:first-child {
    display: block;
}

.task-item-body > div:first-child > div:nth-child(2) {
    display: none;
}

.task-item-body-desc-item,
.task-item-body > div:nth-child(2),
.task-item-body > div:nth-child(3),
.task-item-body > div:nth-child(4) {
    font-size: .90rem;
    font-weight: 500;
}

.task-stressed i {
    font-size: .85rem;
    font-weight: 500;
    color: #ff0000;
    display: inline-block;
    line-height: 1.5;
}

.task-stressed.red.block {
    text-align: center;
    border-radius: 7px;
    padding: 8px;
    padding-bottom: 11px;
    background: #fff;
    border: 1px solid #ff0000;
    margin-top: 10px;
}

.task-stressed.green i {
    color: #2b8659; 
}

.task-stressed.green.block {
    text-align: center;
    border-radius: 7px;
    padding: 8px;
    padding-bottom: 11px;
    background: #fff;
    border: 1px solid #2b8659;
    margin-top: 10px;
}

.task-stressed.gold i {
    color: #9a7009;
}

.task-stressed.gold.block {
    text-align: center;
    border-radius: 7px;
    padding: 8px;
    padding-bottom: 11px;
    background: #fff;
    border: 1px solid #9a7009;
    margin-top: 10px;
}

.task-paid.gold {
    display: inline-block;
    background: beige;
    padding: 2.5px 15px;
    padding-right: 20px;
    border-radius: 5px;
    margin: 10px 0;
}

.tsk-desc {
    color: #5f6368;
    display: inline-block;
    line-height: 1.4;
}

.tsk-location {
    color: #5f6368;
    display: inline-block;
    line-height: 1.4;
}

span.es-cost {
    color: #1a73e8;
}

.tsk-status {
    font-weight: 500;
}

.tsk-status.approved,
.tsk-status.ongoing,
.tsk-status.pending {
    color: #45a049;
}

.tsk-status.canceled {
    color: #ff0000;
}

.tsk-status.completed {
    color: #dca620;
}

#task-map-view {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: none;
}

#task-map-view.active {
    display: block;
}

#task-map-view > div {
    width: 100%;
    height: 100%;
}

.task-map-view-content {
    width: 100%;
    max-width: 500px;
    background-color: #fff;
    height: 90%;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 1024px) {
    #task-map-view > div {
        align-items: flex-end;
    }

    .task-map-view-content {
        height: 80%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}

.task-map-view-content > div {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.task-map-view-content > div:first-child {
    z-index: 0;
}

.task-map-view-content > div:nth-child(2) {
    z-index: 1;
}

#task-map {
    width: 100%;
    height: 100%;
    display: relative;
}

.view-client-answers-btn {
    border: 1px solid #dbdbdb;
    background: #f7f7f7;
    text-align: center;
    padding: 10px;
    border-radius: 7px;
    margin: 15px 0;
    cursor: pointer;
    font-weight: 600;
}

.extra-tip {
    font-weight: 500;
    color: #808080;
}

.extra-task-details {
    width: 100%;
    margin: 25px 0;
}

.extra-task-details-item {
    width: 100%;
    margin: 15px 0;
    border-radius: 10px;
    border: 1px solid #dbdbdb;
    overflow: hidden;
}

.extra-task-details-item-content {
    padding: 10px;
    width: 100%;
    border-bottom: 1px dashed #dbdbdb;
}

.extra-task-details-item-content:nth-last-of-type(1) {
    border-bottom-width: 0;
}

.extra-task-details-item-content > div {
    width: 100%;
    padding: 0 10px;
}
.extra-task-details-item-content > div span {
    color: #808080;
}

.extra-task-details-item-content > div:first-child {
    margin-bottom: 5px;
}

.extra-task-details-item-content.flex-item > div:first-child {
    width: calc(100% - 120px);
    margin-bottom: 0;
}

.extra-task-details-item-content.flex-item > div:nth-child(2) {
    width: 100px;
    max-width: 100px;
    text-align: right;
}

.extra-task-details-item-content.flex-item > div:nth-child(2) > img {
    width: 80px;
    height: 70px;
    object-fit: cover;
    display: inline-block;
    border-radius: 10px;
}

.stack-item-counts {
    color: #999;
}

.stack-header-link-item {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    display: inline-block;
    line-height: 50px;
    width: 130px;
    /* width: 90px; */
    text-align: center;
    font-weight: 500;
    font-size: .89rem;
    font-family: EuclidCircularB, Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.stack-header-link-item.active {
    border-bottom-color: #000;
}

.dashboard-page-sub-header {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
}

.dashboard-path-list {
    font-size: .95rem;
    color: #808080;
    font-weight: 500;
    padding: 10px 0;
    font-family: 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.dashboard-path-list.wide {
    padding: 30px 20px;
}

.dashboard-path-list > a {
    color: #808080;
}

.link-color-blue {
    color: #007aff;
}

.task-attached-photos {
    padding: 20px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.task-attached-photo-item {
    width: 100px;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    background-color: #eee;
}

.task-attached-photo-item > img {
    width: 100%;
    height: 85px;
    border-radius: 5px;
    display: block;
}

.task-selected-candidate-container {
    padding: 20px;
    border-top: 1px solid #eee;
}

.task-selected-candidate {
    width: 100%;
    margin-top: 20px;
}

.task-selected-candidate > div:first-child {
    width: 50px;
}

.task-selected-candidate > div:first-child img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.task-selected-candidate > div:nth-child(2) {
    width: calc(100% - 100px);
    padding-left: 15px;
    padding-right: 15px;
}

.task-selected-candidate > div:nth-child(3) {
    width: 50px;
    text-align: right;
}

.task-selected-candidate > div:nth-child(3) .call-candidate-call-btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    background-color: #007aff;
    color: #fff;
    font-size: 1.25rem;
}

.task-selected-candidate-rating {
    margin-top: -5px;
}

.task-selected-candidate-rating > span > i {
    color: #daa520;
    font-size: .90rem;
}

.task-selected-candidate-rating > span > i.grey {
    color: #999;
    font-size: .90rem;
}

.task-selected-summary {
    font-size: 1.1rem;
    font-weight: 500;
    color: #5f6368;
    font-family: EuclidCircularB, Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.task-payment-container,
.task-review-container {
    padding: 20px;
    border-bottom: 1px solid #eee;
}

.task-payment-container:nth-last-of-type(1),
.task-review-container:nth-last-of-type(1),
.task-payment-container.no-bb,
.task-review-container.no-bb {
    border-bottom-width: 0;
}

/* Carousel slider */

.handlyn-carousel-slider {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.75);
    z-index: 20;
    display: none;
}

.handlyn-carousel-slider.active {
    display: block;
}

.handlyn-carousel-slider.invisible {
    visibility: hidden;
}

.handlyn-carousel-slider > div {
    width: 100%;
    height: 100%;
}

.handlyn-carousel-slider-content {
    width: 100%;
    height: 100%;
    position: relative;
}

.handlyn-carousel-slider-content > div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.handlyn-carousel-slider-content-controls {
    z-index: 1;
    pointer-events: none;
}

.handlyn-carousel-slider-content-controls > div {
    background: rgba(0, 0, 0, .5);
    height: 60px;
    padding-left: 15px;
    padding-right: 15px;
    pointer-events: auto;
}

.handlyn-carousel-slider-content-controls > div:nth-child(2) {
    height: 85px;
}

.handlyn-carousel-slider.full-media-mode .handlyn-carousel-slider-content-controls > div:first-child {
    transform: translateY(-70px);
}

.handlyn-carousel-slider.full-media-mode .handlyn-carousel-slider-content-controls > div:nth-child(2) {
    transform: translateY(90px);
}

.handlyn-carousel-slider img {
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
    display: block;
}

.handlyn-carousel-slider-content-media {
    z-index: 0;
}

.handlyn-carousel-slider-bottom-closer-btn,
.handlyn-carousel-slider-arrow-btn,
.handlyn-carousel-slider-arrow-rotate-btn {
    cursor: pointer;
    color: #fff !important;
    margin-left: 15px;
    margin-right: 15px;
    font-family: EuclidCircularB, Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.handlyn-carousel-slider-bottom-closer-btn {
    font-size: 1.35rem;
}

.handlyn-carousel-slider-closer-btn {
    width: 35px;
    height: 35px;
    text-align: center;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 50%;
    cursor: pointer;
    font-size: 500;
}

.handlyn-carousel-slider-arrow-rotate-btn i {
    color: #fff;
    font-size: 1.25rem;
}

.handlyn-carousel-slider-closer-btn i {
    color: #fff;
    font-size: 1.25rem;
}

.handlyn-carousel-slider-content-media-content {
    width: 100%;
    height: 100%;
}

.handlyn-carousel-slider-content-media-content-item {
    width: 100%;
    min-width: 100%;
    height: 100%;
}

.handlyn-carousel-slider-content-media-content-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit:contain;
    transform-origin:center center;
}

.handlyn-carousel-slider-content-media {
    overflow: hidden;
}

.handlyn-carousel-slider-content-media-content {
    display: flex;
    transition: transform 0.4s ease;
    cursor: grab;
}

.handlyn-carousel-slider-content-media-content-item {
    min-width: 100%;
    flex-shrink: 0;
}

.handlyn-carousel-counts {
    width: 70px;
    height: 35px;
    text-align: center;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 60px;
    cursor: pointer;
    font-size: 500;
    color: #fff;
}

/* /Carousel slider */

.write-a-review-container {
    width: 100%;
    margin-bottom: 25px;
}

.write-a-review-container > div {
    width: 100%;
}

.write-a-review-container > div:nth-child(2) {
    margin: 15px 0;
}

.write-a-review-container > div:nth-child(2) textarea {
    display: block;
    width: 100%;
    border: 1px solid #dbdbdb;
    resize: vertical;
    padding: 15px;
    border-radius: 10px;
    font-size: .95rem;
    font-weight: 500;
    min-height: 120px;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.write-a-review-container > div:nth-child(2) textarea:focus {
    border: 1px solid #000;
}

.write-a-review-container > div:nth-child(3) {
    text-align: right;
}

.pay-status {
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    background: #f7f7f7;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.pay-status-item {
    display: inline-block;
    background: #daa520;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    line-height: 25px;
    padding-left: 7px;
    padding-right: 7px;
    border-radius: 3px;
    height: 24px;
}

.pay-status-item.paid {
    background-color: #299c49;
}

.pay-status-item.failed {
    background-color: #e63f32;
}

/* Complete profile */
.complete-profile-container {
    margin: 15px 0;
    margin-top: 25px;
    width: 100%;
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #eee;
    cursor: pointer;
    outline: 1px solid transparent;
}

.complete-profile-container:hover {
    border-color: #000;
    outline: 1px solid #000;
}

.cpc-desc {
    font-size: .86rem;
    color: #808080;
    display: block;
    line-height: 1.4;
    margin-top: 2.5px;
    padding-right: 20px;
}

.complete-profile-content {
    width: 100%;
}

.complete-profile-content > div:first-child {
    width: 60px;
}

.complete-profile-content > div:nth-child(2) {
    width: calc(100% - 80px);
    padding-left: 10px;
    font-size: .99rem;
    font-weight: 500;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.complete-profile-content > div:nth-child(3) {
    width: 20px;
    min-width: 20px;
    text-align: right;
}

.complete-profile-content > div:nth-child(3) > i {
    font-size: 1.35rem;
}

.progress-container {
    text-align: center;
}

.progress-ring {
    display: inline-block;
    transform: rotate(-90deg);
}

.progress-ring circle {
    fill: none;
    stroke-width: 15;
    stroke-linecap: round;
}

.progress-ring .background {
    stroke: #e6e6e6;
}

.progress-ring .progress {
    stroke: #00cf30;
    stroke-dasharray: 0 314;
    transition: stroke-dasharray 0.4s ease-out;
}

.percentage {
    font-weight: bold;
}
/* /Complete profile */

.account-settings-content {
    padding: 20px 20px;
    max-width: 800px;
    margin: auto;
}

.side-by-side-setting-item {
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #eee;
}

.side-by-side-setting-item.min {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.side-by-side-setting-item.max > div {
    max-width: 745px;
    margin: auto;
}

.side-by-side-setting-item,
.side-by-side-setting-item-content {
    width: 100%;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
}

.side-by-side-setting-item-content > div:first-child {
    width: calc(100% - 120px);
    padding-right: 20px;
}

.side-by-side-setting-item-content > div:first-child > h4 {
    font-size: 1.20rem;
    line-height: 1.4;
}

.side-by-side-setting-item-content > div:first-child > div {
    font-size: .82rem;
    color: #5f6368;
    line-height: 1.4;
    margin-top: 5px;
    max-width: 400px;
}

.side-by-side-setting-item-content > div:nth-child(2) {
    width: 120px;
    text-align: right;
}

.switch-container-item {
    display: inline-block;
    height: 30px;
    width: 60px;
    background-color: #eee;
    border-radius: 60px;
    box-shadow: 0 0 1px 3px #eee;
    text-align: left;
    cursor: pointer;
}

.switch-container-item.mrt {
    margin-top: 10px;
}

.switch-button {
    display: inline-block;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-color: #5f6368;
}

.switch-container-item.active {
    background-color: #33c558;
    box-shadow: 0 0 1px 3px #33c558;
}

.switch-container-item.active .switch-button {
    background-color: #fff;
    margin-left: 30px;
    box-shadow: 0 0 4px 2px rgba(0,0,0,0.15);
}

.setting-sub-heading {
    margin: 25px 0;
    color: #000;
}

.up-and-down-setting-item {
    width: 100%;
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #eee;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
}

.up-and-down-setting-item-content {
    width: 100%;
}

.up-and-down-setting-item-content > div:first-child {
    width: calc(100% - 120px);
}

.up-and-down-setting-item-content > div:first-child > div:first-child {
    color: #5f6368;
    font-size: .90rem;
}

.up-and-down-setting-item-content > div:first-child > div:nth-child(2) {
    font-size: 1.0rem;
}

.up-and-down-setting-item-content > div:nth-child(2) {
    width: 120px;
    min-width: 120px;
    text-align: right;
}

.up-and-down-setting-item-content > div:nth-child(2) i {
    font-size: 1.15rem;
}

.personal-info-container,
.personal-info-container > div {
    width: 100%;
}

.personal-info-container > div {
    max-width: 800px;
}

.personal-info-container > div .main-account-dashboard-item {
    width: 100%;
    max-width: 800px;
}

.account-payments-container {
    padding-bottom: 50px;
}

.account-payment-list-item,
.account-payment-list-item-content {
    width: 100%;
}

.account-payment-list-item-content {
    cursor: pointer;
    padding: 20px 110px;
    border-bottom: 1px solid #eee !important;
    font-weight: 500;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.account-payment-status-item {
    background: #828282;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    border-radius: 3px;
}

.account-payment-status-item.paid {
    background-color: #45a049;
}

.account-payment-status-item.pending {
    background-color: #dca620;
}

.account-payment-status-item.failed {
    background-color: #ff0000;
}

.account-payment-list-item:nth-last-of-type(1) .account-payment-list-item-content {
    border-bottom-width: 0;
}

.account-payment-list-item-content > div:first-child {
    width: calc(100% - 150px);
    color: #333;
}

.account-payment-list-item-content > div:first-child > div:first-child {
    font-weight: 500;
    font-size: 1.15rem;
    color: #333;
    margin-bottom: 5px;
    margin-top: 2.5px;
}

.account-payment-list-item-content > div:first-child > div:nth-child(2) {
    font-size: .85rem;
    color: #5f6368;
    line-height: 1.4;
}

.account-payment-list-item-content > div:nth-child(2) {
    width: 130px;
    padding-left: 20px;
    color: #333;
    font-weight: 600;
    font-size: .95rem;
    padding-top: 4.5px;
}

.account-payment-list-item-content > div:nth-child(3) {
    width: 20px;
    text-align: right;
    padding-top: 5px;
}

.account-payment-list-item-content > div:nth-child(3) > i {
    font-size: 1.15rem;
    color: #999;
}

/* Context menu */
.context-menu-btn {
    cursor: pointer;
}

.context-menu {
    position: relative;
}

.context-menu > span:first-of-type i {
    font-size: 1.6rem;
}

.context-menu ul {
    pointer-events: none;
    visibility: hidden;
    z-index: 12;
    border-radius: 3px;
    padding-top: 15px;
    padding-bottom: 15px;
    list-style-type: none;
    right: 0;
    top: calc(100% + 10px);
    position: absolute;
    background-color: #fff;
    -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);
}

.context-menu.active ul {
    opacity: 1.0;
    pointer-events: auto;
    visibility: visible;
}

.context-menu.top ul {
    bottom: 40px;
    top: revert;
}

.context-menu.left ul {
    right: revert;
}

.context-menu ul li {
    text-align: left;
    padding: 6px 20px;
    width: 250px;
    font-size: 1.0rem;
    font-weight: 500;
    cursor: pointer;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
}

.context-menu ul li:hover {
    background-color: #eee;
}
/* /Context menu */

.btn-chain > br {
    display: none;
}

/* Page loader */
.page-loader {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 999;
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    opacity: 0;
    pointer-events: none;
}

.page-loader.active {
    opacity: 1;
    pointer-events: all;
}

.page-loader > div {
    width: 100%;
    height: 100%;
}

.page-loader.side-menu-mode > div {
    padding-left: 300px;
}

.page-loader > div > div {
    width: 100px;
    height: 100px;
    -webkit-box-shadow: 0 11px 34px 0 rgba(120, 120, 128, 0.16);
    box-shadow: 0 11px 34px 0 rgba(120, 120, 128, 0.16);
    border-radius: 15px;
    background-color: #fff;
    text-align: center;
    /* -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px); */
}

.page-loader > div > div > img {
    width: 40px;
    height: 40px;
}

#main-page-line-loader {
    display: none;
}

#main-page-line-loader.active {
    display: block;
}

.g-line-loader {
    z-index: 10 !important;
    position: fixed !important;
    top: 0;
    left: 0;
    height: 3px !important;
    width: 0;
    background: #000 !important;
    /* background: #4285F4 !important; */
    /* Google Blue */
    animation: gLineLoader 2s ease-in-out infinite;
}

@keyframes gLineLoader {
    0% {
        width: 0%;
        opacity: 1;
    }

    50% {
        width: 70%;
        opacity: 1;
    }

    80% {
        width: 100%;
        opacity: 1;
    }

    100% {
        width: 100%;
        opacity: 0;
    }
}
/* /Page loader */

/* Account dropdown */
.account-dropdown-container {
    position: relative;
}

.account-dropdown {
    position: relative;
}

.account-dropdown-list {
    position: absolute;
    right: -5px;
    width: 300px;
    background-color: #fff;
    list-style-type: none;
    border-radius: 20px;
    border: 1px solid #eee;
    /* box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.04), 0 10px 5px 2px rgba(0, 0, 0, 0.04); */
    border: 4px solid #eee;
    margin: 0;
    padding: 10px;
    margin-top: 20px;
    display: none;
}

.account-dropdown-list::before {
    position: absolute;
    background: transparent;
    border: 10px solid transparent;
    content: "";
    top: -21px;
    border-bottom-color: #eee;
    right: 20px;
}

.show-account-dropdown-list {
    position: relative;
}

.red-notification-indicator {
    background-color: #ff0000;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    bottom: -2.5px;
    border: 3px solid #fff !important;
    visibility: hidden;
}

.civ {
    font-size: .85rem;
    font-family: 'euclidCircularB';
    color: #000;
    border: 1px solid #000;
    display: inline-block;
    white-space: nowrap;
    height: 34px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 500;
    border-radius: 5px;
}

.show-account-dropdown-list:not(.account-img-verified) .red-notification-indicator {
    left: -7px;
    top: 15px;
    border: 3px solid #faebd7 !important;
}

.red-notification-indicator.active {
    visibility: visible;
}

.red-notification-indicator.default {
    position: relative;
    left: initial;
    bottom: initial;
}

@media screen and (max-height: 500px) {
    .account-dropdown-list {
        height: 70vh;
        height: 70dvh;
        overflow-y: auto;
    }
}

.account-dropdown-list.type-2 {
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 250px;
}

.account-dropdown-list.active {
    display: block;
}

.account-dropdown-list > li.account-dropdown-list-item {
    width: 100%;
    cursor: pointer;
    border-radius: 10px;
}

.account-dropdown-list.type-2 > li.account-dropdown-list-item {
    border-radius: 5px;
}

.account-dropdown-list-item-content {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    text-align: left;
    padding: 8px 10px;
}

.account-dropdown-list.type-2 > li.account-dropdown-list-item .account-dropdown-list-item-content {
    padding-top: 9px;
    padding-bottom: 9px;
}

.account-dropdown-list-item-content > div:first-child {
    width: 35px;
}

.account-dropdown-list-item-content > div:first-child img {
    width: 23.5px;
    vertical-align: bottom;
}

.account-dropdown-list-item-content > div:first-child i {
    font-size: 1.5rem;
}

.account-dropdown-list-item-content > div:nth-child(2) {
    width: calc(100% - 35px);
    font-size: .94rem;
    font-weight: 500;
}

.account-dropdown-list-line {
    width: 100%;
    height: 1px;
    background-color: #eee;
    margin: 5px 0;
}

.account-a-list {
    font-size: .75rem;
    text-align: left;
    color: #808080;
    padding: 15px;
}

.account-a-list > span {
    margin-left: 3px;
    margin-right: 3px;
}

.account-a-list > a {
    color: #808080;
    font-weight: 500;
    font-family: EuclidCircularB, Ubermove, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}
/* /Account dropdown */

/* Settings modal */
.settings-component-container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 10;
    display: none;
}

.settings-component-container.page-mode {
    display: block;
    height: auto;
    position: relative;
    z-index: inherit;
    background-color: transparent;
}

.settings-component-container.active {
    display: block;
}

.settings-component {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow-y: auto;
}

.settings-component-content {
    width: 100%;
    max-width: 600px;
    min-width: 320px;
    min-height: 200px;
    background-color: #fff;
    border-radius: 10px;
    margin-top: 10vh;
    margin-top: 10dvh;
    margin-bottom: 10vh;
    margin-bottom: 10dvh;
}

.settings-component-container.page-mode .settings-component-content {
    margin-top: 0;
}

.settings-component-content > div {
    width: 100%;
    padding: 15px 25px;
}

.settings-component-content-header {
    border-bottom: 1px solid #eee;
}

.settings-component-closer {
    width: 28px;
    height: 28px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50%;
}

.settings-component-closer > i {
    font-size: 1.25rem;
}

.settings-component-content-header-text {
    font-size: 1.15rem;
}

.settings-component-content-header-text > small {
    font-size: .95rem;
    font-weight: 500;
    color: #808080;
    display: block;
}

.settings-component-label {
    display: block;
    font-weight: 500;
    font-family: 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.settings-component-label > small {
    color: #808080;
    display: block;
    margin-top: 2px;
    line-height: 1.3;
}

.settings-component-label > small.warn {
    color: #ff0000;
}

.settings-component-input {
    display: block;
    width: 100%;
    padding: 15px;
    border: 1px solid #dbdbdb;
    border-radius: 7px;
    margin: 20px 0;
    font-family: 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: .95rem;
    font-weight: 500;
}

.settings-component-input.cap {
    text-transform: capitalize;
}

textarea.settings-component-input {
    resize: vertical;
    max-height: 150px;
    min-height: 150px;
}

.settings-component-input:focus {
    border-color: #000;
    outline: 1px solid #000;
}

.settings-component-save-btn {
    background-color: #111;
    color: #fff;
    width: 100%;
    padding: 15px 20px;
    text-align: center;
    font-size: .95rem;
    border-width: 0;
    border-radius: 8px;
    cursor: pointer;
    font-family: 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
}

.settings-component-error {
    width: 100%;
    margin-bottom: 15px;
    color: #ff0000;
    display: none;
}

.settings-component-error.active {
    display: -webkit-flex;
    display: flex;
}

.settings-component-error > div:first-child {
    width: 35px;
    min-width: 35px;
}

.settings-component-error > div:first-child > i {
    font-size: 1.35rem;
}

.settings-component-error > div:nth-child(2) {
    width: calc(100% - 35px);
    font-size: .90rem;
    font-weight: 500;
    line-height: 1.4;
    font-family: 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.settings-component-birthday {
    width: 100%;
}

.settings-component-birthday > div:first-child {
    width: calc(30% - 10px);
}

.settings-component-birthday > div:nth-child(2) {
    width: calc(45% - 10px);
}

.settings-component-birthday > div:nth-child(3) {
    width: calc(25% - 10px);
}

.settings-component-mobile-number {
    width: 100%;
}

.settings-component-mobile-number > div:first-child {
    width: calc(30% - 7px);
}

.settings-component-mobile-number > div:nth-child(2) {
    width: calc(70% - 7px);
}

.settings-component-list-item {
    width: 100%;
    margin: 15px 0;
    cursor: pointer;
}

.settings-component-list-item > div:first-child {
    width: 35px;
    min-width: 35px;
}

.settings-component-list-item > div:first-child > div {
    border-radius: 4px;
    width: 20px;
    height: 20px;
    border: 1px solid #111;
    color: #fff;
}

.settings-component-list-item > div:first-child > div i {
    font-size: .90rem;
    vertical-align: middle;
    transform: translateY(1px);
}

.settings-component-list-item.active > div:first-child > div,
.settings-component-list-item.selected > div:first-child > div {
    background-color: #1a73e8;
    color: #fff;
    border-color: #1a73e8;
}

.settings-component-list-item > div:nth-child(2) {
    width: calc(100% - 35px);
    font-family: 'UberMove', Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
}

.settings-photo-container {
    max-width: 100%;
    margin: 25px 0;
    position: relative;
}

.settings-photo-container img {
    max-width: 100%;
    max-height: 250px;
    display: block;
    border-radius: 5px;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.required-badge {
    display: inline-block;
    font-size: 10px;
    background: #DC3545;
    color: #fff;
    line-height: 15px;
    height: 15px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
    margin-left: 10px;
    pointer-events: none;
}

.settings-photo-container .img-remover-btn {
    border: 1px solid #eee;
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    display: flex;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 15px;
    left: 15px;
}

.settings-photo-container .img-remover-btn i {
    color: #000;
}

.settings-component-input-container {
    width: 100%;
    position: relative;
    margin: 20px 0;
}

.settings-component-input-container > div {
    width: 100%;
    position: relative;
    height: 100%;
}

.settings-component-input-container > div:first-child input {
    padding-right: 60px;
    margin: 0;
}

.settings-component-input-container > div:nth-child(2) {
    width: 60px;
    position: absolute;
    right: 0;
    text-align: center;
    cursor: pointer;
}

.settings-component-input-container > div:nth-child(2) i {
    font-size: 1.5rem;
    vertical-align: middle;
}

/* /Settings modal */

/* Dashboard */
.dashboard-notice-item-content
{
    width: 100%;
    background-color: #fafad2;
    /* border: 1px solid #eee; */
    padding: 15px 15px;
    border-radius: 10px;
    margin-bottom: 25px;
    font-family: 'UberMove';
    font-weight: 500;
    line-height: 1.45;
    font-size: .94rem;
}

.dashboard-notice-item-content > div:first-child {
    width: 40px;
}

.dashboard-notice-item-content > div:first-child i {
    font-size: 2.0rem;
}

.dashboard-notice-item-content > div:nth-child(2) {
    width: calc(100% - 40px);
}

.dashboard-notice-item-content > div:nth-child(2) > span {
    display: block;
    max-width: 750px;
}

.accordion-container {
    width: 100%;
}

.accordion-container-item {
    width: 100%;
}

.accordion-container-item > div {
    width: 100%;
}

.accordion-container-item > div:first-child {
    border-top: 1px solid #eee;
}

.accordion-container-item-header-content {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    font-family: Ubermove, Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
}

.accordion-container-item-header-content small {
    font-weight: 600;
}

.accordion-container-item-header-content .small-container {
    margin-top: -5px;
}

.accordion-container-item-header-content small.pending {
    color: #ff0000;
}

.accordion-container-item-header-content small.pending-light {
    color: #ffa500;
}

.accordion-container-item-header-content small.completed {
    color: #45a049;
}

.accordion-container-item-header-content > div:first-child {
    width: 50px;
    min-width: 50px;
}

.accordion-container-item-header-content > div:nth-child(2) {
    width: calc(100% - 130px);
}

.accordion-container-item-header-content > div:nth-child(3) {
    width: 80px;
    min-width: 80px;
    text-align: right;
}

.accordion-container-item-header-content.tcm > div:first-child {
    width: 50px;
    min-width: 50px;
}

.accordion-container-item-header-content.tcm > div:nth-child(2) {
    width: calc(100% - 150px);
}

.accordion-container-item-header-content.tcm > div:nth-child(3) {
    width: 115px;
    min-width: 115px;
    text-align: right;
}

.accordion-container-item-header-content > div:nth-child(3) > a {
    display: inline-block;
    border: 1px solid #000;
    padding: 3px 10px;
    border-radius: 5px;
    cursor: pointer;
    font-size: .94rem;
    white-space: nowrap;
}

.accordion-container-item-header-content > div:nth-child(3) > a.black {
    background-color: #000;
    color: #fff;
}

.accordion-status {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #000;
    color: #fff;
}

.accordion-status i {
    font-size: 1.25rem;
}

.accordion-status.completed {
    border-color: #b8860b;
    background-color: #b8860b;
    color: #fff;
}

.profile-picture-item-mini {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.required {
    color: #ff0000;
    margin-right: 10px;
}

.complete-profile-progress {
    width: 100%;
    height: 20px;
    border-radius: 60px;
    background-color: #00ffff;
    overflow: hidden;
    margin-bottom: 20px;
}

.complete-profile-progress > div {
    height: 100%;
    background-color: #00cf30;
}

.simple-dashboard-desc {
    display: block;
    line-height: normal;
    font-weight: 500 !important;
    color: #999;
}

/* /Dashboard */

/* Mobile map */
.mobile-map-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    overflow: hidden;
    background-color: rgba(0,0,0,0.6);
    display: none;
}

.mobile-map-modal.active {
    display: block;
}

.mobile-map-modal > div {
    width: 100%;
    height: 100%;
}

.mobile-map-modal > div > div {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: relative;
}

.map-closer-btn {
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: #222;
    border-radius: 50%;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.20);
    margin-left: 30px;
    cursor: pointer;
    position: absolute;
    right: 65px;
    top: -10px;
}

.map-closer-btn i {
    color: #fff;
    font-size: 1.5rem;
}

.mobile-map-search {
    width: 100%;
}

.mobile-map-search > div {
    position: relative;
}

.mobile-map-search > div:first-child {
    width: calc(100% - 80px);
}

.mobile-map-search > div:nth-child(2) {
    width: 57px;
}

.map-pick-info {
    position: absolute;
    background-color: #000;
    color: #fff;
    white-space: nowrap;
    right: 0;
    bottom: -55px;
    padding: 7px 15px;
    border-radius: 8px;
    font-family: 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
}

.map-pick-info:before {
    content: "";
    width: 0;
    height: 0;
    border: 15px solid transparent;
    position: absolute;
    top: -65%;
    right: 6%;
    border-bottom-color: #000;
}

.map-pick-my-location-btn-rounded {
    width: 57px;
    height: 57px;
    background: #1a73e8;
    color: #fff;
    font-size: 2rem;
    border-radius: 50%;
    cursor: pointer;
}

.map-selected-location-label {
    color: #808080;
}

.selected-map-location {
    background: #fff;
    padding: 10px 15px;
    border-radius: 10px;
    width: 100%;
    transform: translateY(-15px);
    display: block;
    font-family: 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    line-height: 1.4;
}

@media screen and (min-width: 1024px) {
    .mobile-map-modal {
        background-color: rgba(255, 255, 255, 0.4);
    }

    .mobile-map-modal > div > div {
        width: 100%;
        height: 90%;
        overflow: hidden;
        border-radius: 10px;
        background-color: #fff;
        position: relative;
        max-width: 500px;
        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.2) 0px 11px 15px -7px;
	    -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.2) 0px 11px 15px -7px;
    }
}
.selected-work-area {
    color: #808080;
    font-family: 'euclidCircularB', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: .98rem;
    line-height: 1.4;
}
.s-w-location {
    color: #000;
}
.mobile-map-modal > div > div > div {
    width: 100%;
    position: absolute;
}
.mobile-map-modal > div > div > div:first-child * {
    pointer-events: auto;
}
.mobile-map-modal > div > div > div:first-child {
    top: 20px;
    padding: 25px 25px;
    padding-top: 40px;
    z-index: 2;
    pointer-events: none;
}
.mobile-map-modal > div > div > div:nth-child(2) {
    height: 110vh;
    height: 110dvh;
    z-index: 1;
    top: 0;
}
.mobile-map-modal > div > div > div:nth-child(3) {
    bottom: 20px;
    padding: 25px 25px;
    z-index: 2;
}

@media screen and (max-height: 400px) {
    .mobile-map-modal > div > div {
        min-height: 400px;
        margin: 25px 0;
    }

    .mobile-map-modal > div > div > div:nth-child(2) {
        height: 100%;
        z-index: 1;
        top: 0;
    }

    .mobile-map-modal > div {
        overflow-y: auto;
        align-items: flex-start;
    }
}

#index-mobile-map {
    width: 100%;
    height: 100%;
}
/* /Mobile map */

.pick-my-location-btn {
    border: 1px solid #000;
    padding: 10px;
    border-radius: 5px;
}

.custom-search-result-text-item {
    width: 100%;
}

.custom-search-result-text-item div {
    line-height: 1.35;
}

.custom-search-result-text-item > div:nth-child(2) {
    padding-left: 15px;
}

.booking-item-remover-btn {
    background-color: #eee;
    font-size: .75rem;
    display: inline-block;
    padding: 2.5px 10px;
    padding-bottom: 3px;
    line-height: 15px;
    border-radius: 60px;
    color: #818181;
}

/* Auth modal */
.auth-modal {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
}

.auth-modal.active {
    display: block;
}

.auth-modal-inner-container {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    overflow-y: auto;
}

.auth-modal-container {
    width: 100%;
    max-width: 600px;
    min-height: 75vh;
    min-height: 75dvh;
    background-color: #fff;
    margin: 25px 0;
    border-radius: 25px;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

.auth-modal-container > div {
    width: 100%;
    padding: 15px;
}

.auth-modal-closer,
.auth-modal-back-btn {
    width: 40px;
    height: 40px;
    background-color: #eee;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
}

.auth-modal-closer > i,
.auth-modal-back-btn > i {
    font-size: 1.5rem;
}

.auth-modal-container #page-account-selection-main > div {
    padding: 15px 25px;
}

.switch-auth-page-btn {
    cursor: pointer;
}

/* /Auth modal */

#hire-work-footer {
    position: fixed;
    width: 100%;
    bottom: -150px;
    z-index: 5;
    /* border-top: 1px solid #f7f7f7; */
    background: rgba(255, 255, 255, 0.95);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.hire-work-footer-main-content {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 25px;
}

.hire-work-footer-main-content > div {
    width: 48.5%;
}

.hire-work-footer-main-content > div .btn {
    font-size: .94rem;
}

.empty-task-container {
    width: 100%;
    min-height: 80vh;
    min-height: 80dvh;
    text-align: center;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
}

.empty-task-container img {
    width: 200px;
}

.empty-task-container.mini img {
    width: 110px;
}

.empty-task-container > div {
    width: 100%;
    max-width: 400px;
}

.empty-task-container > div > div:nth-child(2) {
    margin-bottom: 25px;
}

.empty-task-container.mini {
    width: 100%;
    min-height: auto;
    max-height: 300px;
    margin: 15px auto;
}

.new-task-icon {
    position: fixed;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    background-color: #000;
    color: #fff;
    bottom: 125px;
    right: 25px;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 20px 5px rgba(0,0,0,0.3);
    cursor: pointer;
    display: none;
}

.new-task-icon i {
    color: #fff;
    font-size: 1.85rem;
}

.list-loader {
    width: 100%;
    padding-top: 20px;
}

.list-loader > div {
    width: 100%;
    min-height: 50px;
    margin-bottom: 200px; 
    text-align: center;
}

.list-loader > div img {
    width: 40px;
}

.new-indicator {
    display: inline-block;
    background: #1a73e8;
    color: #fff;
    font-size: .85rem;
    line-height: 20px;
    border-radius: 60px;
    padding: 0 8px;
    margin-left: 5px;
    transform: translateY(-5px);
    position: relative;
    z-index: 0;
}

.load-new-tasks-container {
    position: fixed;
    left: 360px;
    color: #a52a2a;
    font-size: 1.05rem;
    background: #ffe4c4;
    font-family: 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    width: calc(100vw - 410px);
    width: calc(100dvw - 410px);
    margin: 10px auto;
    margin-top: 15px;
    border-radius: 10px;
    padding: 10px;
    cursor: pointer;
    display: block;
    text-align: center;
    z-index: 2;
}

.task-preview-loader > div {
    height: 60vh;
    height: 60dvh;
    text-align: center;
}

.task-preview-loader > div img {
    width: 40px;
}

/* Options menu */
.option-menu-container {
    width: 100%;
    position: fixed;
    z-index: 25;
    background: rgba(0,0,0,0.6);
    top: 0;
    left: 0;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    user-select: none;
}

.option-menu-container.active {
    opacity: 1;
    pointer-events: auto;
    user-select: initial;
}

.option-menu-content {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    align-items: center;
}

@media screen and (max-height: 500px) {
    .option-menu-content {
        align-items: flex-start;
        overflow-y: auto;
    }
    .option-menu-main-content {
        margin: 50px 0;
    }
}

.option-menu-main-content {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 500px;
    padding-bottom: 20px;
}

.option-menu-main-content.inactive {
    transform: translateY(10vh);
    transform: translateY(10dvh);
}

.option-menu-main-content > div {
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.option-menu-main-content > div:nth-child(2) {
    margin-top: 15px;
}

.option-menu-main-content-item {
    width: 100%;
    padding: 15px 25px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.option-menu-main-content-item:nth-last-of-type(1) {
    border-bottom-width: 0;
}

.option-menu-main-content-item > div:first-child {
    width: 40px;
    min-width: 40px;
}

.option-menu-main-content-item > div:first-child i {
    font-size: 1.5rem;
    color: #000;
}

.option-menu-main-content-item > div:nth-child(2) {
    width: calc(100% - 40px);
    font-family: Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: 1.0rem;
}

.option-menu-main-content-item.full > div:first-child {
    width: 0;
    display: none;
}

.option-menu-main-content-item.full > div:nth-child(2) {
    width: 100%;
    text-align: center;
}
/* /Options menu */

/* Form modal */
.form-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 25;
    background: rgba(0,0,0,0.8);
    font-weight: 500;
    font-family: Ubermove, system-ui, Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    display: none;
}

.form-modal div.list-mode, 
.form-modal div.standalone-mode {
    display: none !important;
}

.form-modal.list-mode div.list-mode,
.form-modal.standalone-mode div.standalone-mode {
    display: block !important;
}

.form-modal.list-mode div.standalone-mode,
.form-modal.list-mode div.single-mode {
    display: none !important;
}

.form-modal.standalone-mode div.list-mode,
.form-modal.standalone-mode div.single-mode {
    display: none !important;
}

.form-modal.active {
    display: block;
}

.form-modal > div {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    align-items: flex-end;
}

.form-modal.f-start > div {
    align-items: flex-start !important;
}

.form-modal-main-content {
    padding: 15px;
    width: 100%;
    max-width: 500px;
    margin: 25px 0;
}

.form-modal-main-content.mgt-50 {
    margin-top: 25px !important;
}

.form-modal-main-content > div {
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px 10px;
}

.form-modal-main-content > div:first-child {
    text-align: center;
}

.form-modal-main-content > div:first-child > div {
    padding: 15px;
    border-bottom: 1px solid #eee;
}

.form-modal-main-content > div:first-child > div:nth-last-of-type(1) {
    border-bottom-width: 0;
}

.form-modal-main-content > div:nth-child(2) {
    margin-top: 20px;
    border-radius: 60px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 25px;
}

.form-modal-input {
    display: block;
    width: 100%;
    border: 1px solid #dbdbdb;
    border-radius: 7px;
    padding: 15px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4;
    font-family: Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.form-modal-input:focus {
    border-color: #000;
    outline: 2px solid #000;
}

textarea.form-modal-input {
    height: 100px;
    resize: vertical;
}

select.form-modal-input {
    padding-left: 15px !important;
}

.rate-stars-heading {
    color: #999;
    margin-bottom: 10px;
}

.rate-stars > i {
    color: #000;
    font-size: 2rem;
    cursor: pointer;
}

.rate-stars > i:hover {
    background: #00ffff;
    border-radius: 60px; 
}

.rate-stars > i.las {
    color: #daa520;
}

.close-form-modal-btn {
    font-weight: 600;
}

.close-form-modal-btn i.las {
    font-size: 1.35rem;
}

.form-modal .oao-option-btn {
    margin: 0 auto !important;
}
/* Form modal */

.task-preview-loader {
    height: 100%;
    position: fixed;
    width: 100%;
}

.task-canceled-component {
    width: 100%;
    font-family: Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.task-canceled-component > div {
    max-width: 700px;
    padding-left: 20px;
    padding-right: 20px;
}

.task-canceled-component h3 {
    line-height: 1.4;
}

.task-canceled-component p {
    font-weight: 500;
    line-height: 1.4;
}

.task-canceled-component b {
    color: #999;
}

.task-canceled-component img {
    max-width: 100px;
}

.task-completed-container-content {
    width: 100%;
    padding: 20px;
    background-color: #fafad2;
}

.task-completed-container-content > div:first-child {
    width: 40px;
    min-width: 40px;
}

.task-completed-container-content > div:first-child i {
    color: #b8860b;
    font-size: 2rem;
    display: block;
    margin-top: -4px;
}

.task-completed-container-content > div:nth-child(2) {
    width: calc(100% - 50px);
    font-family: Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
}

.show-review-options-btn i {
    font-size: 1.5rem;
    cursor: pointer;
}

.notification-widget {
    width: 100%;
    max-width: 400px;
    box-shadow: 0 0 25px 8px rgba(0, 0, 0, 0.09);
    background: #fff;
    position: fixed;
    top: 80px;
    left: inherit;
    right: 20px !important;
    padding: 25px 10px;
    border-radius: 15px;
    transform: translateY(0);
    z-index: 5;
    opacity: 0;
    pointer-events: none;
}

.notification-widget.active {
    opacity: 1.0;
    pointer-events: auto;
}

.notification-widget.down {
    transform: translateY(60px);
}

.notification-widget-content {
    width: 100%;
}

.notification-widget-content > div:first-child {
    width: 110px;
    min-width: 110px;
}

.notification-widget-content > div:nth-child(2) {
    width: calc(100% - 110px);
}

.notification-widget-content > div:nth-child(2) h3 {
    font-size: 1.15rem;
    font-weight: 800 !important;
    color: #000;
    font-family: Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.notification-widget-content > div:nth-child(2) p {
    max-width: 90%;
    margin: 5px 0;
    margin-bottom: 0;
    font-size: .90rem;
    line-height: 1.4;
    font-weight: 500;
    color: #111;
    font-family: Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.notification-widget-closer {
    position: absolute;
    top: 25px;
    right: 10px;
    background-color: #999;
    display: block;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    color: #fff;
    transform: translateY(-15px);
}

.notification-widget-closer i {
    color: #fff;
}

.notification-widget-link {
    color: #007aff;
    text-decoration: underline;
}

.notification-widget-button-list {
    width: 100%;
    border: 1px solid #dbdbdb;
    white-space: nowrap;
    margin-top: 10px;
    border-radius: 6px;
    height: 35px;
    overflow: hidden;
}

.notification-widget-button-list > a {
    width: 50%;
    font-size: .88rem;
    text-align: center;
    background-color: #f7f7f7;
    height: 34px;
    line-height: 34px;
    font-weight: 600;
    cursor: pointer;
    color: #007aff;
    font-family: EuclidCircularB, Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.notification-widget-button-list.double > a:first-child {
    border-right: 1px solid #dbdbdb;
}

.notification-widget-button-list.full > a:first-child {
    width: 100%;
}

/* Payment modal */
.pay-task-commission-btn {
    cursor: pointer;
}

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

.payment-modal-view.active {
    display: block;
}

.payment-modal-view > div {
    width: 100%;
    height: 100%;
}

.payment-modal-view-content {
    width: 100%;
    max-width: 600px;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.10);
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.10);
}

@media screen and (max-height: 500px) {
    .payment-modal-view > div {
        align-items: flex-start;
        overflow-y: auto;
    }
    .payment-modal-view-content {
        margin: 50px auto;
    }
}

@media screen and (max-height: 400px) {
    .payment-modal-view > div {
        align-items: flex-end;
        overflow-y: auto;
    }
    .payment-modal-view-content {
        margin: 0;
        height: 80% !important;
        overflow-y: auto;
    }
}

.payment-modal-view-content-container {
    width: 100%;
    height: 400px;
}

.payment-modal-view-content-container > div {
    height: 100%;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
}

.payment-modal-view-content-container > div:first-child {
    width: 180px;
    min-width: 180px;
    background: #f4f4f4;
    padding-left: 15px;
}

.payment-modal-view-content-container > div:nth-child(2) {
    width: calc(100% - 180px);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.07);
}

.payment-side-item {
    width: 100%;
    padding: 15px 15px;
    border-bottom: 1px solid #dbdbdb;
    position: relative;
}

.payment-side-item h3 {
    font-family: 'euclidCircularB', Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-weight: 500;
    color: #656565;
}

.payment-side-item-content {
    width: 100%;
    position: relative;
}

.payment-side-item-content > div {
    position: relative;
}

.payment-side-item-content > div:first-child {
    width: 50px;
    min-width: 50px;
    text-align: center;
}

.payment-side-item-content > div:first-child img {
    width: 25px;
    display: inline-block;
    vertical-align: bottom;
}

.payment-side-item-content > div:first-child img.max {
    width: 35px;
}

.payment-side-item-content > div:nth-child(2) {
    width: calc(100% - 50px);
    font-weight: 500;
    color: #656565;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.payment-side-item .payment-side-item-content > div:nth-child(2) .pointer {
    position: absolute;
    width: 5px;
    height: 7px;
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
    background-color: #2b8659;
    right: -15px;
    top: 8px;
    display: none;
}

.payment-side-item.active .payment-side-item-content > div:nth-child(2) .pointer {
    display: block;
}

.switch-pay-mode-btn {
    cursor: pointer;
}

.payment-modal-body > div {
    padding: 15px;
    width: 100%;
}

.payment-modal-body-header {
    border-bottom: 1px solid #eee;
    height: 55.33px;
}

.payment-modal-body-header img {
    width: 25px;
    vertical-align: middle;
    display: inline-block;
    transform: translateY(-2px);
}

.payment-modal-body-header > div:nth-child(2) i {
    font-size: 1.45rem;
}

.payment-modal-body-header-main {
    text-align: center;
    height: 180px;
}

.paying-amount-container {
    margin: 35px 0;
    margin-bottom: 20px;
}

.paying-amount-container h2 {
    font-size: 2.35rem;
}

.payment-modal-body-footer {
    padding-left: 35px !important;
    padding-right: 35px !important;
}

.payment-modal-body-footer .other-account-options {
    border-top: 1px solid #eee;
}

.yap {
    font-size: 1.25rem;
    color: #45a049;
}

.pmd {
    max-width: 70%;
    margin: auto;
    text-align: center;
}

.pmd.nws {
    white-space: nowrap;
    max-width: 100%;
}

.pay-top {
    display: none;
    text-align: center;
}

.pay-top > span {
    display: inline-block;
    width: 60px;
    height: 5px;
    border-radius: 5px;
    background-color: #808080;
    transform: translateY(-15px);
}

.pay-mobile-menu {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fafafa;
    border-bottom: 1px solid #eee;
    display: none;
}

.pay-mobile-menu .payment-side-item {
    height: 15px;
    line-height: 15px;
    width: auto;
    border-bottom: 0;
    padding: 0;
    margin-right: 25px;
}

.payment-side-item.active * {
    color: #2b8659 !important;
    font-weight: 600 !important;
}

.pay-mobile-menu .payment-side-item > div {
    height: 15px;
    line-height: 15px;
}

.pay-mobile-menu .payment-side-item-content > div:first-child img.max {
    width: 20px;
}

.pay-mobile-menu .payment-side-item-content > div:first-child img {
    width: 15px;
    display: inline-block;
    vertical-align: bottom;
}

.payment-modal-table {
    width: 100%;
    border-collapse: collapse;
}

.payment-modal-table tr {
    border-bottom: 1px solid #eee;
}

.payment-modal-table tr th {
    color: #999;
}

.payment-modal-table tr th, 
.payment-modal-table tr td {
    padding: 10px;
    text-align: left;
    font-weight: 500;
    font-size: .91rem;
    font-family: Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.payment-modal-table > tbody > tr:nth-last-of-type(1) {
    border-bottom-width: 0;
}

.payment-modal-table tr th:nth-last-of-type(1), 
.payment-modal-table tr td:nth-last-of-type(1) {
    padding: 10px;
    text-align: right;
}

.payment-modal-body-header-main-item.wide {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

.payment-task-title {
    margin-bottom: 0px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.pmd-icon {
    margin-bottom: 20px;
}

.pmd-icon > i {
    font-size: 2rem;
}

.pmd-icon > i.red {
    color: #ff0000;
}

.pay-interactive-item {
    display: none;
}

.payment-modal-view[mode='payment'] .pay-paying-container {
    display: block;
}

.payment-modal-view[mode='confirm'] .pay-comfirm-payment-container {
    display: block;
}

.payment-modal-view[mode='error'] .pay-error-container {
    display: block;
}

.payment-modal-view[mode='success'] .pay-success-container {
    display: block;
}

.payment-modal-view[mode='summary'] .pay-summary-container {
    display: block;
}

#check-group {
    animation: 0.32s ease-in-out 1.03s check-group;
    transform-origin: center;
}

#check-group #check {
    animation: 0.34s cubic-bezier(0.65, 0, 1, 1) 0.8s forwards check;
    stroke-dasharray: 0, 75px;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#check-group #outline {
    animation: 0.38s ease-in outline;
    transform: rotate(0deg);
    transform-origin: center;
}

#check-group #white-circle {
    animation: 0.35s ease-in 0.35s forwards circle;
    transform: none;
    transform-origin: center;
}

@keyframes outline {
    from {
        stroke-dasharray: 0, 345.576px;
    }

    to {
        stroke-dasharray: 345.576px, 345.576px;
    }
}

@keyframes circle {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(0);
    }
}

@keyframes check {
    from {
        stroke-dasharray: 0, 75px;
    }

    to {
        stroke-dasharray: 75px, 75px;
    }
}

@keyframes check-group {
    from {
        transform: scale(1);
    }

    50% {
        transform: scale(1.09);
    }

    to {
        transform: scale(1);
    }
}
/* /Payment modal */

/* Receipt modal */
.view-payment-receipt-btn {
    cursor: pointer;
}

.receipt-modal {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    z-index: 20;
    position: fixed;
    display: none;
}

.receipt-modal.download-mode {
    background: rgba(250, 250, 250, 0.7);
}

.receipt-modal.active {
    display: block;
}

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

.receipt-modal-content {
    width: 90%;
    background-color: #fff;
    max-width: 500px;
    border-radius: 20px;
    margin: 50px auto;
    overflow: hidden;
}

.receipt-modal.download-mode .receipt-modal-content {
    border: 1px solid #eee;
    max-width: 500px;
}

.receipt-modal-content > div {
    width: 100%;
}

.receipt-modal-content > div:first-child {
    padding: 25px;
    background-color: #f7f7f7;
    text-align: center;
    border-bottom: 1px solid #eee;
}

.receipt-modal-content > div:first-child > div > svg {
    width: 50px;
    border-radius: 50%;
    height: 50px;
}

.receipt-modal-content > div:first-child > div > h3 {
    font-size: 1.5rem;
    margin: 10px auto;
    margin-bottom: 0;
    font-family: 'euclidCircularB', 'UberMove', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.receipt-modal-content > div:first-child > div > p {
    margin-top: 2.5px;
    color: #898989;
    font-weight: 500;
    margin-bottom: 0;
    font-size: .95rem;
    line-height: 1.5;
    font-family: 'UberMove', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.receipt-modal-content > div:nth-child(2) {
    padding: 25px;
    background-color: #fff;
}

.receipt-table {
    width: 100%;
}

.receipt-table > table {
    border-collapse: collapse;
    width: 100%;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: .92rem;
}

.receipt-table tr td,
.receipt-table tr th {
    border: 1px solid #eee;
    padding: 10px;
    border-right-width: 0;
    line-height: 1.5;
}

.receipt-table tr td:first-child,
.receipt-table tr th:first-child {
    border-left-width: 0;
    text-align: left;
    width: 60%;
}

.receipt-table tr td:nth-child(2),
.receipt-table tr th:nth-child(2) {
    text-align: right;
}

.receipt-no-text {
    font-family: Ubermove, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: .90rem;
    color: #898989;
    font-weight: 500;
    margin-bottom: 5px;
}

.receipt-closer-text {
    width: 100%;
    display: block;
    cursor: pointer;
    font-size: 1.05rem;
    font-family: euclidCircularB, Ubermove, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
/* /Receipt modal */

/* Payment summary */

.payment-summary {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.payment-summary-item {
    width: 33.33%;
    padding: 30px 15px;
}

.payment-summary-item-content,
.payment-summary-item-head,
.payment-summary-item-body {
    width: 100%;
}

.payment-summary-item-head {
    font-size: 1.25rem;
    font-family: 'EuclidCircularB', Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.payment-summary-item-body {
    border: 1px solid #dbdbdb;
    padding: 25px;
    border-radius: 15px;
    margin-top: 20px;
    min-height: 50vh;
    min-height: 50dvh;
}

.payment-summary-item-body h2 {
    font-size: 2.0rem;
    margin: 15px 0;
    font-family: 'EuclidCircularB', Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.payment-summary-item-body > div {
    color: #828282;
    font-weight: 500;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.payment-summary-item-body > h4 i {
    font-size: 1.35rem;
    margin-right: 5px;
    transform: translateY(3px);
}

.payment-summary-item-body > h4 {
    color: #62646b;
    font-size: .85rem;
}

.all-billings-earnings-btn {
    width: 100%;
    display: block;
    padding: 15px 30px;
    border-bottom: 1px solid #dbdbdb;
}

.all-billings-earnings-btn > a {
    display: block;
    text-align: center;
    padding: 10px 15px;
    border-radius: 10px;
    background-color: #111;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.all-billings-earnings-btn > a.important {
    background: #ff0000 !important;
    color: #fff !important;
    border-color: #ff0000 !important;
}

.see-pending-payments-text-btn {
    display: block;
    text-align: center;
    padding-bottom: 10px;
    color: #828282;
    font-size: .87rem;
    font-family: 'euclidCircularB';
}

.pending-payments-indicator > span {
    display: inline-block;
    width: 30px;
    height: 18.5px;
    line-height: 19.5px;
    font-size: .80rem;
    margin-left: 10px;
    text-align: center;
    background: #ff0000;
    color: #fff;
    border-radius: 60px;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.payment-summary-item-head > div:first-child {
    width: 50px;
    min-width: 50px;
}

.payment-summary-item-head > div:first-child img {
    max-width: 30px;
}

.payment-summary-item-head > div:nth-child(2) {
    width: calc(100% - 50px);
}

.view-unpaid-commissions-btn {
    background: #fff !important;
    color: #ff0000 !important;
    border: 1px solid #333 !important;
    width: 100%;
    display: block;
    margin-top: 10px;
    cursor: pointer;
    font-weight: 500;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.simple-info {
    font-size: .80rem;
    display: block;
    line-height: 1.4;
    color: #999;
    margin-top: 10px;
}

/* /Payment summary */

/* Chat */
.header-chat-icon-container {
    display: inline-block;
    vertical-align: middle; 
    position: relative;
    transform: translateY(-2px);
}
.header-chat-icon-container.active::before {
    content: "";
    position: absolute;
    border: 15px solid transparent;
    border-bottom-color: #fff;
    top: 14px;
    right: -5px;
    z-index: 2;
    pointer-events: none;
}
.header-chat-icon-container.active::after {
    content: "";
    position: absolute;
    border: 15px solid transparent;
    border-bottom-color: #dbdbdb;
    top: 13px;
    right: -5px;
    z-index: 1;
    pointer-events: none;
}
.header-chat-icon {
    display: inline-block;
    width: 20px;
    vertical-align: middle;
    cursor: pointer;
    font-size: 1.20rem;
    color: #fff;
}
.-white-mode- .header-chat-icon {
    color: #000;
}
.header-chat-icon-container.hcic-mobile {
    transform: translate(-15px, 1px);
}
.header-chat-icon-container.hcic-mobile .header-chat-icon {
    font-size: 1.35rem;
}
.header-unread-messages {
    position: absolute;
    background: #ff0000;
    width: 20px;
    font-size: 12px;
    height: 20px;
    line-height: 21px;
    text-align: center;
    border-radius: 60px;
    color: #fff;
    transform: translate(-10px, -10px);
    pointer-events: none;
    display: none;
}
.header-unread-messages.active {
    display: inline-block;
}
.header-unread-messages.two-characters {
    width: 25px;
}
.header-unread-messages.three-characters {
    width: 35px;
}
.chat-notifications {
    position: absolute;
    /* top: 100%;
    right: -52.5px; */
    top: 7px;
    right: 70px;
    display: none;
}
.chat-notifications.active {
    display: block;
}
.chat-notifications-content {
    position: relative;
    width: 400px;
    height: 400px;
    background: #fff;
    margin-top: 22px;
    border-radius: 8px;
    border: 1px solid #dbdbdb;
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.08);
}
.msg-small-date {
    text-align: right;
    padding-right: 15px;
    text-transform: uppercase;
    transform: translateY(3px);
}
.msg-small-date.left {
    text-align: left;
    padding-left: 55px;
}
.msg-small-date > small {
    font-size: 10.5px;
    text-align: right;
    font-weight: 600;
    color: #999;
    font-family: Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
/* .chat-notifications-content::before {
    content: "";
    position: absolute;
    border: 15px solid transparent;
    border-bottom-color: #fff;
    top: -29px;
    right: 45px;
}
.chat-notifications-content::after {
    content: "";
    position: absolute;
    border: 15px solid transparent;
    border-bottom-color: #dbdbdb;
    top: -30.30px;
    right: 45px;
    z-index: -1;
} */
.chat-notifications-content > div {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.chat-notifications-content-header {
    padding-top: 3px;
    height: 40px;
    border-bottom: 1px solid #eee;
}
.chat-notifications-content-header h4 {
    font-family: EuclidCircularB, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-weight: 500;
    text-align: right;
}
.chat-notifications-content-header h4 i.la-times {
    font-size: 1rem;
    cursor: pointer;
    transform: translateX(6px);
    background: #999;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    padding-left: 1px;
}
.chat-notifications-content-nav {
    height: 50px;
    /* border-bottom: 1px solid #eee; */
}
.chat-notifications-content-body {
    height: calc(100% - 90px);
    overflow-y: auto;
    padding-left: 0;
    padding-right: 0;
}
.chat-notifications-content-nav-search {
    width: 100%;
    height: 34px;
    background-color: #eee;
    border: 1px solid #eee;
    border-radius: 60px;
}
.chat-notifications-content-nav-search.focused {
    background-color: #fff;
    border-color: #333;
    outline: 1px solid #000;
}
.chat-notifications-content-nav-search > div:first-child {
    width: 40px;
    min-width: 40px;
    text-align: center;
}
.chat-notifications-content-nav-search > div:first-child i {
    font-size: 1.25rem;
    color: #808080;
    transform: translateY(2px);
}
.chat-notifications-content-nav-search > div:nth-child(2) {
    width: calc(100% - 80px);
}
.chat-notifications-content-nav-search > div:nth-child(2) input {
    display: block;
    width: 100%;
    background-color: transparent;
    border-width: 0;
    font-family: 'Ubermove', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: .95rem;
}
.chat-notifications-content-nav-search > div:nth-child(3) {
    width: 40px;
    text-align: center;
}
.chat-notifications-content-nav-search > div:nth-child(3) i {
    font-size: 1.25rem;
    display: none;
}
.chat-notifications-content-nav-search.search-mode > div:nth-child(3) i {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background: #808080;
    font-size: .90rem;
    cursor: pointer;
}
.chat-container {
    width: 380px;
    height: 400px;
    position: fixed;
    bottom: 0;
    right: 20px;
    border: 1px solid #dbdbdb;
    border-bottom-width: 0;
    background-color: #fff;
    z-index: 5;
    box-shadow: 5px 6px 10px 6px rgba(0,0,0,0.15);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    display: none;
}
.chat-container.active {
    display: block;
}
.chat-page {
    width: 100%;
    height: calc(100vh - 65px);
    height: calc(100dvh - 65px);
    background-color: #fff;
    border-left: 1px solid #eee;
}
.chat-notifications-container {
    position: absolute;
    width: 100%;
    z-index: -1;
}
.slim-mode .chat-page {
    border-left-width: 0;
}

.for-you-mode-hidden-menu-item,
.profile-mode-hidden-menu-item {
    display: none !important;
}

.for-you-mode .for-you-mode-hidden-menu-item,
.profile-mode .profile-mode-hidden-menu-item {
    display: inline-block !important;
}

.chat-page-content {
    width: 100%;
    height: 100%;
}

.chat-page-content > div {
    height: 100%;
}

.chat-page-content > div:first-child {
    width: 350px;
    border-right: 1px solid #eee;
}

.chat-page-content > div:first-child > div {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.chat-page-content > div:nth-child(2) {
    width: calc(100% - 350px);
}

.chat-page-content > div:nth-child(2) > div {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.chat-page-content-contact-component-content {
    padding: 22.5px 15px;
}

.chat-page-content-contact-component-content h2 {
    font-size: 2.15rem;
}

.chat-error-container {
    height: 100%;
    position: absolute;
    background: #fff;
    z-index: 10;
    width: 100%;
    top: 0;
    left: -0px;
    display: none;
}

.chat-error-container.active {
    display: block;
}

.chat-error-container > div {
    height: 100%;
    width: 100%;
    color: #ff0000;
    font-weight: 500;
    background: #faebd7;
    border-top: 2px solid #ff0000;
    font-family: 'euclidCircularB', Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.chat-sender-footer {
    width: 100%;
}

.chat-sender-footer > div:first-child {
    width: 60px;
    min-width: 60px;
}

.chat-sender-footer > div:nth-child(2) {
    width: calc(100% - 60px);
}

.chat-media-upload-btn {
    width: 45px;
    vertical-align: middle;
}

.inline-contacts-component {
    width: 100%;
    height: 110px;
    position: relative;
    overflow: hidden;
    width: calc(100% + 30px);
    left: -15px;
}

.inline-contacts-component > div {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.inline-contacts-component > div:first-child {
    pointer-events: none;
    z-index: 2;
}

.inline-contacts-component > div:nth-child(2) {
    pointer-events: none;
    z-index: 1;
}

.inline-contacts-component > div:nth-child(2) > div:first-child {
    width: 50px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    right: -20px;
    filter: blur(10px);
}

.inline-contacts-component > div:nth-child(3) {
    pointer-events: all;
    z-index: 0;
    overflow-x: hidden;
    padding-left: 15px;
}

.inline-contact-item {
    width: 70px;
    margin-right: 20px;
}

.inline-contact-item > div {
    width: 100%;
    text-align: center;
}

.inline-contact-item > div:first-child {
    position: relative;
}

.inline-contact-item > div:first-child > img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.inline-contact-item-name {
    max-width: 100%;
    display: inline-block;
    font-size: .85rem;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.inline-contact-item-verified-icon {
    position: absolute;
    right: -5px;
    background: #fff;
    border-radius: 50%;
    padding: 2px;
    width: 22px;
    vertical-align: middle;
    margin-left: 5px;
}

.message-contact-item {
    width: 100%;
    margin: 20px 0;
    cursor: pointer;
}

.message-contact-item .inline-contact-item-verified-icon {
    right: -0.5px;
}

.message-contact-item > div:first-child {
    width: 75px;
    position: relative;
}

.message-contact-item > div:first-child > img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    border: 1px solid #dbdbdb;
}

.message-contact-item > div:nth-child(2) {
    padding-left: 10px;
    width: calc(100% - 75px);
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    text-align: left;
    font-family: 'Ubermove', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.message-contact-item:nth-last-of-type(1) > div:nth-child(2) {
    border-bottom-width: 0;
}

.message-contact-item-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
    font-size: .91rem;
    font-weight: 600;
    width: 100%;
}

.message-contact-item-header {
    width: 100%;
}

.message-contact-item-header > div:first-child {
    width: calc(100% - 110px);
}

.message-contact-item-header > div:nth-child(2) {
    width: 110px;
    min-width: 110px;
    font-size: .80rem;
    font-weight: 500;
    color: #5f6368;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
}

.message-contact-item-header > div.alert {
    color: #00cf30;
}

.message-contact-item-last-message-container {
    line-height: 20px;
}

.message-contact-item-check-mark {
    font-size: 1.2rem;
}

.message-contact-item-check-mark.read {
    color: #1a73e8;
}

.message-contact-item-last-message {
    line-height: 1.3;
    font-size: .84rem;
    color: #5f6368;
    font-weight: 500;
}

.message-contact-item-last-message-container > div:first-child {
    width: calc(100% - 35px);
    text-align: left;
}

.message-contact-item-last-message-container > div:nth-child(2) {
    width: 35px;
    text-align: right;
}

.message-contact-item-alert {
    justify-self: flex-end;
    display: inline-block;
    width: 23px;
    height: 23px;
    text-align: center;
    line-height: 23px;
    background: #00cf30;
    color: #fff;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    transform: translateX(5px);
    margin-top: 6px;
}

.message-contact-item-alert.ext {
    width: 30px;
}

.task-conversation-group {
    padding: 10px 15px;
    background: #f0f8ff;
    border-radius: 10px;
    margin-top: 5px;
}

.task-conversation-group-item {
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #dbdbdb;
}

.task-conversation-group-item:nth-last-of-type(1) {
    margin-bottom: 0;
    border-bottom-width: 0;
}

.task-conversation-group-item > div:first-child {
    width: calc(100% - 50px);
}

.task-conversation-group-item > div:first-child > div {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-conversation-group-item > div:first-child > div:first-child {
    font-family: 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: .87rem;
}

.task-conversation-group-item > div:first-child > div:nth-child(2) {
    font-family: 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: .87rem;
    color: #999;
    margin-top: -5px;
}

.task-conversation-group-item > div:nth-child(2) {
    width: 50px;
    min-width: 50px;
}

.tc-group-title{
    font-family: 'euclidCircularB', Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #808080;
}

.tg-group-container {
    display: none;
}

.tg-group-container.active {
    display: block;
}

.no-chats-container {
    width: 100%;
    height: 250px;
}

.no-chats-container > div {
    width: 100%;
    height: 100%;
    text-align: center;
    font-family: Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
}

.no-chats-desc {
    color: #999;
    max-width: 250px;
    margin: auto;
}

.no-chats-desc small {
    display: inline-block;
    line-height: 1.35;
    font-size: .90rem;
}

.no-chats-container > div svg {
    max-width: 80px;
}

.msg-extra {
    white-space: nowrap;
}

.chat-messages-container {
    width: 100%;
    height: 100%;
}

.chat-messages-container > div {
    width: 100%;
}

.chat-messages-container > div > div {
    width: 96%;
    margin: auto;
}

.chat-messages-header {
    height: 60px;
    /* border-bottom: 1px solid #e7e7e7; */
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.96);
}

.chat-messages-body {
    height: calc(100% - 120px);
    overflow-y: auto;
    padding-bottom: 25px;
    position: relative;
}

.message-scroll-to-bottom {
    position: absolute;
    bottom: 85px;
    right: 25px;
    width: 40px !important;
    height: 40px !important;
    align-items: center;
    background: #fff;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
}

.message-scroll-to-bottom.active {
    opacity: 1;
    pointer-events: auto;
}

.message-scroll-to-bottom i {
    font-size: 1.35rem;
    color: #000;
}

.message-unseen-count {
    display: inline-block;
    position: absolute;
    top: -40px;
    width: 30px;
    height: 30px;
    background: #00cf30;
    line-height: 30px;
    color: #fff;
    border-radius: 50%;
    font-size: .85rem;
    opacity: 0;
    pointer-events: none;
}

.message-unseen-count.active {
    opacity: 1;
    pointer-events: auto;
}

.chat-messages-footer {
    height: 60px;
    /* border-top: 1px solid #e7e7e7; */
    background-color: #fff;
    position: relative;
}

#chat-main-messages-body.invisible {
    overflow-y: hidden;
}

#chat-main-messages-body.invisible #chat-main-messages{
    visibility: hidden;
}

.chat-full-loader {
    position: absolute;
    bottom: 60px;
    width: 100% !important;
    background-color: transparent;
    z-index: 6;
    padding-top: 10px;
    display: none;
}

.chat-full-loader.active {
    display: block;
}

.chat-full-loader > div {
    width: 100%;
    height: 250px;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    display: flex;
}

.chat-options-container {
    position: absolute;
    bottom: 60px;
    width: 100% !important;
    background-color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    z-index: 5;
    box-shadow: 0 -10px 10px 4px rgba(0, 0, 0, 0.15);
    padding-top: 10px;
    display: none;
}

.chat-options-container.active {
    display: block;
}

.chat-upload-container {
    position: absolute;
    bottom: 60px;
    width: 100% !important;
    background-color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    z-index: 4;
    box-shadow: 0 -10px 10px 4px rgba(0, 0, 0, 0.15);
    padding: 15px;
    display: none;
}

.chat-upload-container.active {
    display: block;
}

.chat-upload-closer-btn {
    font-size: 1.6rem;
    display: inline-block;
    cursor: pointer;
}

.chat-option-item {
    width: 100%;
    padding: 10px 20px;
    border-bottom: 1px solid #f7f7f7;
    font-family: 'UberMove', Geist, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: .95rem;
    font-weight: 500;
    cursor: pointer;
}

.chat-media-upload-progress-indicator {
    overflow: hidden;
    height: 10px;
    width: 80%;
    margin: auto;
    border-radius: 60px;
    margin-top: 10px;
    background: #f7f7f7;
}

.chat-media-upload-progress-indicator-bar {
    height: 100%;
    width: 0%;
    background: #1a73e8;
}

.chat-upload-media-container-item {
    width: 100px;
    min-width: 100px;
    height: 130px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    border: 1px solid #dbdbdb;
    margin-right: 10px;
}

.chat-upload-media-container-item > img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 0;
    border-radius: 10px;
}

.chat-upload-media-container-item-closer {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: rgba(0,0,0,0.5);
}

.chat-upload-media-container-item-closer {
    cursor: pointer;
    color: #fff;
    font-size: 1.4rem;
    position: absolute;
    top: 10px;
    right: 10px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
}

.chat-upload-media-container {
    width: 100%;
    height: 150px;
    overflow-x: auto;
    position: relative;
    margin-top: 20px;
}

.chat-media-upload-progress-bar {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    background: linear-gradient(360deg, black, transparent);
    display: none;
}

.chat-upload-media-container-item.loading .chat-media-upload-progress-bar {
    display: block !important;
}

.chat-upload-media-container-item.loading .chat-upload-media-container-item-closer {
    display: none !important;
}

.chat-media-holder {
    margin-top: 8px;
    width: 250px;
    border-radius: 10px;
    overflow: hidden;
}

.chat-media-holder-container-5,
.chat-media-holder-container-4,
.chat-media-holder-container-2 {
    width: 100%;
    height: 200px;
}

.chat-media-holder-container-3 {
    width: 100%;
    height: 225px;
}

.chat-media-holder-container-1 {
    width: 100%;
}

.chat-media-holder-container-item {
    overflow: hidden;
}

.chat-media-holder-container-item img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    cursor: zoom-in;
}

.chat-media-holder-container-1 .chat-media-holder-container-item img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 225px;
    border-radius: 10px;
}

.chat-media-holder-container-5 .chat-media-holder-container-item:first-child,
.chat-media-holder-container-5 .chat-media-holder-container-item:nth-child(2) {
    width: 50%;
    height: 120px;
    padding: 1px;
}

.chat-media-holder-container-5 .chat-media-holder-container-item:nth-child(3),
.chat-media-holder-container-5 .chat-media-holder-container-item:nth-child(4),
.chat-media-holder-container-5 .chat-media-holder-container-item:nth-child(5) {
    width: 33.33%;
    height: 80px;
    padding: 1px;
}

.chat-media-holder-container-4 .chat-media-holder-container-item:first-child,
.chat-media-holder-container-4 .chat-media-holder-container-item:nth-child(2),
.chat-media-holder-container-4 .chat-media-holder-container-item:nth-child(3),
.chat-media-holder-container-4 .chat-media-holder-container-item:nth-child(4) {
    width: 50%;
    height: 100px;
    padding: 1px;
}

.chat-media-holder-container-3 .chat-media-holder-container-item:first-child {
    width: 100%;
    height: 145px;
    padding: 1px;
}

.chat-media-holder-container-3 .chat-media-holder-container-item:nth-child(2),
.chat-media-holder-container-3 .chat-media-holder-container-item:nth-child(3) {
    width: 50%;
    height: 80px;
    padding: 1px;
}

.chat-media-holder-container-2 .chat-media-holder-container-item:first-child,
.chat-media-holder-container-2 .chat-media-holder-container-item:nth-child(2) {
    width: 50%;
    height: 200px;
    padding: 1px;
}

.chat-reply-preview-media-container {
    width: 100%;
    margin-top: 15px;
    display: -webkit-flex !important;
    display: flex !important;
}

.chat-reply-preview-media-container.bordered {
    border: 2px solid #8b008b;
    border-radius: 10px;
    margin-top: 5px;
    margin-bottom: 7px;
}

.chat-reply-preview-media-container > div:first-child {
    width: 40px;
    max-width: 40px;
}

.chat-reply-preview-media-container > div:first-child img {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    display: block;
}

.chat-reply-preview-media-container.bordered img {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.chat-reply-preview-media-container > div:nth-child(2) {
    width: calc(100% - 55px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.chat-media-upload-loader {
    width: 100%;
    height: 100%;
    display: none;
}

.chat-media-upload-loader svg {
    width: 100%;
    height: 100%;
}

.chat-media-upload-loader.active {
    display: block;
}

.chat-options-container > div:nth-last-of-type(1) {
    border-bottom-width: 0;
}

.chat-option-item.inactive {
    display: none;
}

.chat-option-item > div:first-child {
    width: 40px;
    min-width: 40px;
}

.chat-option-item > div:first-child i {
    font-size: 1.26rem;
    vertical-align: text-bottom;
}

.chat-option-item > div:nth-child(2) {
    width: calc(100% - 40px);
}

.chat-option-item.full > div:first-child{
    width: 100%;
}

.chat-messages-header-content {
    width: 98%;
    margin: auto;
    height: 100%;
}

.chat-messages-header-content > div:first-child {
    width: calc(100% - 150px);
    padding-right: 15px;
}

.chat-messages-header-content > div:nth-child(2) {
    width: 150px;
    min-width: 150px;
    text-align: right;
}

.chat-messages-header-content > div:nth-child(2) .inline-menu.right > li {
    margin-left: 6px;
    margin-right: 0;
}

.chat-messages-header-content-profile {
    width: 100%;
}

.chat-messages-header-content-profile > div:first-child {
    display: none;
    margin-right: 5px;
    transform: translateX(-5px);
}

.chat-messages-header-content-profile > div:first-child i {
    font-size: 2rem;
    vertical-align: middle;
}

.chat-messages-header-content-profile > div:nth-child(2) {
    width: 40px;
    position: relative;
}

.chat-messages-header-content-profile #chat-recipient-profile-picture {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
}

.chat-message-options-btn {
    font-size: 1.45rem;
    margin-left: 5px;
    line-height: 17px;
    transform: translateY(11.5px);
    cursor: pointer;
    color: #ccc;
}

.toggle-full-text-btn,
.toggle-full-text-btn-two {
    font-family: EuclidCircularB, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    cursor:pointer;
    text-decoration: underline;
    color: #808080;
    margin-left: 7px;
}

.show-full-text-container .show-full-all-text {
    display: none;
}

.left .chat-message-options-btn {
    color: #999;
}

@media screen and (min-width: 1100px) {
    .chat-message-options-btn {
        opacity: 0;
        pointer-events: none;
    }

    .message-text-content-messages-item:hover .chat-message-options-btn {
        opacity: 0.7;
        pointer-events: auto;
    }
}

.online-indicator {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #00cf30;
    border: 2.5px solid #fff;
    box-sizing: content-box;
    right: -5px;
    bottom: -0px;
}

.message-contact-item .online-indicator {
    right: 0px !important;
}

.online-indicator.offline {
    display: none !important;
}

.message-contact-item .online-indicator {
    top: 50px;
    right: 12px;
}

.inline-contact-item .online-indicator {
    top: 45px;
}

.chat-messages-header-content-profile > div:nth-child(3) {
    padding-left: 15px;
    width: calc(100% - 50px);
}

.chat-messages-header-content-profile > div:nth-child(3) > div {
    width: 100%;
}

.chat-messages-header-content-profile > div:nth-child(3) > div:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .95rem;
    font-weight: 500;
    line-height: 17px;
    margin-top: 5px;
}

.chat-messages-header-content-profile > div:nth-child(3) > div:first-child .ps-verified-account {
    width: 16px;
    margin-left: 0;
    vertical-align: top;
}

.chat-messages-header-content-profile > div:nth-child(3) > div:nth-child(2) {
    margin-top: -8px;
    color: #5f6368;
}

.chat-messages-header-content-profile-name {
    max-width: 80%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: EuclidCircularB, Ubrmove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.contact-message-count {
    width: 20px;
    height: 20px;
    background-color: #9400d3;
    color: #fff;
    margin-top: 6px;
    border-radius: 50%;
    font-size: .80rem;
    margin-left: -8px;
}

.chat-messages-footer-content-main {
    width: 100%;
    height: 55px;
    padding-bottom: 5px;
    align-items: flex-end;
    position: relative;
    z-index: 5;
}

.chat-messages-footer-content-main > div:first-child,
.chat-messages-footer-content-main > div:nth-child(3) {
    width: 40px;
    text-align: center;
}

.chat-messages-footer-content-main > div:first-child {
    display: none;
    width: 0;
}

.chat-messages-footer-content-main > div:first-child img,
.chat-messages-footer-content-main > div:nth-child(3) img {
    max-width: 35px;
    vertical-align: middle;
    transform: translateY(-5px);
}

.chat-messages-footer-content-main > div:nth-child(2) {
    width: calc(100% - 40px);
    padding-right: 10px;
}

.chat-messages-footer-content-main.edit-mode > div:first-child {
    display: -webkit-flex;
    display: flex;
    width: 40px;
    height: 45px;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
}

.chat-messages-footer-content-main.edit-mode > div:first-child i {
    font-size: 1.65rem;
}

.chat-messages-footer-content-main.edit-mode > div:nth-child(2) {
    width: calc(100% - 80px);
    padding-right: 10px;
}

.chat-messages-footer-content-main > div:nth-child(3) img {
    cursor: pointer;
}

.chat-reply-preview-container {
    width: 100% !important;
    position: absolute;
    bottom: 60px;
    z-index: 4;
    background-color: #fff;
    border-top: 1px solid #dbdbdb;
    display: none;
}

.chat-reply-preview-container.active {
    display: block;
}

.msg-read-item {
    transform: translateY(6px);
    color: #ccc;
    margin-left: 5px;
}

.msg-read-item.msg-is-read {
    color: #00ffff;
}

.message-text-content-messages-item.focused {
    outline: 4px dotted #000;
    outline-offset: 4px;
    position: relative;
    z-index: 1;
}

.msg-reply-container {
    width: 100%;
    padding: 6px 10px;
    border-left: 3px solid #3a076a;
    background: #903ddc;
    border-radius: 5px;
    margin: 7px 0;
    cursor: pointer;
}

.message-text-content.left .msg-reply-container{
    background: #dbdbdb;
    color: #000 !important;
    border-left-color: #808080;
}

.msg-reply-container > div {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    font-family: Geist, Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: .84rem;
    font-weight: 400;
}

.msg-reply-container > div:first-child {
    color: #fff;
    font-weight: 500;
}

.message-text-content.left .msg-reply-container > div:first-child{
    color: #808080;
}

.chat-reply-preview-container-content {
    width: 100% !important;
    padding: 15px;
    border-left: 3px solid #740dd3;
}

.chat-reply-preview-container-content > div:first-child {
    width: calc(100% - 50px);
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: .90rem;
    font-weight: 500;
}

.chat-reply-preview-container-content > div:first-child > div {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.chat-reply-preview-container-content > div:first-child > div:first-child {
    color: #740dd3;
    font-weight: 600;
}

.chat-reply-preview-container-content > div:nth-child(2) {
    width: 50px;
    text-align: right;
}

.chat-reply-preview-container-content > div:nth-child(2) i {
    font-size: 1.5rem;
    cursor: pointer;
}

.message-box {
    width: 100%;
    min-height: 40px;
    max-height: 80px;
    overflow-y: auto;
    background-color: #eee !important;
    border: 1px solid #dbdbdb !important;
    border-radius: 60px;
    padding: 10px 15px;
    resize: none;
    font-family: Geist, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: .95rem;
    font-weight: 500;
    line-height: 1.4;
}

.message-box.active {
    background-color: #fff !important;
    border: 1px solid #000 !important;
}

.message-box.low-radius {
    border-radius: 15px;
}

.message-box.active {
    background-color: #fff;
    border-color: #000;
}

.message-box > div:first-child {
    width: calc(100% - 8px);
}

.message-box > div:first-child > input {
    width: 100%;
    display: block;
    background-color: transparent;
    font-size: .94rem;
    border-width: 0;
    font-weight: 500;
    font-family: Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.message-box > div:nth-child(2) {
    width: 40px;
    min-width: 40px;
    text-align: right;
}

.message-box > div:nth-child(2) img {
    width: 30px;
    vertical-align: middle;
}

.chat-messages-body-loader {
    position: absolute;
    top: 60px;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    padding: 20px;
}

.chat-messages-body-loader.active {
    opacity: 1;
}

.chat-messages-body-loader > svg {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px 3px rgba(0,0,0,0.15);
    padding: 5px;
}

.message-text-content {
    margin: 20px 0;
    transition: all 0.25s ease-in-out;
}

.message-text-content-date {
    text-align: center;
    font-size: .75rem;
    color: #5f6368;
    z-index: 1;
    margin-top: 20px;
    margin-bottom: 20px;
    pointer-events: none;
    white-space: nowrap;
    text-transform: uppercase;
}

.message-text-content-date > span {
    width: 130px;
    display: inline-block;
    background: #faebd7;
    padding: 2.5px 30px;
    line-height: 18px;
    border-radius: 60px;
    font-weight: 500;
    font-size: .80rem;
    font-family: EuclidCircularB, Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.message-text-content-messages-item {
    display: inline-block;
    border-radius: 22px;
    background-color: #740dd3;
    color: #fff;
    padding: 8px 15px;
    padding-bottom: 10px;
    max-width: 90%;
    text-align: left;
    font-size: .94rem;
    line-height: 1.4;
    font-family: Geist, 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 400;
    /* font-family: 'UberMove', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500; */
    word-break: break-word;
}

.message-text-content.left .message-text-content-messages-item a {
    color: #007aff;
    text-decoration: underline;
}

.message-text-content-messages-item a {
    color: #fff;
    text-decoration: underline;
}

.message-text-content-messages-item-container {
    width: 100%;
    text-align: right;
    margin: 2.5px 0;
}

.message-text-content.left .message-text-content-messages-item-container {
    width: 100%;
    text-align: left;
}

.message-text-content-messages.message-text-content-messages-multiple > div:first-child > div:first-child {
    border-top-left-radius: 22px !important;
    border-top-right-radius: 22px !important;
}

.message-text-content.left .message-text-content-messages-item {
    background-color: #dde3e9;
    color: #000;
    /* background-color: #fff;
    color: #000;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15); */
}

.message-text-content-messages-multiple > .message-text-content-messages-item-container > div {
    border-radius: 22px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.message-text-content.left .message-text-content-messages-multiple > .message-text-content-messages-item-container > div {
    border-radius: 22px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.message-text-content-messages-multiple > .message-text-content-messages-item-container:first-child > div,
.message-text-content-messages-two > .message-text-content-messages-item-container:first-child > div {
    border-radius: 22px;
    border-bottom-right-radius: 10px;
    max-width: 90%;
}

.message-text-content.left .message-text-content-messages-multiple > .message-text-content-messages-item-container:first-child > div,
.message-text-content.left .message-text-content-messages-two > .message-text-content-messages-item-container:first-child > div {
    border-radius: 22px;
    border-bottom-left-radius: 10px;
}

.message-text-content-messages-multiple > .message-text-content-messages-item-container:nth-last-of-type(1) > div,
.message-text-content-messages-two > .message-text-content-messages-item-container:nth-last-of-type(1) > div {
    border-radius: 22px;
    border-top-right-radius: 10px;
}

.message-text-content.left .message-text-content-messages-multiple > .message-text-content-messages-item-container:nth-last-of-type(1) > div,
.message-text-content.left .message-text-content-messages-two > .message-text-content-messages-item-container:nth-last-of-type(1) > div {
    border-radius: 22px;
    border-top-left-radius: 10px;
}

.message-text-content-messages-wrapper {
    width: 100%;
}

.message-text-content-messages-wrapper > div:first-child {
    width: 40px;
    min-width: 40px;
}

.message-text-content-messages-wrapper > div:first-child > img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-top: 5px;
}

.message-text-content-messages-wrapper > div:nth-child(2) {
    width: calc(100% - 40px);
}

.message-text-image-container {
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    transform: translateY(-5px);
}

.chat-welcome-info {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.chat-welcome-info > div {
    width: 100%;
    height: 100%;
}

.chat-welcome-info-content {
    text-align: center;
    font-weight: 500;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.chat-welcome-info-content > div:first-child {
    font-size: 1.10rem;
    line-height: 1.4;
    margin-bottom: 5px;
}

.chat-welcome-info-content > div:nth-child(2) {
    color: #5f5f5f;
    font-size: .95rem;
}

.chat-welcome-info-content > div:nth-child(3) {
    margin-top: 15px;
}

#active-chat-welcome-image {
    display: inline-block;
    padding: 5px;
    border-radius: 50%;
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}

.chat-welcome-info-content > div:nth-child(3) img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    border: 3px solid #fff;
}

.seen-indicator {
    font-size: .85rem;
    color: #eee;
}

.message-text-content.left .seen-indicator {
    font-size: .85rem;
    color: #5f5f5f;
}

.seen-indicator i {
    font-size: .95rem;
    vertical-align: middle;
}

.message-text-content.left .seen-indicator i {
    color: #1a73e8;
}

.simple-svg-icon-two.transx {
    transform: translateX(-6px);
}

.simple-svg-icon.mt-0 {
    margin-top: 0 !important;
}

.im-icon {
    font-size: 1.8rem;
    vertical-align: middle;
    cursor: pointer;
}

.inline-menu-link {
    font-family: 'UberMove';
    font-weight: 500;
    font-size: 1.1rem;
}

.inline-menu-link-focused {
    color: #9400d3;
    font-weight: 600;
}

.inline-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.inline-menu > li {
    display: inline-block;
    margin-right: 20px;
}

.inline-menu.right > li {
    margin-left: 20px;
    margin-right: 0;
}

.inline-menu.right > li {
    margin-left: 5px;
    margin-right: 0;
}

.inline-menu > li {
    display: inline-block;
    margin-right: 20px;
}


.simple-svg-icon {
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 5.5px;
}

.simple-svg-icon-two {
    width: 35px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 1.5px;
}

.simple-svg-icon-two.transx {
    transform: translateX(-6px);
}

.im-icon {
    font-size: 1.8rem;
    vertical-align: middle;
    cursor: pointer;
}

i.close-chat-container-btn {
    color: #740dd3;
}

.chat-icon-container {
    position: fixed;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
}

.chat-icon-container img {
    width: 40px;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: #740dd3;
    box-shadow: 0 0 15px 8px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    padding: 7px;
}

.msg-time {
    text-align: right;
    color: #ccc;
    font-weight: 400;
    font-size: 11.5px;
    display: inline-block;
    padding-left: 10px;
    transform: translateY(5px);
    display: none;
}

.message-text-content.left .msg-time {
    color: #808080;
    font-weight: 500;
}

.chat-notifications-content-body-contacts {
    padding-bottom: 100px;
}
/* /Chat */


/* Editor begins */
#editor {
    font-weight: 500;
    color: #333;
    height: calc(100vh - 150px);
    height: calc(100dvh - 150px);
    min-height: 350px;
    position: relative;
    font-size: .94rem;
    overflow-y: auto;
    padding: 25px;
}
#editor.empty::before {
    position: absolute;
    content: "Enter something...";
    color: #999;
    font-size: .94rem;
}
#editor-container {
    padding: 0px !important;
    border: 1px solid #dadce0;
    font-family: Inter, euclidCircularB, Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
#editor a {
    color: #007aff;
}
#editor h2,
#editor ul,
#editor ol {
    margin: 20px 0;
}
#editor div:not(.editor-image-wrapper-content):not(.editor-image-wrapper) {
    margin: 10px 0;
}
#editor ul li,
#editor ol li {
    margin: 10px 0;
}
#toolbar-container {
    z-index: 5;
    top: 64px;
    position: fixed;
    background-color: #fafafa;
    border-bottom: 1px solid #eee;
}
#toolbar {
    padding: 10px;
    padding-left: 0;
}
#toolbar button {
    cursor: pointer;
    border: 0px solid #dbdbdb;
    padding: 5px 10px;
    margin-right: 2.5px;
    border-radius: 3px;
    font-weight: 500;
    font-family: Poppins, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
#toolbar button i {
    font-size: 1.35rem;
    vertical-align: middle;
    color: #000;
}
#toolbar button small {
    color: #000;
}
.toolbar-item.bold {
    background: #333;
    border-color: #333 !important;
    color: #fff;
}
.toolbar-item.bold i {
    color: #eee !important;
}
.new-article {
    font-family: Ubermove, EuclidCircularB, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    margin-bottom: 10px;
}
.editor-options-container {
    text-align: right;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
.editor-option-btn {
    display: inline-block;
    font-weight: 600;
    border: 1px solid #000;
    border-radius: 3.5px;
    padding: 0 10px;
    cursor: pointer;
    background: #fff;
    color: #000;
    margin-left: 6px;
    font-size: .80rem;
}
.editor-option-btn.filled {
    background-color: #000;
    color: #fff;
}
#editor ol,
#editor ul {
    margin-left: 25px;
}
nav#header.light-mode.fixed + #fake-nav + #toolbar-container {
    top: 70px;
}
#article-content.article-content-two > div:nth-child(2) {
    padding-left: 0;
    padding-right: 0;
}
.article-basics {
    margin: 20px 0;
}
.article-basics > input, 
.article-basics > select, 
.article-basics > textarea {
    font-size: 0.96rem;
    font-weight: 500;
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #dbdbdb;
    border-radius: 7px;
    resize: vertical;
    margin-bottom: 15px;
    background-color: #fff;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.article-basics > textarea {
    min-height: 200px;
    line-height: 1.5;
}
.publish-notice {
    display: block;
    line-height: 1.5;
    font-family: 'UberMove';
    font-weight: 500;
    font-size: .75rem;
    color: #808080;
}
#save-article-btn {
    padding: 10px 15px;
    background-color: #000;
    color: #fff;
    font-size: .95rem;
    border-width: 0;
    border-radius: 7px;
    font-weight: 500;
    display: block;
    width: 100%;
    cursor: pointer;
}
#toolbar-container-content {
    overflow-x: auto;
    white-space: nowrap;
}
.editor-add-image-container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
}
.editor-add-image-container.active {
    display: block;
}
.editor-add-image-container > div {
    width: 100%;
    height: 100%;
}
.edit-add-image-content {
    width: 90%;
    max-width: 700px;
    min-height: 450px;
    height: 450px;
    background-color: #fff;
    border-radius: 10px;
}
.editor-image-destination-container {
    width: 100%;
    height:100%;
}
.editor-image-destination-container > div {
    padding-left: 20px;
    padding-right: 20px;
}
.editor-image-destination-container > div:first-child {
    width: 100%;
    height: 70px;
    text-align: right;
}
.editor-image-destination-container > div:nth-child(2) {
    width: 100%;
    height: calc(100% - 70px);
}
.editor-image-container-closer {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #eee;
    border-radius: 50%;
    font-size: 1.25rem;
    text-align: center;
    cursor: pointer;
}
.editor-image-destination-content {
    text-align: center;
    transform: translateY(-35px);
}
.editor-image-destination-content > div {
    margin: 15px 0;
}
.editor-image-destination-content > div h3 {
    font-size: 2rem;
    font-weight: 500;
    font-family: EuclidCircularB, Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}
.editor-add-image-container.selector-mode .editor-image-destination-content {
    display: block;
}
.editor-add-image-container.selector-mode .editor-image-preview-content {
    display: none;
}
.editor-add-image-container.selector-mode .editor-image-container-back-btn {
    display: none;
}
.editor-add-image-container.display-mode .editor-image-preview-content {
    display: block;
}
.editor-add-image-container.display-mode .editor-image-container-back-btn {
    display: block;
}
.editor-add-image-container.display-mode .editor-image-destination-content {
    display: none;
}
.editor-image-container-back-btn {
    font-size: 2rem;
    cursor: pointer;
}
.editor-image-preview-content {
    width: 100%;
    height: 100%;
}
.editor-image-preview-content > div {
    width: 100%;
}
.editor-image-preview-content > div:first-child {
    height: 40px;
    border-bottom: 2px dotted #dbdbdb;
}
.editor-image-preview-content > div:nth-child(2) {
    height: calc(100% - 120px);
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #333;
}
.editor-image-preview-content > div:nth-child(3) {
    height: calc(100% - 60px);
    padding-top: 10px;
}
.editor-image-preview-content > div:nth-child(2) > img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 5px;
}
.editor-image-caption {
    display: block;
    width: 100%;
    height: 40px;
    border-width: 0 !important;
    border-bottom: 1px dashed #333 !important;
    font-family: 'UberMove';
    font-weight: 500;
    font-size: .95rem;
    text-align: center;
}
.editor-image-wrapper {
    width: 100%;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    padding: 10px;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.editor-image-wrapper > .editor-image-wrapper-content {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}
.editor-image-wrapper > .editor-image-wrapper-content > img {
    max-width: 100%;
    max-height: 350px;
    display: block;
}
.editor-image-wrapper-caption {
    border-top: 1px solid #dbdbdb;
    margin-top: 10px;
    padding-top: 10px;
    line-height: 1.4;
    color: #898989;
    font-size: .80rem;
}
[contenteditable="false"] {
  user-select: none;
  caret-color: transparent;
}
.editor-code-wrapper {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.editor-code-wrapper iframe {
    max-width: 640px;
    min-height: 350px;
    height: auto;
    width: 100%;
}
/* Editor ends */

.how-it-works-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 20;
    display: none;
}

.shiw-img {
    max-width: 15px;
    scale: 2;
    transform: translateY(1.5px);
    /* height: 20px; */
    line-height: 10px;
    display: inline-block;
    margin-right: 10px;
}

.how-it-works-modal.active {
    display: block;
}

.how-it-works-modal-container {
    width: 100%;
    height: 100%;
}

.how-it-works-modal-content {
    width: 100%;
    max-width: 700px;
    background-color: #fff;
    border-radius: 30px;
    min-height: 300px;
    padding: 30px;
}

.how-it-works-modal-content-closer {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #444;
    border-radius: 50%;
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer;
}

.how-it-works-modal-content > div {
    margin-top: 15px;
    margin-bottom: 15px;
}

.how-it-works-modal-content > div h2 {
    font-size: 2.5rem;
    font-family: EuclidCircularB, Ubermove, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;

}

.how-it-works-modal-content-nav {
    margin-top: 0 !important;
    text-align: right;
}

.hiw-c-item {
    width: 100%;
    margin: 15px 0;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    max-width: 400px
}

.hiw-c-item > div:first-child {
    width: 45px;
    min-width: 45px;
}

.hiw-c-item > div:first-child img {
    max-width: 30px;
}

.hiw-c-item > div:nth-child(2) {
    width: calc(100% - 45px);
    font-size: 1.1rem;
}

.hiw-c-item-btn-container {
    margin-top: 25px !important;
}

.cookie-usage-modal {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: 21;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

.cookie-usage-modal.active {
    display: block;
}

.cookie-usage-container {
    width: 100%;
    height: 100%;
}

.cookie-usage-content {
    width: 100%;
    min-height: 150px;
    background-color: #fff;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    padding: 30px;
}

.cookie-usage-header-container {
    width: 100%;
}

.cookie-usage-header-container > div:first-child {
    text-align: left;
}

.cookie-usage-header-container > div:first-child h3 {
    font-size: 1.75rem;
    font-family: 'EuclidCircularB', Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.cookie-usage-header-container > div:nth-child(3) {
    text-align: right;
}

.cookie-usage-closer-btn {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #444;
    border-radius: 50%;
    color: #fff;
    font-size: 1.15rem;
    cursor: pointer;
}

.cookie-usage-content-inner-content {
    width: 100%;
    max-width: 500px;
    margin: auto;
}

.cookie-usage-body {
    margin-top: 15px;
}

.cookie-usage-body p {
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    color: #333;
    line-height: 1.4;
    font-size: .90rem;
}

.learn-more-about-cookies {
    text-align: center;
    font-family: euclidCircularB, Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #999;
    font-weight: 500;
    cursor: pointer;
    text-decoration: underline;
}

.pick-mobile-locaton-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    background-color: rgba(0, 0, 0, .35);
    display: none;
}

.pick-mobile-locaton-modal.active {
    display: block;
}

.pick-mobile-locaton-modal > div {
    width: 100%;
    height: 100%;
    overflow-y: auto;
} 

.pick-mobile-locaton-modal-content {
    width: 92%;
    max-width: 850px;
    height: auto;
    background-color: #fff;
    border-radius: 20px;
    min-height: 400px;
    position: relative;
    margin: 100px auto;
}

.pick-mobile-locaton-modal-content > div {
    width: 100%;
    height: 100%;
    position: relative;
    display: none !important;
}

.pick-mobile-locaton-modal[data-mode="welcome"] .pick-mobile-locaton-modal-content-item:not(.pick-mobile-locaton-modal-content-welcome) {
    display: none !important;
}

.pick-mobile-locaton-modal[data-mode="welcome"] .pick-mobile-locaton-modal-content-welcome {
    display: -webkit-flex !important;
    display: flex !important;
}

.pick-mobile-locaton-modal[data-mode="scan-mode"] .pick-mobile-locaton-modal-content-item:not(.pick-mobile-locaton-modal-content-qr-scan) {
    display: none !important;
}

.pick-mobile-locaton-modal[data-mode="scan-mode"] .pick-mobile-locaton-modal-content-qr-scan {
    display: -webkit-flex !important;
    display: flex !important;
}

.pick-mobile-locaton-modal[data-mode="link-mode"] .pick-mobile-locaton-modal-content-item:not(.pick-mobile-locaton-modal-content-qr-link) {
    display: none !important;
}

.pick-mobile-locaton-modal[data-mode="link-mode"] .pick-mobile-locaton-modal-content-qr-link {
    display: -webkit-flex !important;
    display: flex !important;
}

.pick-mobile-locaton-modal-content-welcome > div {
    width: 90%;
    max-width: 550px;
    text-align: center;
    position: relative;
}

.pick-mobile-locaton-modal-content-welcome {
    min-height: 450px;
}

.pick-mobile-locaton-modal-content-welcome h3 {
    font-weight: 500;
    font-family: Gordita, EuclidCircularB, Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-size: 1.8rem;
    max-width: 300px;
    margin: auto;
    line-height: 1.4;
}

.pick-mobile-locaton-modal-content-welcome p {
    font-weight: 500;
    color: #555;
    line-height: 1.4;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 10px;
    font-family: ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.pick-mobile-locaton-modal-closer {
    top: 10px;
    right: 10px;
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #dbdbdb;
    border-radius: 50%;
    color: #000;
    font-size: 1.35rem;
    cursor: pointer;
}

.location-qr-item {
    width: 100%;
    height: 100%;
    padding-top: 70px;
    padding-right: 50px;
    padding-left: 50px;
    padding-bottom: 50px;
}

.location-qr-item > div:first-child {
    width: calc(100% - 280px);
}

.location-qr-item > div:nth-child(2) {
    width: 220px;
}

.scan-location-qr-content h3 {
    font-weight: 500;
    font-family: EuclidCircularB, Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-size: 1.8rem;
    max-width: 300px;
    line-height: 1.4;
    margin-bottom: 20px;
}

.scan-location-qr-content ol {
    margin: 0;
    padding: 0;
    margin-left: 20px;
}

.scan-location-qr-content ol li {
    font-weight: 500;
    line-height: 1.4;
    padding-bottom: 10px;
    font-size: 1.05rem;
    color: #333;
    font-family: ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.location-qr-link {
    font-family: 'euclidCircularB';
    display: block;
    line-height: 1.2;
    color: #555;
    cursor: pointer;
    font-size: .85rem;
}

@media screen and (max-height: 500px) {
    .pick-mobile-locaton-modal > div {
        align-items: flex-start;
        overflow-y: auto;
    }
    .pick-mobile-locaton-modal-content {
        margin: 50px auto;
    }
}

.top-notice {
    text-align: center;
    background: #f0f8ff;
    font-family: 'euclidCircularB';
    padding: 10px 20px;
    border-radius: 10px;
    margin-top: 15px;
    text-align: left;
    cursor: pointer;
}

.top-notice > div:first-child {
    width: 40px;
    min-width: 40px;
}

.top-notice i {
    font-size: 1.5rem;
}

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

.simple-form-modal.active {
    display: block;
}

.simple-form-modal-content {
    width: 100%;
    height: 100%;
}

.simple-form-modal-main-content {
    width: 92%;
    max-width: 500px;
    background-color: #fff;
    padding: 25px;
    border-radius: 10px;
}

@media screen and (max-height: 400px) {
    
    .simple-form-modal-content {
       align-items: flex-start;
       overflow-y: auto;
    }

    .simple-form-modal-main-content {
        margin: 50px auto;
    }

}

.simple-form-modal-main-content-header {
    width: 100%;
}

.simple-form-modal-main-content-header > div:first-child {
    width: calc(100% - 50px);
}

.simple-form-modal-main-content-header > div:nth-child(2) {
    width: 50px;
    min-width: 50px;
    text-align: right;
}

.simple-form-modal-main-content-header h2 {
    margin: 0 !important;
    font-size: 1.5rem !important;
    font-family: EuclidCircularB, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.simple-form-modal-closer {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background-color: #eee;
    cursor: pointer;
    color: #000;
    font-size: 1.25rem;
}

.simple-form-modal-main-content-input {
    margin: 20px 0;
}

.simple-form-modal-main-content-input input,
.simple-form-modal-main-content-input select {
    width: 100%;
    display: block;
    height: 50px;
    line-height: 50px;
    padding-left: 20px !important;
    padding-right: 20px;
    font-size: 1rem;
    border-radius: 7px;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-weight: 500;
}

.simple-form-modal-main-content-input select {
    line-height: 45px;
}

.simple-form-modal-main-content-input input:focus,
.simple-form-modal-main-content-input select:focus {
    border-color: #000;
    outline: 1px solid #000;
}

.handlyn-legal-logo-mark {
    max-width: 40px;
}

.contact-float-container {
    position: fixed;
    bottom: 10vh;
    bottom: 10dvh;
    right: -100%;
    z-index: 5;
}

.contact-float-container.active {
    right: 4%;
}

.contact-float-container-whatsapp-image {
    width: 60px;
    display: block;
    cursor: pointer;
    filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.15));
}

.contact-float-container-options {
    width: 200px;
    white-space: nowrap;
    min-height: 100px;
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);
    background-color: #fff;
    border-radius: 10px;
    right: 0;
    bottom: 100px;
    position: absolute;
    overflow: hidden;
    opacity: 0.0;
    pointer-events: none;
}

.contact-float-container-options.active {
    width: 290px;
    bottom: 80px;
    opacity: 1.0;
    pointer-events: all;
}

.contact-float-container-options-item {
    width: 100%;
    padding: 15px 10px;
    border-bottom: 1px solid #eee;
    font-family: 'euclidCircularB';
    font-size: .95rem;
    line-height: 1.4;
    cursor: pointer;
}

.contact-float-container-options-item:nth-last-of-type(1) {
    border-width: 0;
}

.contact-float-container-options-item > div:first-child {
    width: 60px;
    text-align: center;
}

.contact-float-container-options-item > div:first-child img {
    width: 30px;
}

.contact-float-container-options-item > div:nth-child(2) {
    width: calc(100% - 70px);
}

.close-float-container-btn,
.contact-float-container-options-item.close-float-container-btn > div:first-child {
    width: 100% !important;
    background-color: #f7f7f7;
    text-align: center !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.pycl-container {
    background-color: #1a73e8;
    color: #fff;
    position: absolute;
    top: -38px;
    right: 0;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: .90rem;
    font-family: 'euclidCircularB';
}

.pycl-container-closer {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #fff;
    color: #000;
    vertical-align: middle;
    line-height: 15px;
    text-align: center;
    border-radius: 50%;
    margin-left: 5px;
}

.pycl-container::before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border: 15px solid transparent;
    border-top-color: #1a73e8;
    bottom: -28px;
    right: 18px;
}

.preview-contact-modal-container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 25;
    background: rgba(0,0,0,0.75);
    display: none;
}

.preview-contact-btn {
    cursor: pointer;
}

.preview-contact-modal-container.active {
    display: block;
}

.preview-contact-modal-container > div {
    width: 100%;
    height: 100%;
}

.preview-contact-modal-main-content {
    width: 90%;
    max-width: 500px;
    background-color: #fff;
    border-radius: 15px;
}

.preview-contact-modal-main-content > div {
    width: 100%;
    padding: 20px 25px;
    border-radius: 5px;
}

.preview-contact-modal-main-content-header > div:first-child {
    width: calc(100% - 50px);
    font-size: 1.25rem;
    font-weight: 600;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.preview-contact-modal-main-content-header > div:nth-child(2) {
    text-align: right;
}

.preview-contact-modal-main-content-closer-btn {
    display: block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 1.2rem;
    background-color: #eee;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
}

.preview-contact-modal-main-content-contact {
    width: 100%;
    padding: 15px;
    background-color: #f7f7f7;
    border-radius: 10px;
    font-family: Ubermove, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    cursor: pointer;
    font-size: 1.15rem;
    font-weight: 500;
}

.preview-contact-modal-main-content-contact small {
    color: #898989;
}

.preview-contact-modal-main-content-contact > div:nth-child(2) i {
    font-size: 2.05rem;
    color: #0070ff;
}

.service-nrf, 
.category-nrf {
    font-family: 'UberMove';
    font-weight: 500;
    color: #333;
    font-size: .90rem;
}

@media screen and (min-width: 1030px) {
    .contact-float-container-options-item:hover {
        background-color: #f7f7f7;
    }

    .location-qr-link:hover {
        color: #000;
    }

    .preview-contact-modal-main-content-contact:hover {
        background-color: #eee;
    }

    .learn-more-about-cookies:hover {
        color: #000;
        text-decoration: underline;    
    }

    .how-it-works-modal-content-closer:hover,
    .chat-icon-container img:hover {
        background-color: #000;
    }
    
    .all-billings-earnings-btn > a:hover {
        background-color: #000;
        color: #fff;
    }

    .notification-widget-button-list > a:hover {
        background-color: #eee;
    }

    .notification-widget-closer:hover {
        background-color: #000;
    }

    .task-preview-loader {
        height: 100%;
        position: fixed;
        width: calc(100% - 350px);
    }

    .option-menu-main-content-item:hover {
        background-color: #f7f7f7;
    }

    .stack-header-item {
        border-top: 1px solid #eee;
    }

    .account-page-item.bordered-left {
        border-left: 0;
    }

    .stack-header-item.fixed {
        position: fixed;
        width: calc(100% - 350px);
        left: 340px;
        top: 64px;
    }

    .account-page-item.white-bg {
        background-color: #fff;
        width: calc(100% - 20px);
        margin: 10px;
        border-radius: 15px;
    }

    .booking-item-remover-btn:hover {
        color: #fff;
        background-color: #808080;
    }

    .map-closer-btn:hover {
        background-color: #000;
        color: #fff !important;
    }

    .settings-component-save-btn:hover {
        background-color: #000;
    }

    .settings-component-closer:hover {
        background-color: #dbdbdb;
    }

    .step-list-item:hover {
        background-color: #f5f5f5;
    }

    #experience-content-main-two {
        display: none;
    }

    .step-search-results-container-search-result-item:not(.no-search-result):hover,
    .custom-search-result-item:not(.no-search-result):hover {
        background-color: #eee;
        cursor: pointer;
    }

    .select-with-photo-answer-item > div:hover {
        background-color: #f7f7f7;
    }

    .btn:hover:not(.btn-icon) {
        background-color: #000 !important;
        color: #fff !important;
        box-shadow: 0 5px 10px 1px rgba(0,0,0,.1);
    }

    .btn-white:hover {
        background-color: #333 !important;
        color: #fff !important;
    }

    .add-photo-btn:hover {
        background-color: #000;
    }

    .cli-btn-list > div > a:hover,
    .oao-option-btn.dark:not(.loading-mode):hover {
        background-color: #000;
        color: #fff;
    }

    .show-summary-btn:hover {
        color: #000;
    }

    .hund:hover {
        cursor: pointer;
        text-decoration: underline;
        color: #1a73e8;
    }

    .account-dropdown-list > li.account-dropdown-list-item:not(.no-hover):hover {
        background-color: #eee;
    }

    .account-a-list > a:hover {
        text-decoration: underline;
    }

    .dashboard-path-list > a:hover {
        color: #000;
    }

    .accordion-container-item-header-content > div:nth-child(3) > a:hover {
        color: #fff;
        background-color: #000;
    }

    .nav-items-list > li > a.a-btn-two:hover {
        transform: translateY(-1px);
        color: #fff;
        background-color: #2b8659 !important;
    }

    .hire-now-dashboard-btn:hover {
        background-color: #000;
    }

    .hire-now-dashboard-btn.blue:hover {
        background-color: #4800ff;
    }

    .info-list-item.linking:hover {
        background-color: #f7f7f7;
    }

    #task-list-item-container .task-item:hover,
    .account-payment-list-item-content:hover {
        background-color: #fafafa;
    }

    .task-selected-candidate > div:nth-child(3) .call-candidate-call-btn:hover {
        background-color: #4272f2;
    }

    .chat-option-item:hover {
        background-color: #f7f7f7;
    }

    .chat-notifications-content-header h4 i.la-times:hover {
        background-color: #333;
    }
    
    /* .text-logo.ws {
        text-shadow: 0 0.89px #000;
    } */

    #newsroom-categories-content ul li a:hover {
        color: #000;
    }

    .article-sub-head a:hover,
    .task-link:hover {
        text-decoration: underline;
    }

    .article-body a:hover {
        text-decoration: underline;
    }

    .go-to-all-blogs-btn:hover {
        background-color: #000;
        color: #fff;
    }

    #page-navigation .nav-items-list > li > a:not(.a-btn):not(.text-logo):hover {
        background: #333;
    }

    #page-navigation.-white-mode- .nav-items-list > li > a:not(.a-btn):not(.text-logo):hover {
        background: #eee;
    }

    .why-cnt-item:hover {
        transform: scale(1.03);
    }

    .rpsblt-btn:hover {
        background: #000;
    }

    .rpsblt-btn.hollow:hover {
        background-color: #000;
        border: 1px solid #000;
        color: #fff !important;
    }

    .contact-us-val:hover {
        text-decoration: underline;
        color: #2b8659;
    }

    .sai-item-2:hover {
        background-color: #eee;
    }

    .pshire-now-btn:hover {
        color: #707070;
        background-color: #eee;
    }

    .popular-service-item > div:hover {
        border-color: #000;
    }

}