:root {
    --orange: #FF8058;
    --orange-hover: #ffa286;
    --yelow: #FAFF69;
    --blue: #7DC2FF;
    --purpur: #B668FF;
    --black-all: #000000;
    --black: #1D1A1A;
    --gray: #EFEFEF;
    --gray-dark: #717171;
    --gray-light: #F6F6F6;
    --gray-stroke: #E4E4E4;
}
body {
    padding: 0;
    margin: 0;
    font-family: 'Inter';
    color: var(--black);
}
.form-control:focus  {
    box-shadow: 0 0 0 2px #ff7f583b;
    border-color: var(--orange);
}
.form-check-input:focus {
    box-shadow: 0 0 0 2px #ff7f583b;
    border-color: var(--orange);
}
.form-check-input:checked {
    background-color: var(--orange);
    border-color: var(--orange);
}

a svg,
.block-servicepage-profile-additional-svg svg {
    fill: var(--black);
    transition: all ease-in-out 0.2s;
}
a:hover svg {
    fill: var(--orange);
}
.dropdown-toggle {
    padding-right: 35px;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2210%22%20viewBox%3D%220%200%2018%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%201L8.71716%208.71716C8.87337%208.87337%209.12663%208.87337%209.28284%208.71716L17%201%22%20stroke%3D%22%231D1A1A%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    border:none; 
    position: absolute; 
}
.btn {
    font-family: 'Inter';
}
.btn-orange {
    background-color: var(--orange);
    color: #fff;
    border-radius: 40px;
}
.btn-orange:hover  {
    background-color: var(--orange-hover);
    color: #fff;
}
.btn.btn-orange:active {
    background-color: var(--orange);
    color: #fff;
}
.btn-black {
    background-color: var(--black);
    color: #fff;
    border-radius: 40px;
}
.btn-black:hover  {
    background-color: var(--black-all);
    color: #fff;
}
.btn.btn-black:active {
    background-color: var(--black);
    color: #fff;
}
.btn-black-outline {
    background-color: #fff;
    border:solid 1px var(--black);
    color: var(--black);
    border-radius: 40px;
}
.btn-black-outline:hover  {
    background-color: var(--black);
    color: #fff;
}
.btn.btn-black-outline:active {
    background-color: var(--black-all);
    color: var(--black);
    color: #fff;
}
.btn.btn-gray-outline {
    background-color: var(--gray-light);
    border:solid 1px var(--black)!important;
    color: var(--black); 
    border-radius: 40px;
}
.profile_nav .btn.btn-gray-outline { 
    border-color: var(--gray-dark)!important;
}
.btn-gray-outline:hover  {
    background-color: var(--black);
    color: #fff;
}
.btn.btn-gray-outline:active {
    background-color: var(--black-all);
    color: var(--black);
    color: #fff;
}
.btn-white {
    background-color: #fff;
    color: var(--gray-dark);
    border-radius: 40px;
    border: none;
}
.btn-white:hover  {
    background-color: #fff;
    color: var(--black);
    border: none;
}
.btn.btn-white:active {
    background-color: #fff;
    color: var(--gray-dark);
}
.btn-gray {
    background-color: var(--gray);
    color: var(--black);
    border-radius: 40px;
}
.btn-gray:hover  {
    background-color: var(--gray-light);
    color: var(--black);
}
.btn.btn-gray:active {
    background-color: var(--gray);
    color: var(--black);
}
.wcont {
    width: 1400px;
    margin: 0 auto;
}
.header {
    margin: 14px 0;
}
.header .wcont {
    display: flex;
    justify-content: space-between;
}
.header-nav {
    display: flex;
    margin-right: auto;
    align-items: center;
}
.header-nav a:not(.header-nav li a),
.header-nav button {
    font-size: 18px;
    color: #1D1A1A;
    text-decoration: none;
    padding: 0;
    margin-right: 40px;
}
.header-nav a:hover:not(.header-nav .btn-orange,.header-nav li a), 
.header-nav .btn:hover:not(.header-nav .btn-orange,.header-nav li a),
.header-nav .btn.show {
    color: var(--orange);
    transition: all 0.2s ease-in-out;
}
.header-logo {
    margin: 0 auto;
    color: var(--black-all);
    text-decoration: none;
    font-size: 28px;
    font-family: "Playfair Display";
    align-items: center;
}
.header-logo span {
    color: var(--orange);
}
.header-login-panel {
    margin-left: auto;
    display: flex;
    align-items: center;
}
.header-login-panel .btn {
    font-size: 18px;
    color: var(--black);
    text-decoration: none;
}
.header-login-panel .btn:hover:not(.header-login-panel .btn-orange),
.header-login-panel .btn.show {
    color: var(--orange);
}
.header-login-panel .btn-orange {
    border-radius: 40px;
    color: #fff;
    width: 180px;
    padding: 11px;
}

/* SECTIONS */ 
.section h2 {
    font-size: 80px;
    font-weight: 500;
    font-family:  "Playfair Display";
    color: var(--black); 
    max-width: 40%;
    line-height: 85px;
}
.section h2 span {
    color: var(--orange);
}
.section-main .wcont {
    background:url(/images/bg_1.png) no-repeat center center;
    background-size: cover;
    height: 700px;
    border-radius: 16px;
    overflow: hidden;
    padding: 30px 30px 60px 30px;
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: space-between;
}
.section-main-slogan-first {
    font-size: 26px;
    color:#fff;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.section-main-slogan-first::before {
    background-color: var(--orange);
    border-radius: 50px;
    width: 20px;
    height: 20px;
    content: '';
    display: block;
    margin-right: 12px;
}
.section-main-slogan-secont {
    max-width: 569px;
    font-size: 18px;
    color: #fff;
}
.section-main .section-slogan-first {
    color: #fff;
}
.section-main-slogan-secont h1 {
    font-size: 80px;
    font-weight: 500;
    font-family:  "Playfair Display";
    color: #fff; 
}
.section-main-slogan-secont h1 .btn {
    border-radius: 40px;
    padding: 11px;
    width: 50%;
}
.section-startjoin h2 {
    margin-right: 8%;
}
.section-startjoin {
    margin-top: 100px;
}
.section-startjoin .wcont {
    background-color: var(--gray-light);
    border-radius: 20px;
    padding: 30px;
} 
.section-slogan-first {
    font-size: 26px;
    color:var(--black);
    font-weight: 400;
    display: flex;
    align-items: center;
}
.section-slogan-first::before {
    background-color: var(--orange);
    border-radius: 50px;
    width: 20px;
    height: 20px;
    content: '';
    display: block;
    margin-right: 12px;
}

.section-startjoin-items {
    margin-top: 50px;
    display: flex;
}
.section-startjoin-item {
    background-color: #fff;
    border-radius: 16px;
    margin-right: 30px;
    padding: 12px;
    flex: 1;
}
.section-startjoin-item:last-child {
    margin-right: 0;
}
.section-startjoin-number {
    color: var(--orange);
    font-size: 32px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.section-startjoin-number::before {
    display: block;
    background-color: var(--orange);
    border-radius: 40px;
    width: 40px;
    height: 40px;
    content: '';
}
.section-startjoin-title {
    font-size: 32px;
    margin-top: 20px;
}
.section-startjoin-description {
    font-size: 18px;
}

/*  */
.section-talent {
    margin-top: 110px;
}
.section-talent .wcont {
    background:url(/images/bg_2.png) no-repeat center center;
    background-size: cover;
    height: 700px;
    border-radius: 16px;
    overflow: hidden;
    padding: 30px 30px 60px 30px;
    display: flex;
    align-items: start;
    flex-direction: column; 
} 
.section-talent-slogan-secont {
    max-width: 426px;
    font-size: 18px;
    color: #fff;
    margin-top: 60px;
    font-weight: 400; 
    line-height: 130%;
}
.section-talent .section-slogan-first {
    color: #fff;
}
.section-talent-slogan-secont h2 {
    font-size: 80px;
    font-weight: 500;
    font-family:  "Playfair Display";
    color: #fff; 
    max-width: none;
    margin-bottom: 40px;
    line-height: 83px;
}
.section-talent-items {
    margin-top:37px;
    display: flex;
}
.section-talent-item {
    background-color: #fff;
    border-radius: 16px;
    margin-right: 30px;
    padding: 24px;
    flex: 1; 
}
.section-talent-number {
    color: var(--orange);
    font-size: 32px; 
}
.section-talent-title {
    font-size: 32px;
    margin-top: 8px;
    line-height: 100%;
}
.section-talent-more {
    font-size: 22px;
    font-weight: 500;
    color: var(--black);
    text-decoration: none;
    margin-top: 10px;
    display: inline-block;
}
.section-talent-more:hover {
    color: var(--orange);
}
.section-talent-more svg {
    fill: var(--black);
}
.section-talent-more:hover svg {
    fill: var(--orange);
}

/*  */
.section-whytrust {
    margin-top: 110px;
}
.section-whytrust-content {
    display: flex;
    margin-top: 20px;
    align-items: stretch;
}
.section-whytrust-img {
    width: 572px;
}
.section-whytrust-img img {
    width: 100%;
    border-radius: 20px;
}
.section-whytrust-text {
    font-size: 18px;
    line-height: 120%;
    flex: 1;
    margin-left: 138px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    align-items: start;
}

.section-whytrust-text .btn {
    border-radius: 40px;
    padding: 11px;
    min-width: 295px; 
}
.section-whytrust-text h2 {
    max-width: none;
    margin-bottom: 20px;
}
.section-whytrust-description {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

/*  */
.section-topskills {
    margin-top: 110px;
}
.section-topskills-items {
    padding-top: 40px;
}
.section-topskills-items a {
    display: block;
    color: var(--black);
    text-decoration: none;
}
.section-topskills-items .owl-nav {
    position: absolute;
    top: -50px;
    right: 0;
}
.section-topskills-items .owl-nav button.owl-prev,
.section-topskills-items .owl-nav button.owl-next {
    background-color: var(--orange);
    color: #fff;
    border-radius: 30px;
    width: 40px;
    height: 40px;
    margin-left: 10px;
}
.section-topskills-items .owl-nav button span {
    display: block!important;
    margin-top: -4px!important;
    font-size: 30px;
}
.section-topskills-item-img {
    margin-bottom: 15px;
}
.section-topskills-item-img img {
    border-radius: 20px;
}
.section-topskills-text {
    font-size: 18px
}
.section-topskills-text b {
    font-size: 24px;
    font-weight: 400;
    line-height: 120%;
    display: block;
    margin-bottom: 15px;
}
/*  */

.section-chooseus {
    margin-top: 110px;
}
.section-chooseus-content {
    display: flex;
    flex-direction: row;
}
.section-chooseus-title {
    flex: 1;
    margin-top: 20px;
}
.section-chooseus-items {
    flex: 1;
}
.section-chooseus-item {
    margin-bottom: 20px;
}
.section-chooseus-content h2 {
    max-width: none;
}
.sectin-chooseus-item-title {
    font-size: 32px;
    color: var(--black);
}
.sectin-chooseus-item-title span {
    color: var(--orange);
}
.sectin-chooseus-item-description {
    font-size: 18px;
}

/*  */
.section-fondwork {
    margin-top: 110px;
}
.section-fondwork .wcont {
    background:url(/images/bg_6.png) no-repeat center center;
    background-size: cover;
    height: 700px;
    border-radius: 16px;
    overflow: hidden;
    padding: 30px 30px 60px 30px;
    display: flex;
    align-items: start;
    flex-direction: column; 
} 
.section-fondwork-slogan-secont {
    max-width: 426px;
    font-size: 18px;
    color: #fff;
    margin-top: 60px;
    font-weight: 400; 
    line-height: 130%;
}
.section-fondwork .section-slogan-first {
    color: #fff;
}
.section-fondwork-slogan-secont h2 {
    font-size: 80px;
    font-weight: 500;
    font-family:  "Playfair Display";
    color: #fff; 
    max-width: none;
    margin-bottom: 40px;
    line-height: 83px;
}
.section-fondwork-items {
    margin-top:75px;
    display: flex;
}
.section-fondwork-item {
    background-color: #fff;
    border-radius: 16px;
    margin-right: 30px;
    padding: 24px;
    flex: 1; 
}
.section-fondwork-number {
    color: var(--orange);
    font-size: 32px; 
}
.section-fondwork-title {
    font-size: 26px;
    margin-top: 8px;
    line-height: 100%;
}
.section-fondwork-more {
    font-size: 22px;
    font-weight: 500;
    color: var(--black);
    text-decoration: none;
    margin-top: 10px;
    display: inline-block;
}
.section-fondwork-more:hover {
    color: var(--orange);
}
.section-tafondworklent-more svg {
    fill: var(--black);
}
.section-fondwork-more:hover svg {
    fill: var(--orange);
}


/*  */

.section-faq {
    margin-top: 110px;
}
.section-faq-content {
    display: flex;
    flex-direction: row;
}
.section-faq-title {
    flex: 1;
    margin-top: 20px;
}
.section-faq-items {
    flex: 1;
}
.section-faq-item {
    margin-bottom: 20px;
    background-color: var(--gray-light);
    border-radius: 16px!important;
}
.section-faq-item .accordion-button {
    color: #1D1A1A;
    background-color: var(--gray-light);
    border-radius: 16px!important;
    font-family: 'Inter';
    font-size: 26px;
    box-shadow: none!important;
}
.section-faq-item .accordion-button::after { 
    background-image:url('data:image/svg+xml,%3Csvg%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%2211%22%20width%3D%221%22%20height%3D%2223%22%20fill%3D%22white%22%2F%3E%3Crect%20y%3D%2211%22%20width%3D%2223%22%20height%3D%221%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
    background-position: center center;
    width: 30px;
    height: 30px;
    border-radius: 40px;
    background-color: var(--orange); 
}
.section-faq-item .accordion-button:not(.collapsed)::after { 
    background-image:url('data:image/svg+xml,%3Csvg%20width%3D%2223%22%20height%3D%221%22%20viewBox%3D%220%200%2023%201%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2223%22%20height%3D%221%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
    background-position: center center;
    background-color: var(--orange);
    width: 30px;
    height: 30px;
    border-radius: 40px;
}
.section-faq-content h2 {
    max-width: none;
}
.sectin-faq-item-title {
    font-size: 32px;
    color: var(--black);
}
.sectin-faq-item-title span {
    color: var(--orange);
}
.sectin-faq-item-description {
    font-size: 18px;
}

/*  */
.footer {
    margin-top: 110px;
    margin-bottom: 20px;
}
.main .footer .wcont {
    background: url(/images/img_7.png?v1) no-repeat;
    background-size: cover; 
    padding: 30px;
    border-radius: 16px;
}
.footer-join-text {
    text-align: center;
    color: #fff;
    display: none;
}
.main .footer-join-text {
    display: block;
}
.footer .section-slogan-first {
    justify-content: center;
    color: #fff;
}
.section-footer-title {
    position: relative;
}
.section-footer-title h2 {
    font-size: 80px;
    font-weight: 500;
    font-family:  "Playfair Display";
    line-height: 80px;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 9;
}
.section-footer-title::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: radial-gradient(ellipse at center, #00000091 5%, transparent 73%);
}
.section-footer-subtitle {
    font-size: 18px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 20px;
}
.footer .btn-orange {
    border-radius: 40px;
    padding: 11px;
    min-width: 180px;
}
.footer-copy {
    padding: 30px;
    background-color: #efefef;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 80px;
}
.main .footer-copy {
    background-color: #fff;
}
.footer-logo {
    margin: 0 auto;
    color: var(--black-all);
    text-decoration: none;
    font-size: 28px;
    font-family: "Playfair Display";
    align-items: center;
}
.footer-logo span {
    color: var(--orange);
}
.footer-nav {
    margin-top: 20px;
}
.footer-nav a {
    text-decoration: none;
    color: var(--black);
    margin: 0 8px;
}
.footer-nav a:hover {
    color: var(--orange);
}
.footer-copy-text {
    margin-top: 65px;
    text-align: center;
    margin-bottom: 12px;
}
.mob-header-nav-link {
    display: none;
}
.login-panel-icons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.login-panel-icons a {
    margin-left: 20px;
}
.section-breadcrumb {}
.section-breadcrumb a {
    color: var(--black);
    text-decoration: none;
}
.section-breadcrumb a:hover {
    color: var(--orange);
}
.section-breadcrumb .breadcrumb-item+.breadcrumb-item::before { 
    content: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2214%22%20viewBox%3D%220%200%208%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%2013L6.71716%207.28284C6.87337%207.12663%206.87337%206.87337%206.71716%206.71716L1%201%22%20stroke%3D%22%231D1A1A%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

/*  */
.section-content-columns {
    margin-top: 50px;
}
.section-content-columns .wcont {
    display: flex;
    flex-direction: row;
    position: relative;
}
.section-content-columns .left-column {
    width: 423px;
    position: sticky;
    top: 20px;
    height: 100%;
    margin-right: 50px;
}
.section-content-columns .right-column {
    width: 423px;
    position: sticky;
    top: 20px;
    height: 100%;
    margin-left: 20px;
}
.section-content-columns .center-column {
    flex: 1;
    max-width: 927px;
} 
.block-profile-user {
    text-align: center;
}
.block-profile-user-avatar {
    max-height: 150px;
    min-height: 150px;
    position: relative;
    display: block;
    flex: 1 1 150px;
    width: 150px;
    border-radius: 150px;
    overflow: hidden;
    margin: 0 auto;
}
.block-profile-user-avatar img {
    height: 100%;
    left: 0;
    max-width: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    object-position: 50% 0;
}
.block-profile-user-name {
    font-size: 28px;
    color: var(--black);
}
.block-profile-user-position {
    font-size: 22px;
    color: var(--black);
    margin-bottom: 10px;
}
.block-profile-user-localtime {
    font-size: 18px;
    color: var(--gray-dark);
    margin-bottom: 10px;
}
.block-profile-user-rating {
    font-size: 18px;
    color: var(--gray-dark);
}
.block-profile-user-rating span {
    color: var(--black);
}
.block-profile-user-rating svg {
    margin-top: -8px;
}
.block-profile-options-items {
    border: solid 1px #E4E4E4;
    border-radius: 8px;
    padding: 18px;
}
.block-profile-options-item {
    border-bottom: solid 1px #E4E4E4;
    padding: 10px 0;
}
.block-profile-options-item:first-child {
    padding-top: 0;
}
.block-profile-options-item:last-child {
    border: none;
    padding-bottom: 0;
}
.block-profile-options-item b {
    font-size: 28px;
    font-weight: 500;
}

.block-about-profile {
    font-size: 18px; 
}
.block-about-profile h3 {
    font-size: 28px;
}
.block-skills-profile span {
    margin-bottom: 5px;
    cursor: default;
    background-color: var(--gray)!important;
    border: none;
}
.block-skills-profile h3 {
    font-size: 28px;
} 
.block-skills-profile button,
.block-skills-profile a {
    margin-bottom: 10px;
}
.block-portfolio-profile {
    width: 100%; 
}
.block-portfolio-profile h3 {
    font-size: 28px;
}
.block-portfolio-profile-items .item {
    color: var(--black);
    text-decoration: none;
    font-size: 22px;
    font-weight: 400;
}
.block-portfolio-profile-item-img {
    overflow: hidden;
    border-radius: 8px;
    max-width: 289px;
    margin-bottom: 7px;
}
.block-portfolio-profile-items .owl-nav button {
    background-color: var(--black)!important;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center; 
    transition: all ease-in-out 0.2s;
    position: absolute;
    top: 54px;
}
.block-portfolio-profile-items .owl-nav button:hover {
    background-color: var(--black-all)!important;
}
.block-portfolio-profile-items .owl-nav button span {
    text-indent: -9999px;
}
.block-portfolio-profile-items .owl-nav .owl-prev {
    left: -10px;
}
.block-portfolio-profile-items .owl-nav .owl-prev:before {
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%201L1.28284%208.71716C1.12663%208.87337%201.12663%209.12663%201.28284%209.28284L9%2017%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    width: 10px;
    height: 18px;
    display: block;
    margin-left: -2px;
}
.block-portfolio-profile-items .owl-nav .owl-next {
    right: -10px;
}
.block-portfolio-profile-items .owl-nav .owl-next:after {
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%2017L8.71716%209.28284C8.87337%209.12663%208.87337%208.87337%208.71716%208.71716L1%201%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    width: 10px;
    height: 18px;
    display: block;
    margin-right: -2px;
}

.block-expirience-profile {}
.block-expirience-profile h3 {
    font-size: 28px;
}
.block-expirience-profile-items {}
.block-expirience-profile-item {
    padding: 30px 0;
    border-bottom: solid 1px #e4e4e4;
}
.block-expirience-profile-item-position {
    font-size: 22px;
    font-weight: 500;
}
.block-expirience-profile-item-company {
    font-size: 18px;
    font-weight: 500;
    margin-top: 6px;
}
.block-expirience-profile-item-duration {
    font-weight: 18px;
    font-weight: 500;
    color: var(--gray-dark);
    margin-top: 12px;
}
.block-expirience-profile-item-duration span {
    margin-left: 40px;
}
.block-expirience-profile-item-description {
    font-size: 18px;
    font-weight: 400;
    margin-top: 24px;
}

/*  */
.block-services-profile {}
.block-services-profile h3 {
    font-size: 28px;
}
.block-services-profile-items {}
.block-services-profile-item {
    border: solid 1px #E4E4E4;
    border-radius: 20px;
    padding: 30px;
    margin-bottom: 12px;
}
.block-services-profile-item-img {
    /* max-height: 185px;
    min-height: 185px; */
    position: relative;
    display: block;
    flex: 1 1 185px;
    width: 165px;
    border-radius: 8px;
    overflow: hidden;
    min-height: 100px;
}
.block-services-profile-item-img img {
    height: 100%;
    left: 0;
    max-width: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    object-position: 50% 0;
}

/*  */
.block-services-profile-item {
    display: flex;
    flex-direction: row;
}
.block-services-profile-item-details {
    flex:1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.block-services-profile-item-img {
    flex: inherit;
    margin-right: 24px;
}
.block-services-profile-item-details-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.block-services-profile-item-details-title h4 {
    font-size: 28px;
    font-weight: 500;
}
.block-services-profile-item-details-title h4 a {
    color: #1D1A1A;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
.block-services-profile-item-details-title h4 a:hover {
    color: var(--orange);
}
.block-services-profile-item-details-controls {
    display: flex
;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}
.block-services-profile-item-details-controls a {
    margin-left: 10px;
}
.block-services-profile-item-details-duration {
    color: var(--gray-dark);
    font-size: 18px;
}
.block-services-profile-item-details-duration span {
    display: block;
    margin-bottom: 10px;
}
.block-services-profile-item-details-pricebuy {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.block-services-profile-item-details-pricebuy .btn {
    width: 180px;
}
.block-services-profile-item-details-price {
    font-size: 18px;
    font-weight: 500;
}
.block-services-profile-item-avatar {
    border-right: solid 1px #e4e4e4;
    padding-right: 24px;
    margin-right: 24px;
}
.block-services-profile-item-avatar-some {
    max-height: 92px;
    min-height: 92px;
    position: relative;
    display: block;
    flex: 1 1 92px;
    width: 92px;
    border-radius: 92px;
    overflow: hidden;
    margin: 0 auto;
    background: url(/images/avatar.png) center center no-repeat;
    background-size: cover;
}
.block-services-profile-item-avatar-some img {
    height: 100%;
    left: 0;
    max-width: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    object-position: 50% 0;
}
.block-services-profile-item-avatar-name {
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 109px;
    margin-top: 8px;
}
.block-services-profile-item-avatar-rate {
    font-size: 16px;
    color: var(--gray-dark);
    text-align: center;
}
.block-services-profile-item-avatar-rate span {
    color: var(--black);
}
.block-services-profile-item-avatar-rate svg {
    margin-top: -5px;
    margin-right: 3px;
}



/*  */
.block-servicepage-profile-duration {
    color: var(--gray-dark);
    font-size: 18px;
}
.block-servicepage-profile-duration span {
    display: block;
    margin-bottom: 10px;
} 
.block-servicepage-profile-duration span.btn {
    display: inline-block;
    cursor: default;
}
.block-servicepage-profile-skills a {
    margin-bottom: 10px;
}
.block-servicepage-profile-skills span {
    display: inline-block;
    margin-bottom: 10px;
    cursor: default;
}
.block-servicepage-profile-additional {
    display: flex;
    flex-direction: row;
    font-size: 22px;
    font-weight: 500;
}
.block-servicepage-profile-additional-items {
    display: flex;
    flex-direction: row;
}
.block-servicepage-profile-additional-items span {
    margin-left: 5px;
}
.block-servicepage-profile-additional-img {
    width: 34px;
    height: 34px;
    border-radius: 4px;
    overflow: hidden;
}
.block-servicepage-profile-additional-img img {
    width: 100%;
}
.block-servicepage-profile-price {
    font-size: 22px;
    font-weight: 500;
    margin-top: 18px;
}
.block-servicepage-profile-price span {
    margin-left: 12px;
}
.block-servicepage-profile-controls {
    margin-top: 18px;
}
.block-servicepage-profile-controls .btn {
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 10px;
}

/*  */  

.block-servicepage-profile-gallery {
    display: grid;
    grid-template-rows: auto;
    grid-auto-rows: 1fr;
    column-gap: 15px;
    row-gap: 15px;
    margin-bottom: 20px;
}
    
.block-servicepage-profile-gallery img {
    grid-row: 2 / span 1;
    width: 100%;
    border-radius: 8px;
} 
.block-servicepage-profile-gallery img:first-child {
    /* grid-column: 1 / span 3;
    grid-row: 1;
    border-radius: 30px; */
}


.block-services-profile-item-details-autor-rate {
    font-size: 18px;
    color: var(--gray-dark);
    margin-bottom: 20px; 
}
.block-services-profile-item-details-autor-rate span {
    color: var(--black);
}
.block-services-profile-item-details-autor-rate svg {
    margin-top: -5px;
    margin-right: 3px;
}
.block-services-profile-item-details-autor-name {
    font-size: 22px;
    font-weight: 500;
    margin-top: 8px;
    color: #1D1A1A;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
.block-services-profile-item-details-autor-name:hover {
    color:var(--orange);
}

.block-services-profile-item-details-skills {
    margin-bottom: 20px;
}
.block-services-profile-item-details-skills span {
    margin-bottom: 5px;
        cursor: default;
    background-color: var(--gray) !important;
    border: none;
}
.block-services-profile-item-details-skills button {
    margin-bottom: 10px;
}

.use_cookies {
    position: fixed;
    width: 100%; 
    bottom: 0;
    z-index: 999;
}
.use_cookies .content_coo {
    background: #ffffff;
    border: 1px solid;
    padding: 16.5px 24px;
    box-shadow: 0 -1px 10px 0 #acabab4d;
    border-color: #F4F4F4;
}
.use_cookies .title_coo_bar {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}
.use_cookies .text_coobar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.use_cookies .right_text_coo {
    white-space: nowrap;
}
/*  */
/*  */
.section-login-form h3 {
    font-size: 28px;
}
.section-login-form-content {
    display: flex;
    flex-direction: row;
}
.section-login-form-img {
    width: 690px;
    border-radius: 20px;
    overflow: hidden;
}
.section-login-form-img img {
    width: 100%;
    border-radius: 20px;
}
.section-login-form-text {
    flex: 1;
    padding-right: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section-login-form-text h2 {
    max-width: none; 
    margin-bottom: 30px;
}
.section-login-form-text a {
    color: var(--orange);
}
.section-login-form-text a:hover {
    text-decoration: none;
}
.section-login-form-login_sugnup {
    margin-top: 20px;
    margin-bottom: 5px;
}
.section-login-form-text input:not([type="checkbox"]) {
    margin-bottom: 12px;
}
.section-login-form-text .btn-submit {
    width: 50%; 
}

/*  */
.block-filter-search {
    border-radius: 18px;
    border: solid 1px #E4E4E4;
    padding-bottom: 0;
}
.block-filter-search .accordion-header {
    max-width:  none;
    line-height: normal; 
    font-family: 'Inter';
}
.block-filter-search .accordion-button {
    background-color: transparent;
    box-shadow: none;
    font-size: 18px;
    color: var(--black);
    font-weight: 500; 
}
.block-filter-search .accordion-item {
    background-color: transparent;
    border: none;
    border-bottom: solid 1px #e4e4e4;  
} 
.block-filter-search .accordion-body {
    display: flex;
    flex-direction: column;
    padding-top: 0;
    align-items: start;
}
.block-filter-search .accordion-item:last-child {
    border-bottom: none;
}

.hide_element {
    display: none;
}
.btn .is_like {
    display: none;
}
.btn.active .is_like {
    display: block; 
    fill: var(--orange);
}
.btn.active .no_like {
    display: none;
}
.btn.active:hover .no_like {
    fill: var(--orange);
}
.block-photowine-like {
    padding: 0;
    margin-left: 5px;
    border: none;
} 
.cart {
    position: relative;
}
.cart-cont {
    background-color: var(--orange);
    color: #fff;
    font-size: 11px;
    border-radius: 30px;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 5px;
    top: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 16px;
}
.chat_msgs {
    position: relative;
}
.count_messages {
    background-color: var(--orange);
    color: #fff;
    font-size: 11px;
    border-radius: 30px;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 9px;
    top: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 16px;
}

#typeProfileModal .modal-content {
    border-radius: 30px;
}

#typeProfileModal .modal-content .btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 15px;
    height: 15px;
    background-size: 15px;
}
#typeProfileModal .modal-body {
    padding-top: 65px;
    padding-bottom: 65px;
}
.block-reg-select-talentorclient {
    display: flex;
    flex-direction: row;
}
.block-talentorclient-select {
    border-radius: 30px;
    border:solid 1px #E4E4E4;
    padding: 18px;
    margin-right: 30px;
}
.block-talentorclient-select:hover {
    box-shadow:0 0 17px #d5d5d5;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.block-talentorclient-select:last-child {
    margin-right: 0;
}
.block-talentorclient-select-img {
    border-radius: 20px;
    max-height: 355px;
    overflow: hidden;
}
.block-talentorclient-select-img img {
    width: 100%;
}
.block-talentorclient-select-checkbox {
    color: var(--black);
    font-size: 18px;
    margin-top: 20px;
}
.block-talentorclient-select-checkbox input {
    margin-right: 10px;
}
.block-talentorclient-select-subtitle {
    font-size: 18px;
    color: var(--gray-dark); 
}

.chat-columns {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    min-height: 350px;
}
.chat-left-column {
    width: 400px;
    border: solid 1px #E4E4E4;
    border-radius: 20px; 
    height: calc(100vh - var(--bs-modal-margin) * 2 - 100px);
    padding: 12px 3px 12px 0;
    overflow: hidden;
}
.chat-right-column {
    flex: 1 1;
}

::-webkit-scrollbar {
    width: 5px;
    border-radius: 5px;
  }
  
  /* Track */
::-webkit-scrollbar-track {
    background: transparent; 
    border-radius: 5px;
} 
  /* Handle */
::-webkit-scrollbar-thumb {
    background: #E4E4E4; 
    border-radius: 5px;
}
  
  /* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #b4b4b4; 
    border-radius: 5px;
}

.chat-rooms-items {
    overflow: auto;
    max-height: 80vh; 
}
.chat-rooms-item {
    border-bottom: solid 1px #E4E4E4; 
    padding: 10px;
    cursor: pointer;
}
.chat-rooms-item.unread  .chat-rooms-item-bg {
    border: solid 1px #ff7f5880;
    background-color: #ff7f582d;
}
.chat-rooms-item.unread:hover  .chat-rooms-item-bg {
    border: solid 1px #ff7f5880!important;
    background-color: #ff7f5880!important;
}
.chat-rooms-item:last-child {
    border-bottom: none;
}
.chat-rooms-item-bg { 
    display: flex;
    flex-direction: row;
    border: solid 1px transparent; 
    border-radius: 16px;
    padding: 10px;
}
.chat-rooms-item:hover .chat-rooms-item-bg {
    background-color: #F6F6F6;
    border: solid 1px transparent; 
}
.chat-rooms-item:active .chat-rooms-item-bg,
.chat-rooms-item.active .chat-rooms-item-bg {
    border: solid 1px #E4E4E4; 
    background-color: #F6F6F6;
}
.chat-rooms-item-avatar {
    max-height: 60px;
    min-height: 60px;
    position: relative;
    display: block;
    /* flex: 1 1 60px; */
    width: 60px;
    border-radius: 60px;
    overflow: hidden;
    margin: 0 auto;
    background: url(/images/avatar.png) center center no-repeat;
    background-size: cover;
}
.chat-rooms-item-avatar img {
    height: 100%;
    left: 0;
    max-width: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    object-position: 50% 0;
}
.chat-rooms-item-name-lasttext {
    flex:1;
    padding-left: 12px;
}
.chat-rooms-item-name {
    font-size: 18px;
    color: var(--black);
    font-weight: 500;
    margin-bottom: 5px;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
}
.chat-rooms-item-time {
    font-size: 14px;
    color: var(--black);
    font-weight: 400;
}
.chat-rooms-item-lasttext {
    font-size: 14px;
    font-weight: 400;
    color: var(--black);
}

.chat-right-column {
    padding-left: 30px;
    position: relative;
}
.chat-blockroom-nameprofession {}
.chat-blockroom-nameuser {
    font-size: 18px;
    font-weight: 500;
}
.chat-blockroom-profession {
    font-size: 18px;
    font-weight: 400;
}
.chat-blockroom-formmessage {
    position: absolute;
    bottom: 0px;
    left: 30px;
    right: 10px;
    border: solid 1px #E4E4E4;
    box-shadow: 0 0 10px #7C77771A;
    padding: 15px 3px 15px 15px;
    border-radius: 20px;
}
.chat-blockroom-formmessage textarea {
    border: none;
    padding: 0;
    margin: 0;
    outline: none;
    box-shadow: none!important;
    width: 100%;
}
.chat-blockroom-formmessage-controls {
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    padding-right: 18px;
    align-items: flex-start;
}
.chat-blockroom-formmessage-controls .btn-upload {
    border: solid 1px #E4E4E4;
    border-radius: 8px;
} 
.upload_file_inchat {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute; 
}

.chat-blockroom-chatframe {
    padding-top: 20px; 
    height: calc(100vh - var(--bs-modal-margin) * 2 - 282px);
}
.chat-blockroom-chatframe-items {
    overflow: auto;
    height: 98%;
    padding-right: 20px;
}
.chat-blockroom-chatframe-items.active {
    height: 82%;
}
.chat-blockroom-chatframe-item {
    display: flex;
    flex-direction: row;
    padding-bottom: 30px;
}
.chat-blockroom-chatframe-item.item-out {
    flex-direction: row-reverse;
}
.chat-blockroom-chatframe-avatar {
    width: 60px;
}
.chat-blockroom-chatframe-avatar a {
    max-height: 60px;
    min-height: 60px;
    position: relative;
    display: block;
    /* flex: 1 1 60px; */
    width: 60px;
    border-radius: 60px;
    overflow: hidden;
    margin: 0 auto;
}
.chat-blockroom-chatframe-avatar img {
    height: 100%;
    left: 0;
    max-width: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    object-position: 50% 0;
}
.chat-blockroom-chatframe-contentmsg {
    flex: 1;
    padding-left: 12px;
        background-color: #eeeeeea3;
    padding: 10px 20px;
    border-radius: 20px;
    margin-left: 10px;
}
.chat-blockroom-chatframe-item.item-out .chat-blockroom-chatframe-contentmsg {
    /* padding-left: 0;
    padding-right: 12px; */
    max-width: 70%;
    margin-right: 10px;
}
.chat-blockroom-chatframe-nametime {
    font-size: 18px;
    font-weight: 500;
    color: #1D1A1A;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 10px;
}
.chat-blockroom-chatframe-item.item-out .chat-blockroom-chatframe-nametime {
    /* flex-direction: row-reverse; */
}
.chat-blockroom-chatframe-time {
    font-size: 16px;
    font-weight: 400;
}
.chat-blockroom-chatframe-cont-text img {
    width: 100%;
    border-radius: 10px;
    min-height: 200px;
}
.block-services-profile-item-details-oldprice,
.block-profile-options-item-old {
    color: var(--gray-dark);
}
.block-photowine-removecartico {
        padding: 0;
    margin-left: 5px;
    border: none;
}
.cart_page .block-services-profile-item-details-title h4 {
    font-size: 21px;
}

/*  */
.by_deposit_purchase {
    display: flex;
}
.by_deposit_purchase div {
    flex: 1;
}
.cart_page .by_deposit_purchase .btn {
    width: 100%;
}
.cart_page .by_deposit_purchase div:first-child {
    margin-right: 10px;
}
.cart_tital_items, .cart_tital_sum {
    display: flex;
    justify-content: space-between;
}
.cart_tital_sum {
    font-size: 24px;
    margin-top: 20px;
}
.cart_tital_items, .cart_tital_sum {
    display: flex;
    justify-content: space-between;
}
.light_block_detail {
    border: solid 1px #d5d5d5;
    border-radius: 20px;
    padding: 20px;
}
.cart_info_total  {
    font-size: 14px;
}
.mobile_setting {
    display: none;
}
.profile_nav { 
    border-radius: 20px;
    padding:  18px;
    border: solid 1px #E4E4E4;
}
.profile_nav ul {
    display: flex;
    flex-direction: column;
}
.profile_nav  .btn {
    font-size: 18px;
    width: 100%;
    text-align: left; 
    border-color: transparent!important; 
}
.profile_nav  .btn.active {
    background-color: var(--gray-stroke);
    border-radius: 10px!important;
}
.profile_nav .nav-item { 
}
.profile_nav .nav-item:last-child .btn {
    border-bottom: solid 1px transparent; 
}
.profile_nav .btn_logout {
    text-align: center;
}
.profile_nav .btn_logout svg {
    fill: #1D1A1A;
}
.profile_nav .btn_logout:hover svg {
    fill: #fff;
}
.fpss_items {
    display: flex;
    border-radius: 20px; 
    padding: 18px;
}
.fp_items {
    margin-right: 20px;
    flex: 1;
}
.fp_item {
    margin-bottom: 10px;
}
.fp_item label {
    color: var(--gray-dark);
}
.form_password label { 
    color: var(--gray-dark);
}
.fp_avatar {
    padding-right: 30px;
    text-align: center;
}
.fp_avatar_img {
    width: 150px;
    height: 150px;
    margin-bottom: 20px;
    border-radius: 150px;
    overflow: hidden;
    background: url(/images/avatar.png) center center no-repeat;
    background-size: cover;
}
.fp_avatar_img img {
    width: 100%;
}
.fp_avatar input {
    width: 0;
    height: 0;
    position: absolute;
}
.button_submit_form {
    border-radius: 20px;
    min-width: 200px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 20px!important;
    padding: 5px 20px!important;
    background-color: #fff!important;
    border-color: #E4E4E4!important;
}
.select2-container--default .select2-selection--multiple {
    border-color: #E4E4E4!important;
}
.text-orange {
    color: var(--orange);
}
.deposit_metods {
    margin-top: 40px;
}
.mathod_deposit {
    display: flex;
    flex-direction: row; 
    margin-top: 10px;
}
.mathod_deposit .dep_logo {
    min-width: 150px;
}
.deposits_controls {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.add_project_columns {
    display: flex;
    flex-direction: row;
}
.add_project_left-column {
    width: 414px;
}
.dd_project_center-column {
    flex: 1;
}
.add_project_left-column {
    border-radius: 20px;
    border: solid 1px #E4E4E4;
    padding: 18px;
    margin-right: 30px;
}
.add_project_left-column .nav-link {
    padding: 12px 18px;
    font-size: 18px; 
    border-radius: 20px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: left;
}
.add_project_left-column .nav-link.active {
    background-color: var(--gray-light);
}
.add_project_left-column .nav-link span {
    font-size: 14px;
}
.add_project_center-column {
    flex: 1;
    position: relative;
}
.add_project_center-column.tab-content>.tab-pane {
    display: none;
}
.add_project_center-column.tab-content>.active {
    display: flex;
}
.add_project_center-column .tab-pane {
    display: flex;
    align-items: end;    
}
.add_project-form-block {
    flex: 1;
    position: absolute;
    bottom: 0px;
    left: 30px;
    right: 10px;
    border: solid 1px #E4E4E4;
    box-shadow: 0 0 10px #7C77771A;
    padding: 15px 3px 15px 15px;
    border-radius: 20px;
}
.add_project-form-block label {
    font-size: 18px;
    margin-bottom: 10px;
}
.add_project-form-block textarea { 
    border: none;
    padding: 0;
    margin: 0;
    outline: none;
    box-shadow: none !important;
    width: 100%;
}
.add_project-form-btns_control {
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    padding-right: 18px;
    align-items: flex-start;
}
.add_project-form-btns_control .btn_back {}
.add_project-form-btns_control .btn_next {}
.count_messages {
    display: none;
}
.upload_file_project {
    width: 0;
    height: 0;
    position: absolute;
}
.button_upload_plash {
    display: flex;
    justify-content: center;
    align-items: center;
}
.button_upload_plash button { 
    min-height: 100px;
    width: 100%;
}
.upload_file_project_proview {
        overflow: auto;
    margin-bottom: 194px;
    max-height: 400px;
    width: 100%;
    text-align: center;
}
.addproject_finish {
    display: none;
}
.upload_file_project_proview img {
    max-width: 100%;
}
.get_project,
.finish_project,
.reject_project {
    display: none;
}
.get_project.showb,
.finish_project.showb,
.reject_project.showb {
    display: block;
}
.block-services-profile-item-details-count {
    display: flex;
    font-size: 18px;
    font-weight: 500;
}
.block-services-profile-item-details-count button {
    border: none;
    background: transparent;
    padding: 0;
    font-size: 20px;
    width: 30px;
}
.block-services-profile-item-details-count input {
    border: none;
    outline: none;
    width: 50px;
    text-align: center;
}
.block-services-profile-item-details-plusminus {
    border: solid 1px #E4E4E4;
    border-radius: 4px;
    margin-left: 10px;
}
.favorites_item {
    padding-left: 10px;
}
.favorites_item .select_input {
    margin-top: 39px;
}
.purchase_item_download_min .btn svg {
    fill: #fff;
}
.light_block_detail.purchase_item {
    display: flex;
    margin-bottom: 10px;
}
.light_block_detail.purchase_item img {
    width: 200px;
    border-radius: 20px;
    margin-right: 20px;
}
.select2-container {
    z-index: 99999;
}
.add_project-form-block-select2 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.talent_proj_photos {
        position: absolute;
    top: 50%;
    left: 50%;
    height: 1px;
    opacity: 0;
}
.upload_file_project_proview_talent { 
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    max-height: 338px;
    overflow-y: auto;
    align-items: center;
} 
.upload_file_project_proview_talent img {
    width: 100%;
    border-radius: 20px;
}