@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet');

@font-face {
    font-family: 'Benzin-medium';
    src: url("../fonts/benzin/Medium.ttf") format("truetype"),
}
@font-face {
    font-family: 'Benzin-bold';
    src: url("../fonts/benzin/Bold.ttf") format("truetype"),
}

@font-face {
    font-family: 'Benzin-semi-bold';
    src: url("../fonts/benzin/Semibold.ttf") format("truetype"),
}
@font-face {
    font-family: 'Benzin-extra-bold';
    src: url("../fonts/benzin/Extra-Bold.ttf") format("truetype"),
}
:root {
    --white: #FFFFFF;
    --black: #1D1E21;
    --grey: #929292;
    --red: #D23223;
    --light--grey: #E7E7E7;
    --border--radius: 10px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    cursor: default;
}

body {
    overflow-x: hidden;
    line-height: 1.5;
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    background: #ffffff;
}

html,
body {
    height: 100%;
}

img,
picture,
video,
canvas,
svg {
    display: block;
    margin: 0;
    padding: 0;
    max-width: 100%;
}

input,
button,
textarea,
select {
    font: inherit;
}

textarea {
    width: 100%;
    height: 100px;
    resize: none;
    padding-top: 15px;
    padding-left: 20px;
}

input, textarea {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #1D1E21;
    padding-left: 20px;
    background: #ffffff;
    border: 1px solid #5A6274;
}

input::placeholder, textarea::placeholder {
    color: #1D1E21;
    opacity: .5;
}

input:focus, textarea:focus {
    outline: none !important;
    border-color: #FF004D !important;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type='number'],
input[type="number"]:hover,
input[type="number"]:focus {
    appearance: none;
    -moz-appearance: textfield;
}

select {
    background-color: white;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
}

#root {
    width: 100%;
    min-height: 100vh;
    position: relative;
}

#root.mainContainer {
    padding-bottom: 0;

}

.container {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    max-width: 1440px;
}

.grecaptcha-badge {
    visibility: hidden;
}


main{
    min-height: calc(100vh - 333px);
}

.bodySection {
    padding: 8% 7% 8% 10%;
}

.customBodySection {
    padding-top: 30px;
    padding-bottom: unset;
}

section {
    width: 100%;
}

#specialSection {
    border-bottom: 1px solid #1D1E21;
}

.typicalBaner {
    display: flex;
    flex-direction: column;
}

.typicalFrames {
    display: flex;
    gap: 15%;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    outline: none;
}

.logo {
    display: flex;
    align-items: center;
    width: 168px;
    height: 70px;
    margin-right: 24px;
}

.logo img {
    max-height: 42px;
    width: auto;
}

header {
    width: 100%;
    height: 70px;
    padding: 0 40px;
    background: #ffffff;
    border-bottom: 1px solid #1D1E21;
}

header .container {
    margin: 0 auto;
    width: 100%;
    max-width: 1318px;
}

.headerNav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.headerMenu {
    display: flex;
    float: right;
    width: calc(100% - 170px);
    align-items: center;
}

.menu {
    display: flex;
    width: calc(100% - 90px);
    justify-content: space-between;
}

.links li {
    display: inline-block;
    margin-right: 30px;
}

.links a, .dropdown-content a {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase;
    color: #1D1E21;
    position: relative;
}

.links a:after, .dropdown-content a:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #FF004D;
    transform-origin: bottom left;
    transition: transform 0.25s ease-out;
}

.links a:hover, .dropdown-content a:hover {
    color: #FF004D;
}

.links a:hover:after, .dropdown-content a:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.dropdown {
    list-style: none;
    margin-right: 42px !important;
}

.dropdown-content {
    border: 1px solid #1D1E21;
    display: none;
    flex-direction: column;
    background-color: white;
    width: fit-content;
    padding: 10px 0;
    top: 60px;
    position: absolute;
}

.dropdown-content a {
    width: 80px;
    padding: 10px 0;
    text-align: center;
}

.dropdown span {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase;
    color: #1D1E21;
    position: relative;
    cursor: pointer;
}

.dropdown span::after {
    content: ' ';
    background-image: url('../images/defaultarrow.svg');
    position: absolute;
    top: 4px;
    margin-left: 3px;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
}

span.openMenu::after {
    content: ' ';
    background-image: url('../images/defaultarrow.svg');
    position: absolute;
    top: 0;
    margin-left: 3px;
    width: 12px;
    height: 12px;
    transform: rotate(180deg);
    background-repeat: no-repeat;
}

button, .labelBtn {
    border: 1px solid #1D1E21;
    width: 200px;
    height: 50px;
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-transform: uppercase;
    transition: background-color 0.5s;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
}

.buttonStyle {
    background-color: transparent;
    color: #1D1E21;
    border-radius: 10px;
    border: 1px solid #1D1E21;
    font-weight: 700;
}

.buttonArrow {
    background-color: transparent;
    border: 1px solid #1D1E21;
    position: relative;
    width: 50px;
    height: 50px;
    background-image: url('../images/dropdown.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.blackBtn, .labelBtn, .homePageHeaderBtn {
    background-color: #1D1E21;
    color: #ffffff;
}

.labelBtn, .labelBtn label {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.labelBtn label {
    height: 100%;
}

button:hover {
    background-color: #FF004D;
    color: white;
}

.homePageHeaderBtn {
    width: 100%;
    padding: 9px 16px;
    height: 100%;
    white-space: nowrap;
    background-color: transparent;
    color: #1D1E21;
}

.homePageGeneralBtn {
    height: 60px;
    font-size: 18px;
    line-height: 22px;
}

.homePageInfoBanerBtn {
    align-self: center;
    margin-top: 80px;
    font-size: 15px;
    line-height: 18px;
}

.homePageContestBanerBtn {
    margin-top: 58px;
    align-self: center;
    font-size: 15px;
    line-height: 18px;
}

.customStyleForGeneral {
    padding-top: 150px;
    padding-bottom: 117px;
}

.generalBaner {
    display: grid;
    grid-template-columns: 50% 50%;
}

.generalBanerInfo h5 {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 140.62%;
    color: #1D1E21;
    width: 60%;
    padding-bottom: 25px;
}

.generalBanerInfo h5 p {
    padding-bottom: unset;
}

.generalBanerInfo, .generalBanerLogo {
    position: relative;
}

.generalBanerLogo {
    width: 100%;
    height: 100%;
}

.generalBanerLogo::after {
    content: ' ';
    background-image: url('../images/ornament4.svg');
    background-size: 3%;
    background-repeat: no-repeat;
    background-position: 88% 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
}

.generalBanerLogo::before {
    content: ' ';
    background-image: url('../images/ornament3.svg');
    background-size: 3%;
    background-position: 85% 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
}

.generalBanerTitle {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #1D1E21;
    font-size: min(95px, max(6.597vw, 49px));
    line-height: 99%;
    padding-top: 9px;
    padding-bottom: 39px;
}

.generalBanerTitle p {
    padding-bottom: unset;
}

.generalBanerTitle::before {
    content: ' ';
    background-image: url('../images/ornament.svg');
    background-size: 15%;
    bottom: 0.5em;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
}

.generalBanerInfo::after {
    content: ' ';
    background-image: url('../images/stars.png');
    background-size: 45%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 38%;
    left: 44%;
}

.generalBanerInfo::before {
    content: ' ';
    background-image: url('../images/arrow.svg');
    background-repeat: no-repeat;
    display: block;
    background-size: 25%;
    width: 110%;
    height: 110%;
    position: absolute;
    top: 72%;
    left: 50%;
}

.generalBanerItem {
    position: absolute;
    transition: transform .8s ease-in-out;
}

.cube {
    max-width: 85%;
    min-width: 170px;
    top: -14%;
    left: -8%;
    z-index: 2;
}

.cube:hover {
    transform: rotate(-180deg);
}

.dots {
    z-index: 1;
    top: 5%;
    left: 35%;
    min-width: 110px;
    max-width: 39%;
}

.prujinka {
    max-width: 53%;
    min-width: 163px;
    z-index: 3;
    top: 31%;
}

.prujinka:hover {
    transform: rotate(60deg);
}

.circle {
    max-width: 56%;
    min-width: 173px;
    z-index: 1;
    left: 18%;
    top: -29%;
}

.circle:hover {
    transform: rotate(180deg);
}

.banerHiw {
    padding-bottom: 63px;
    padding-top: 90px;
}

.titleForBaners {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 66px;
}

.titleForBaners h2 {
    font-size: min(60px, max(4.1vw, 32px));
    line-height: 117%;
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #1D1E21;
    text-align: center;
}

.titleForBaners img {
    max-width: 25%;
    min-width: 195px;
    display: none;
}

.hiw {
    padding-bottom: 125px;
}

.frame {
    width: 100%;
}

.frame img {
    width: 96px;
}

.frame h4 {
    font-size: min(32px, max(2.2vw, 26px));
    line-height: 138%;
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #1D1E21;
    margin: unset;
    padding-bottom: 16px;
    padding-top: 24px;
}

.frame p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #1D1E21;
    margin: unset;
    padding-bottom: unset;
}

.customStyleForContest {
    padding-top: 90px;
    padding-bottom: 90px;
}

.latestContestsCards {
    display: flex;
    background: #ffffff;
    border: 1px solid #434343;
    border-radius: 12px;
}


.card:first-child::before {
    content: ' ';
    background-image: url('../images/stars.png');
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 9%;
    right: 15%;
    background-repeat: no-repeat;
    background-size: cover;
}

.card:last-child::before {
    content: ' ';
    background-image: url('../images/ornament5.svg');
    width: 100%;
    height: 100%;
    position: absolute;
    background-position-x: right;
    background-repeat: no-repeat;
    left: 20%;
    bottom: 10%;
    background-size: 8%;
}

.card {
    flex: 0 1 25%;
    border-right: 1px solid #434343;
    position: relative;
}

.card:last-child {
    border-right: none;
}
.card a{
    display: block;
    overflow: hidden;
    position: relative;
    height: 100%;
}
.card:last-child a{
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.card:first-child a{
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.realCard {
    z-index: 3;
}

.cardImg {
    position: relative;
}

.cardImg::before {
    content: ' ';
    display: block;
    padding-top: 100%;
}

.cardImg img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cardInfo {
    padding: 21px 5% 18px 5%;
}


.prizeInfo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
}

.prizeInfoPrice {
    margin: unset;
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 117%;
    color: #1D1E21;
    z-index: 10;
    transition: color 0.2s linear;
    white-space: nowrap;
}

.prizeInfoForContest .prizeInfoPrice {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1D1E21;
}

.prizeInfoLabel {
    text-transform: uppercase;
    background-color: rgba(255, 225, 90, 1);
    padding: 8px 7px 6px 8px;
    margin: unset;
    margin-right: 20px;
    color: #000;
    text-align: center;
    font-family: Bitter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    border-radius: 8px;
}

.hiddenLabel {
    display: none;
}

.prizeInfoTitle {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #1D1E21;
    padding-top: 16px;
    padding-bottom: 16px;
    position: relative;
    z-index: 10;
    transition: color 0.2s linear;
}

.prizeInfoAuthor {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 164%;
    color: #1D1E21;
    padding-bottom: 16px;
    position: relative;
    z-index: 10;
    transition: color 0.2s linear;
}

.prizeInfoTags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

.prizeInfoTags.home {
    justify-content: flex-start;
}

.prizeInfoTag {
    padding: 4px 10px 0;
    height: 23px;
}

.prizeInfoTag p {
    padding-bottom: unset;
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px !important;
    line-height: 117% !important;
}

.hoverCard, .backgroundEff {
    z-index: -1;
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    background-color: #FF004D;
    transition: width 0.3s linear, height 0.25s linear, z-index 0.3s linear;
}

.backgroundEff {
    left: 0;
}

.card:hover .hoverCard {
    z-index: 5;
    width: 100%;
    height: 100%;
}

.recomItem:hover .backgroundEff {
    z-index: 1;
    width: 100%;
    height: 100%;
}

.card:hover .prizeInfoAuthor, .card:hover .prizeInfoPrice, .card:hover .prizeInfoTitle, .recomItem:hover h1 {
    color: white;
}

.hoverCard .cardInfo {
    position: inherit;
}

.hoverCard img {
    opacity: 0.1;
}

.hoverCard .prizeInfoPrice {
    color: white;
}

.hoverCard .prizeInfoTitle {
    color: white;
}

.hoverCard .prizeInfoAuthor {
    color: white;
}

.hoverCard .prizeInfoTags {
    opacity: 0.1;
}

.contestTitleBaner {
    padding-bottom: 82px;
}

.customStyleForBenefits {
    padding-top: 90px;
    padding-bottom: 110px;
}

.centerFrame {
    text-align: center;
}

.centerFrame img {
    margin: 0 auto;
}

.centerFrame h4 {
    padding-top: 36px;
    padding-bottom: 16px;
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #1D1E21;
}

.centerFrame p {
    padding-bottom: unset;
}

.benefitTitleBaner {
    padding-bottom: 94px;
}

.customStyleForFeedback {
    padding-bottom: 0;
    padding-top: 90px;
}

.feedbackTitleBaner {
    padding-bottom: 62px;
}

.customStyleForConnect {
    padding-bottom: 119px;
    padding-top: 90px;
}

.formConstructor {
    position: relative;
    align-self: center;
    width: 35%;
}

.classForm {
    border: 1px solid #5A6274;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 14% 10%;
    background-color: transparent;
    z-index: 2;
    position: relative;
    color: #1D1E21;
}

.classForm input,
.classForm textarea{
    background-color: #ffffff;
}

.itemForm {
    height: 50px;
    border-width: 1px;
    padding-left: 15px;
}

.itemForm.message {
    height: 80px;
    padding-top: 10px;
}

.prujinka2 {
    max-width: 85%;
    right: 60%;
    z-index: 1;
}

.prujinka2:hover {
    transform: translateX(10%);
}

.circle2 {
    max-width: 90%;
    top: 10%;
    z-index: 1;
    left: 35%;
}

.circle2:hover {
    transform: translateX(-10%);
}


.contact--form--wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 650px;
    min-height: 300px;
    overflow: hidden;
    padding: 0 20px;
}

.animate--box {
    position: relative;
    width: 100%;
    max-width: 406px;
    margin: 0 auto;
}

.contact--form {
    width: 100%;
    max-width: 406px;
    margin: 0 auto;
    padding: 60px 43px;
    min-height: 414px;
    background: #ffffff;
    border: 1px solid #434343;
    position: relative;
    z-index: 0;
}

.contact--form .form--row {
    width: 100%;
    margin-bottom: 18px;
}

.contact--form .form--row input {
    width: 100%;
    height: 50px;
    outline: none;
    padding: 15px 15px 15px 20px;
    border: 1px solid #5A6274;
    border-radius: 10px;
    color: #1D1E21;
}

.contact--form .form--row textarea {
    width: 100%;
    outline: none;
    padding: 15px 15px 15px 20px;
    min-height: 80px;
    border: 1px solid #5A6274;
    color: #1D1E21;
}
.contact--form .buttonStyle,
.classForm .buttonStyle {
    width: 100%;
}

.animate--box::after {
  content: "";
  display: block;
  height: 363px;
  width: 379px;
  background: url(../images/circle2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  z-index: -1;
  top: 60px;
  right: -95px;
  transition: all 0.4s ease-in-out;
}

.animate--box::before {
  content: "";
  display: block;
  width: 348.25px;
  height: 363.39px;
  background: url(../images/prujinka2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  z-index: -1;
  top: 0;
  left: -184px;
  transition: all 0.8s ease-in-out;
}


.animate--box:hover:after {
    transform: translateX(-10%);
}

.animate--box:hover::before {
    transform: translateX(10%);
}


.connectTitleBaner {
    padding-bottom: 57px;
}

.containerSliders {
    display: flex;
    align-items: center;
    position: relative;
}

.slide {
    display: grid !important;
    grid-template-columns: 50% 50%;
    position: relative;
}

.slideInfo {
    width: 73%;
    grid-template-columns: min(159px, 30%) auto;
    display: grid;
    border: 1px solid #5A6274;
    background: white;
    z-index: 2;
    position: relative;
    transition: transform .5s;
    left: 29%;
    bottom: 10%;
}

.slideInfo:hover {
    transform: scale(1.1);
}

.containerSliders::before {
    content: '';
    background-image: url('../images/dots.png');
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 25%;
    bottom: 20%;
    left: 5%;
}

.slideWork {
    z-index: 1;
}

.slideWork img {
    max-width: 80%;
}

.containerSliders::after {
    content: '';
    background-image: url('../images/ornament2.svg');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    background-position-x: right;
    right: 5%;
    top: 0;
}


.userInfo {
    border-right: 1px solid #5A6274;
    background-color: rgba(246, 246, 246, 1);
}

.userInfo img {
    max-width: 100%;
    border-bottom: 1px solid #5A6274;
}

.personInfo {
    padding: 8% 4%;
}

.personInfo h6 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 118%;
    padding-bottom: 10%;
}

.personInfo p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 123%;
    color: #1D1E21;
}

.userFeedback p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 137%;
    color: #1D1E21;
    margin: 10% 5%;
}


.peopletalk {
    position: relative;
}

.talk__carousel {
    width: 100%;
    position: relative;
    min-height: 360px;
    margin-bottom: 30px;
    overflow: hidden;
}

.talk__carousel--slide {
    width: 100%;
    position: relative;
    padding-top: 55px;
    margin-bottom: 60px;
}

.talk__carousel--slide::before {
    content: '';
    background-image: url('../images/dots-red.png');
    width: 100%;
    height: 100%;
    top: 0;
    left: 7%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 25%;

}

.talk__carousel--slide::after {
    content: '';
    background-image: url('../images/ornament2.svg');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    background-position-x: right;
    right: 5%;
    top: 50px;
    z-index: 0;
}

.talk__carousel--slide--wrapper {
    width: 100%;
    position: relative;
    min-height: 400px;
    padding-bottom: 100px;
}

.talk__carousel--slide--box {
    padding-left: 14.5%;
    padding-right: 155px !important;
    width: 100%;
    min-height: 100%;
    z-index: 4;
}

.talk__carousel--slide--box.top {
    z-index: 5;
    position: relative;
}

.talk__carousel--slide--box.bottom {
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: flex-end;

}

.talk__carousel--slide--box .slide--info {
    width: 100%;
    max-width: 480px;
    min-height: 360px;
    display: flex;
    border: 1px solid #434343;
    background: #ffffff;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    transition: transform .5s ease-in-out;
    top: 0;
    left: 0;
    z-index: 5;
}

.talk__carousel--slide--box .slide--info .user--info {
    /* width: 157px;*/
    flex: 0 1 20%;
    border-right: 1px solid #434343;
}

.user--info {
    background-color: #ffffff;
}

.talk__carousel--slide--box .slide--info .user--info .person--info {
    padding: 24px 16px;
    border-top: 1px solid #434343;
}

.talk__carousel--slide--box .slide--info .user--info .person--info h6 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #1D1E21;
    margin-bottom: 13px;
}

.talk__carousel--slide--box .slide--info .user--info .person--info p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #1D1E21;
}

.talk__carousel--slide--box .slide--info .user-feedback {
    flex: 0 1 79%;
    padding: 68px 32px;
}

.user-feedback p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 139%;
    color: #1D1E21;
}

.talk__carousel--slide--box .slide--work {
    width: 100%;
    max-width: 480px;
    border: 1px solid #1D1E21;
    margin-top: 22px;
    position: relative;
    max-height: 360px;
    border-radius: 12px;
    overflow: hidden;
}

.talk__carousel--slide--box .slide--work::before {
    display: block;
    content: "";
    padding-top: 70%;
}

.talk__carousel--slide--box .slide--work img {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 0;
    margin: 0;
}


.talk--arrow {
    width: 38px;
    height: 38px;
    cursor: pointer;
    position: absolute;
    background-color: unset;
    border: unset;
    z-index: 4;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.talk--arrow.prev {
    left: 15px;
}

.talk--arrow.next {
    right: 15px;

}

.talk--arrow::after {
    width: 10px;
    height: 10px;
    content: ' ';
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: rgba(0, 0, 255, 0);
    border-radius: 30px;
    transition: background-color 0.5s, transform 0.5s;
}

.talk--arrow:hover::after {
    background-color: #FF004D;
    transform: scale(6);
    z-index: -1;
}

.talk--arrow path {
    stroke: #1D1E21;
}

.talk--arrow:hover path {
    stroke: white;
}

footer {
    width: 100%;
    border-top: 1px solid #1D1E21;
    background: #ffffff;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    padding: 0 40px;
}
footer .footer-contact-information-content {
    color: #1D1E21;
}

.footerNav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.footerMenu {
    display: flex;
    width: calc(100% - 200px);
    justify-content: space-between;
}

.hiwBaner {
    display: flex;
    align-items: center;
    padding-top: 120px;
    padding-bottom: 130px;
}

.hiwBaner .hiw {
    display: none;
}

.hiwInfo {
    flex: 0 1 40%;
}

.hiwInfo h1 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: 117%;
    color: #1D1E21;
}

.hiwInfo h5 {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 140.62%;
    color: #1D1E21;
}

.hiwLogo {
    flex: 0 1 60%;
    display: flex;
    gap: 20px;
}

.hiwLogo img {
    max-width: 50%;
}

.hiwFrames {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    gap: 200px;
}

.hiwFrames::after {
    content: " ";
    display: block;
    background-image: url('../images/way.svg');
    background-repeat: no-repeat;
    width: 100%;
    height: 230px;
    position: absolute;
    background-position-x: right;
    right: 500px;
    top: 200px;
}

.hiwFrames::before {
    content: " ";
    display: block;
    background-image: url('../images/way2.svg');
    width: 100%;
    height: 230px;
    position: absolute;
    background-repeat: no-repeat;
    background-position-x: right;
    top: 630px;
    right: 500px;
}

.hiwFrame {
    display: flex;
    gap: 95px;
    align-items: center;
}

.hiwFrame img {
    max-width: 100%;
}

.hiwText {
    flex: 0 1 50%;
}

.hiwText h4 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 150%;
    color: #1D1E21;
}

.hiwText p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1D1E21;
}

.customStyleForFrames {
    padding-top: 150px;
    padding-bottom: 142px;
}

.customStyleForFrames .typicalFrames {
    display: none;
}

.homeLink {
    padding: 48px 7% 0 10%;
}

.homeLink li {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 133%;
    display: inline;
}

ul.homeLink li + li:before {
    padding: 8px;
    color: #1D1E21;
    content: "/\00a0";
}

.currentLink {
    opacity: .5;
}

a {
    color: #1D1E21;
}

.helpPage {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #414141;
    padding-top: 50px;
    padding-bottom: 90px;
}

.helpPageTitle {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    padding-bottom: 25px;
    color: #1D1E21;
}

.FAQ {
    width: 300px;
}

.FAQ p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1D1E21;
    padding-bottom: 17px;
}

.FAQ p:hover {
    color: #FF004D;
    cursor: pointer;
}

.formForQuestion {
    border: unset;
    padding: unset;
    flex: 0 1 50%;
}

.formForQuestion h3 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: #1D1E21;
}

.answers {
    flex: 0 1 50%;
}

.answers h3 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: #1D1E21;
}

.answerContext {
    padding-top: 16px;
}

.answerContext p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1D1E21;
}

.signPage {
    display: flex;
}

.g-recaptcha > div {
    width: 80% !important;
}

#rc-anchor-container {
    width: 80%;
}

.imageContainer {
    flex: 0 1 50%;
    min-height: 952px;
    height: 100vh;
    overflow: hidden;
}

.imageContainer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.formContainer {
    flex: 0 1 50%;
    /* padding: 30px 128px 0 184px;*/
    margin: 30px auto;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 60px);
}

.signLink {
    display: flex;
    justify-content: flex-end;
    gap: 30px;
    max-width: 400px;
    margin: 0 auto;
}

.signLink p {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 144%;
    color: #1D1E21;
}

.signForm {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.signForm h3 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 146%;
    color: #1D1E21;
}

.signForm p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #1D1E21;
    padding-top: 30px;
    padding-bottom: 20px;
}

.forgotPassForm p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1D1E21;
    padding-bottom: 28px;
    padding-top: 36px;
}


.radioButton {
    display: flex;
    gap: 20px;
    padding-bottom: 40px;
}

.radioButton .radio {
    width: 100%;
}

.radioButton label {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 140%;
    color: #1D1E21;
}

.radioButton .radio label {
    width: 100%;
    display: flex;
}

.radioButton input {
    margin-right: 10px;
    width: 20px;
    height: 20px;
}

.inputContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 30px;
}

.passContainer {
    padding-bottom: 12px;
}

.inputContainer input {
    width: 100%;
    height: 50px;
}

.inputContainer label {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 144%;
    color: #1D1E21;
    padding-bottom: 6px;
}

.signForm form {
    padding-top: 40px;
}

.forgotPassForm form {
    padding-top: unset;
}

.signForm form button {
    background-color: #1D1E21;
    color: #ffffff;
}
.signForm form button:hover {
    background-color: #FF004D;
    color: #1D1E21;
}
.signForm form input,
.signForm form textarea {
    background-color: transparent;
}

.signInForm {
    padding-top: 0;
}

.forgotPasswordLink {
    width: 100%;
    height: 20px;
    text-align: end;
    margin-bottom: 10px;
}

.forgotPasswordLink a {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    color: #1D1E21;
}

.forgotPasswordLink a:hover {
    color: #FF004D;
    font-size: 14px;
}

.steps {
    border-bottom: unset;
    height: 100px;
    background-color: #ffffff;
}

.headerImg {
    display: flex;
    height: 100%;
    align-items: end;
    justify-content: flex-end;
    gap: 41%;
    padding: 65px 90px 0;
}

.headerImg img {
    width: 122px;
}

.headerImg .exit {
    width: 48px;
}

.footerSteps {
    height: 92px;
}

.footerBtn {
    display: flex;
    justify-content: space-between;
    padding: 20px 90px;
}

.controlBtn {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding-top: 36px;
}

.controlBtn a {
    width: 100%;

}

.controlBtn a:last-child {
    text-align: end;
}

.controlBtn a .blackBtn {
    width: 100%;
    max-width: 200px;
}

.controlOneBtn {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 24px;
}

.nextBtns {
    display: flex;
    gap: 10px;
}

.nextBtns .buttonStyle {
    width: 100%;
    max-width: 120px;
    min-width: 85px;
}

.mainInfo {
    position: relative;
    margin: 0 auto;
    width: 40%;
    padding: 118px 20px 133px 20px;
}

.mainInfo h1 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: 117%;
    color: #1D1E21;
    padding-bottom: 30px;
}

.mainInfo p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1D1E21;
}

.mainInfo::before {
    content: ' ';
    display: block;
    background-image: url('../images/ornament5.svg');
    height: 26%;
    width: 5%;
    right: 160%;
    top: 25%;
    position: absolute;
    background-repeat: no-repeat;
}

.mainInfo input {
    width: 100%;
    height: 80px;
}

.customStyleForNickname {
    padding-top: 187px;
    padding-bottom: 202px;
}

.customStyleForNickname input {
    margin-top: 20px;
    padding-left: 20px;
}

.customStyleForAvatar {
    padding-top: 150px;
    padding-bottom: 150px;
}

.imageUpload {
    width: 100%;
    margin: 20px auto;
}

.imageUpload .help-block {
    margin: 0 auto;
    padding: 15px;
}

.my-form {
    width: 100%;
    min-height: 120px;
    border: 1px dashed #434343;
    background: #ffffff;
}
form  button{
    border-radius: 10px;
}

.my-form-mob {
    display: none;
}

.imageUpload.highlight {
    border-color: #FF004D;
}

.imageUpload input {
    display: none;
}

.customStyleForAvatar .rules {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #8B9099;
}

.dragText {
    text-align: center;
    padding-top: 30px;
}

.dragText h3 {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #FF004D;
}

.dragText p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: #8B9099;
}

.uploadText {
    display: flex;
    justify-content: center;
}

.customStyleForSelectLanguage {
    padding-top: 187px;
    padding-bottom: 208px;
}

.customStyleForSelectLanguage p {
    padding-bottom: 20px;
}

.select {
    height: 50px;
    width: 100%;
}

.field-selectlanguageform-language {
    padding-bottom: unset;
}

.select select, .field-selectlanguageform-language select {
    height: 50px;
    width: 100%;
    padding-left: 16px;
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: #1D1E21;
    appearance: none;
    background-position-x: calc(100% - 23px);
    outline: none;
    border-radius: 10px;
    border: 1px solid #5A6274;
    background: #ffffff url(../images/defaultarrow.svg) no-repeat 98%;
}

.customStyleForYears {
    padding-top: 115px;
    padding-bottom: 234px;
}

.customStyleForYears h1 {
    padding-bottom: 78px;
}

.rangeWrap input {
    height: 2px;
}

input[type='range'] {
    -webkit-appearance: none;
    width: 100%;
    height: 1px;
    background-color: #FF004D;
    border: unset;
}

input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: white;
    border: 1px solid #1D1E21;
    cursor: pointer;
}

input[type='range']::-webkit-slider-thumb:hover {
    background-color: #FF004D;
}


input[type='radio'] {
    position: relative;
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: unset;
}

input[type='radio']::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    border: 2px solid #1D1E21;
}

input[type='radio']:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #1D1E21;
    transform: translate(-50%, -50%);
    visibility: visible;
}


.rangeWrap {
    width: 100%;
    position: relative;
}

.rangeValue {
    position: absolute;
    top: -50%;
}

.rangeValue span {
    width: 80px;
    height: 28px;
    text-align: center;
    color: #1D1E21;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
}

.mainForSteps {
    margin: 0 auto;
    position: relative;
    padding: 30px 9% 115px 9%;
}

.mainForSteps::before {
    content: ' ';
    display: block;
    background-image: url('../images/prujinka3.png');
    height: 172px;
    width: 50%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 25%;
    right: 53%;
}

.mainForSteps::after {
    content: ' ';
    display: block;
    background-image: url('../images/prujinka4.png');
    height: 300px;
    width: 25%;
    position: absolute;
    background-size: 80%;
    bottom: 15%;
    background-repeat: no-repeat;
    left: 70%;
}

.stepsCounter {
    text-align: center;
    padding-bottom: 130px;
}

.stepsCounter h1 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1D1E21;
}

.stepsContext {
    width: 45%;
}

.stepsContainer {
    display: flex;
    gap: 70px;
    justify-content: center;
    position: relative;
    width: fit-content;
    align-items: center;
    margin: 0 auto;
    padding-top: 30px;
}

.stepsContainer::after {
    content: "";
    display: block;
    position: absolute;
    border-bottom: 1px dashed #1D1E21;
    width: 100%;
}

.step {
    background-color: #ffffff;
    border: 1px solid #1D1E21;
    color: #1D1E21;
    width: 45px;
    border-radius: 25px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.stepActive {
    background-color: #FF004D;
    border: 1px solid #FF004D;
    color: white;
}

.stepPrev {
    background-color: #1D1E21;
    color: #ffffff;
}

.bioStep h2 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 138%;
    color: #1D1E21;
    padding-bottom: 20px;
}

.bioStep p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1D1E21;
    padding-bottom: 30px;
}

.bioStep input {
    width: 100%;
    height: 110px;
    padding-left: 20px;
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
}

.socialLinksStep h2 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 138%;
    color: #1D1E21;
    padding-bottom: 18px;
}

.socialLinksStep p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1D1E21;
    padding-bottom: 28px;
}

.socialLinksStep input {
    width: 100%;
    height: 50px;
    margin-bottom: 15px;
    border-radius: 10px;
    border: 1px solid #5A6274;
    background: #ffffff;
    padding-left: 10px;
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
}

#sociallinksform-twitter, #showcaseform-your_website {
    margin-bottom: unset;
}

.form-group.field-nicknameform-username,
.form-group.field-selectlanguageform-language,
.form-group.field-bioform-bio {
    padding-bottom: unset;
}

.form-group.field-sociallinksform-linkedin, .form-group.field-sociallinksform-instagram, .form-group.field-sociallinksform-twitter {
    display: unset;
    flex-direction: unset;
    align-items: unset;
    padding-bottom: unset;
}

.form-group.field-addressform-country, .form-group.field-addressform-address, .form-group.field-addressform-city, .form-group.field-addressform-state, .form-group.field-addressform-postcode, .field-editcustomerform-country, .field-editcustomerform-address, .field-editcustomerform-city, .field-editcustomerform-state, .field-editcustomerform-postcode {
    display: unset;
    flex-direction: unset;
    align-items: unset;
    padding-bottom: unset;
}

.form-group.field-addressform-country .help-block, .form-group.field-addressform-address .help-block, .form-group.field-addressform-city .help-block, .form-group.field-addressform-state .help-block, .form-group.field-addressform-postcode .help-block, .field-editcustomerform-country .help-block, .field-editcustomerform-address .help-block, .field-editcustomerform-city .help-block, .field-editcustomerform-state .help-block, .field-editcustomerform-postcode .help-block {
    margin-bottom: 10px;
}

.form-group.field-showcaseform-dribbble, .form-group.field-showcaseform-behance, .form-group.field-showcaseform-your_website {
    display: unset;
    flex-direction: unset;
    align-items: unset;
    padding-bottom: unset;
}

.customStyleSocialLinks {
    padding-bottom: 123px;
}

.customStyleForAddress {
    padding-bottom: 40px;
}

.customStyleStepsForAddress {
    padding-bottom: 44px;
}

.addressStep h2 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 138%;
    color: #1D1E21;
    padding-bottom: 18px;
}

.addressStep p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1D1E21;
    padding-bottom: 28px;
}

.addressStep input {
    width: 100%;
    height: 50px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
}

.private {
    display: inline-block;
}

.private p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #1D1E21;
    float: right;
    padding-bottom: unset;
}

.private img {
    float: left;
}

.showcaseStep h2 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 138%;
    color: #1D1E21;
    padding-bottom: 18px;
}

.showcaseStep p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1D1E21;
    padding-bottom: 28px;
}

.showcaseStep input {
    width: 100%;
    height: 50px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
}

.customStyleForShowcase {
    padding-bottom: 164px;
}

.customStyleStepsForShowcase {
    padding-bottom: 107px;
}

.skillsStep h2 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 138%;
    color: #1D1E21;
    padding-bottom: 18px;
}

.skillsStep p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1D1E21;
    padding-bottom: 28px;
}

.skills {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
}

.skills input {
    display: none;
}

.skill {
    width: fit-content;
    padding: 6px 10px;
    margin-right: 10px;
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #8B9099;
    background-color: rgba(29, 30, 33, 0.04);
}

.skill:hover {
    cursor: pointer;
}

.customStyleForSkills {
    padding-bottom: 163px;
}

.customStyleStepsForSkills {
    padding-bottom: 107px;
}

.successImg {
    padding-top: 65px;
    display: flex;
    justify-content: center;
}

.successBody {
    padding-top: 140px;
    padding-bottom: 140px;
    text-align: center;
}

.successBodyContext {
    padding-top: 39px;
    padding-bottom: 36px;
}

.successBody p {
    padding-top: 39px;
    padding-bottom: 36px;
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 146%;
    color: #1D1E21;
    width: 49%;
    margin: 0 auto;
}

.successBodyContext p {
    padding-top: unset;
    padding-bottom: unset;
}

.successBody img {
    margin: 0 auto;
}

.goBtn {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.customStyleForBioCustomer p {
    padding-bottom: 20px;
}

.customStyleForBioCustomer input {
    height: 130px;
    width: 100%;
    padding-left: 20px;
}

.customStyleForAddressCustomer {
    padding-top: 80px;
    padding-bottom: 124px;
}

.customStyleForAddressCustomer input {
    width: 100%;
    height: 50px;
    margin-bottom: 15px;
    padding-left: 10px;
}

.customStyleForAddressCustomer h2 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: 117%;
    color: #1D1E21;
    padding-bottom: 30px;
}

.customStyleForAddressCustomer p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1D1E21;
    padding-bottom: 30px;
}

.customStyleForAddressCustomer .private p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    padding-bottom: unset;
}

.customStyleForMyWork {
    padding-top: 29px;
    padding-bottom: 152px;
}

.customStyleForMyWork h1 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1D1E21;
    height: auto;
    padding-bottom: 23px;
    border-bottom: 1px solid #1D1E21;
}

.customStyleForMyWork .createStatus {
    border-bottom: unset;
}

.myWorkContainer {
    display: flex;
    padding-top: 50px;
}

.myWorkInfo {
    width: 100%;
    text-align: center;
    padding-top: 57px;
}

.myWorkInfo p {
    padding-top: 16px;
    padding-bottom: 16px;
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    color: #1D1E21;
    width: 45%;
    margin: 0 auto;
}

.myWorkInfo img {
    margin: 0 auto;
}

.myWorkSuccessContainer .myWorkInfo {
    padding-top: 0;
}

.myWorkMenu {
    flex: 0 1 22%;
}

.myWorkMenu a {
    width: 100%;
}
.myWorkMenu ul {
    width: 100%;
    margin-top: 20px;
    background-color: #ffffff;
}

.myWorkMenu p {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #1D1E21;
}

.myWorkMenu li {
    height: 66px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    border-top: 1px solid #1D1E21;
    width: 100%;
    cursor: pointer;
}

.myWorkMenu li:first-child {
    border-top: unset;
}

li.currentItem {
    padding-left: unset;
    position: relative;
}

li.currentItem::after {
    content: ' ';
    background-image: url('../images/defaultarrow.svg');
    position: absolute;
    top: 50%;
    margin-right: 25px;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    right: 0;
    display: none;
}

.languagleToogler {
    display: flex;
    padding-top: 38px;
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 144%;
    color: #8B9099;
}

.languagleToogler .activeLanguage {
    color: #1D1E21;
}

li.openMenuContests::after {
    content: ' ';
    background-image: url('../images/defaultarrow.svg');
    position: absolute;
    top: 50%;
    margin-right: 25px;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    right: 0;
    transform: rotate(180deg);
}

li.empty {
    pointer-events: none;
    opacity: 0.4;
}

li.notEmpty img {
    display: none;
}

li.empty img, li.empty .countContests {
    display: none;
}

li.notEmpty:hover {
    background-color: #FF004D;
}

li.notEmpty:hover p {
    color: white;
}

li.currentItem p {
    font-weight: 700;
}

.itemMenu img {
    margin-right: 3px;
    margin-top: 3px;
    float: left;
}

.itemMenu div.itemName {
    display: flex;
    justify-content: space-between;
}

.customStyleForMyClients {
    padding-top: 29px;
    padding-bottom: 196px;
}

.customStyleForMyClients h1 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1D1E21;
}

.myClientsInfo {
    width: 100%;
    text-align: center;
    padding-top: 125px;
}

.myClientsInfo img {
    margin: 0 auto;
}

.myClientsInfo p {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    color: #1D1E21;
    padding-top: 16px;
    padding-bottom: 16px;
}

.customStyleForMyContests {
    padding-top: 29px;
    padding-bottom: 103px;
}

.customStyleForMyContests h1 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1D1E21;
}

.myContests {
    width: 100%;
    padding-top: 74px;
}

.lockSection {
    position: relative;
}

.lockSection img {
    margin: 0 auto;
}

.lockSectionImg {
    filter: blur(4px);
    width: 475px;
    z-index: -1;
}

.notifyForLockSection {
    display: none;
    padding: 10px;
    background-color: #1D1E21;
    color: #ffffff;
    width: fit-content;
    position: absolute;
    top: 70%;
    left: 25%;
    z-index: 1;
}

.lockWhiteImg, .lockBlackImg {
    width: 118px;
    position: absolute;
    left: 0;
    right: 4%;
    top: 35%;
    bottom: 0;
    z-index: 2;
}

.lockWhiteImg {
    display: block;
}

.lockBlackImg {
    display: none;
}

.customStyleForMyBalance {
    padding-top: 29px;
    padding-bottom: 135px;
}

.customStyleForMyBalance h1 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1D1E21;
    height: auto;
    padding-bottom: 23px;
    border-bottom: 1px solid #1D1E21;
}

.myBalanceContainer {
    padding-top: 50px;
}

.myBalanceContainer h2, .myBalanceContainer b {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: #1D1E21;
    padding-bottom: 13px;
}

.myBalanceContainer p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #1D1E21;
    padding-bottom: 20px;
}

.blackBtn:disabled {
    color: #ffffff;
    background-color: #BBBBBC;
    border: unset;
}

.currentBalance {
    padding-bottom: 50px;
}

.myBalanceContainer table, td, th {
    border: 1px solid #5A6274;
}

.containerTable {
    width: 100%;
    overflow: auto;
}

.myBalanceContainer table {
    border-collapse: collapse;
    width: 820px;
}

.myBalanceContainer table th {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #1D1E21;
    text-align: start;
    padding-left: 20px;
}

.myBalanceContainer table td {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #8B9099;
    padding-left: 20px;
}

.myBalanceContainer table tr {
    height: 64px;
}

.customStyleForRequestPauout {
    padding-top: 29px;
    padding-bottom: 55px;
}

.customStyleForRequestPauout h1 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1D1E21;
    height: auto;
    padding-bottom: 23px;
    border-bottom: 1px solid #1D1E21;
}

.requestPauoutContainer {
    padding-top: 50px;

}

.inputWrapper {
    display: flex;
    flex-direction: column;
}

.requestPauoutContainer h2, .requestPauoutContainer b {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: #1D1E21;
    padding-bottom: 15px;
}

.requestPauoutContainer input {
    margin-bottom: 16px;
    padding-left: 16px;
    height: 50px;
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    width: 40%;
}

.customStyleForProfile {
    padding-top: 33px;
    padding-bottom: 76px;
}

.customStyleForProfile h1 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1D1E21;
    height: auto;
    padding-bottom: 23px;
    border-bottom: 1px solid #1D1E21;
}

.profileContainer {
    padding-top: 50px;
    display: flex;
    gap: 70px;
}

.editProfile {
    flex: 0 1 20%
}

.editProfile p {
    padding-bottom: 16px;
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1D1E21;


}

.background, .backgroundForPickWinner, .backgroundConfirmation, .backgroundForCandidateWinner, .backgroundWinner {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 20;
    align-items: center;
    justify-content: center;
}

.infoPage {
    width: 658px;
    border: 1px solid #1D1E21;
}

.headerPage {
    border-bottom: 1px solid #5A6274;
    background-image: url('../images/backgroundImage.png');
    width: 100%;
    height: 113px;
    position: relative;
    display: flex;
    align-items: flex-end;
    background-size: cover;
}

.headerPage img {
    position: absolute;
}

.levelAuthor {
    padding-left: 20px;
    padding-bottom: 25px;
}

.levelAuthor p {
    display: inline;
    padding: 8px 12px;
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 12px;
    line-height: 14px;
    background-color: #ffffff;
    text-transform: uppercase;
    color: #1D1E21;
}

.close, .closeConfirmation, .closeNotification, .closeCandidateWinner, .closeWinner {
    top: 25px;
    left: 92%;
    width: 28px;
    position: absolute;
    cursor: pointer;
}

.authorPhoto {
    top: 70%;
    left: calc(100% / 2 - 44px);
    width: 84px;
    height: 84px;
    border-radius: 45px;
}

.info {
    border: 1px solid #5A6274;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding-top: 55px;
    padding-bottom: 42px;
}

.info span {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #1D1E21;
}

.bioAuthor {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1D1E21;
    width: 70%;
    text-align: center;
}

.infoAboutAuthor {
    text-align: center;
    padding-bottom: 20px;
}

.infoAboutAuthor h5 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #1D1E21;
}

.infoAboutAuthor p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #1D1E21;
}

.info .prizeInfoTags {
    padding-top: 20px;
    padding-bottom: 40px;
}

.skillsAuthor {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1D1E21;
    padding-bottom: 36px;
}

.skillsAuthor p {
    padding-bottom: 12px;
}

.customStyleForEditProfile {
    padding-top: 37px;
    padding-bottom: 60px;
}

.customStyleForEditProfile h1 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1D1E21;
    height: auto;
    padding-bottom: 23px;
    border-bottom: 1px solid #1D1E21;
}

.editProfileContainer {
    padding-top: 50px;
}

.editProfileContainer h3 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: #1D1E21;
}

.nickname, .profilePhoto, .language, .bioProfile, .skillsProfile, .addressProfile {
    display: flex;
    padding-bottom: 36px;
}

.nicknameTitle, .profilePhotoTitle, .languageTitle, .bioTitle, .skillsTitle, .addressTitle {
    flex: 0 1 30%;
}

.nicknameTitle img, .profilePhotoTitle img, .languageTitle img, .bioTitle img, .skillsTitle img, .addressTitle img {
    float: left;
    padding-top: 5px;
    padding-right: 4px;
}

.nickname input {
    height: 50px;
    width: 100%;
    padding-left: 15px;
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: #1D1E21;
}

.skillsProfile .skills {
    flex: 0 1 68%;
}

.photoForProfile {
    width: fit-content;
    text-align: center;
}

.photoForProfile img {
    width: 200px;
    height: 200px;
}

#imageReplace {
    display: none;
}

.photoForProfile label {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 154%;
    text-transform: uppercase;
    color: #1D1E21;
    cursor: pointer;
}

.language .select {
    flex: 0 1 70%;
}

.editProfileContext {
    flex: 0 1 70%;
}

.bioProfile textarea {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #1D1E21;
    padding-left: 16px;
    height: 70px;
}

.addressInputs {
    flex: 0 1 70%;
}

.headerContest {
    border-bottom: 1px solid #5A6274;
    min-height: 100px;
}

.nameContest {
    display: flex;
    justify-content: space-between;
}

.nameContest .prizeInfo {
    padding-top: unset;
}

.nameContest h4 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1D1E21;
    padding-bottom: 17px;
}

.authorContest {
    display: flex;
}

.authorContest p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 138%;
    color: #1D1E21;
    float: left;
}

.mainContestInfo {
    padding: 50px 0 60px 0;
    border-bottom: 1px solid #5A6274;
}

.mainContestInfoLast {
    border-bottom: unset;
    padding-bottom: 20px;
}

.winContest, .briefContest {
    display: flex;
}

.titleSection {
    display: inline-block;
    flex: 0 1 25%;
}

.titleSection img {
    float: left;
    padding-right: 5px;
    padding-top: 10px;
}

.titleSection h2 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 146%;
    color: #1D1E21;
}

.content {
    display: flex;
    flex-direction: column;
    flex: 0 1 75%;
}

.content img {
    max-width: 100%;
}

.content h5 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: #1D1E21;

}

.content h6 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 144%;
    color: #1D1E21;
    padding-bottom: 10px;

}

.customStyleForPrivacy {
    padding-top: 100px;
    padding-bottom: 120px;
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #1D1E21;
}

.content p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1D1E21;
    padding-bottom: 40px;
}

.authorWork {
    position: relative;
}

.authorWork img {
    float: left;
    width: 62px;
    height: 62px;
    border-radius: 40px;
    margin-right: 15px;
}

.authorWork h5 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: #1D1E21;
}

.authorWork p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #1D1E21;
}

.workPicture {
    padding: 0 0 50px 0;
}

.competitors p {
    padding-top: 20px;
    padding-bottom: unset;
}

.customStyleForFinishedContest {
    padding-top: 33px;
    padding-bottom: 0;
}

.customStyleForProfilecustomer {
    padding-top: 33px;
    padding-bottom: 189px;
}

.customStyleForProfilecustomer h1 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1D1E21;
    height: auto;
    padding-bottom: 23px;
    border-bottom: 1px solid #1D1E21;
}

.cabinetOwner {
    padding-bottom: 30px;
}

.cabinetOwner img {
    float: left;
    margin-right: 15px;
    height: 62px;
    width: 62px;
    border-radius: 50%;
}

.cabinetOwner h6 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: #1D1E21;
    padding-top: 3px;
}

.cabinetOwner p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #1D1E21;
}

.editProfileCustomer {
    flex: 0 1 40%;
}

.customStyleForCreateContestSteps {
    padding-top: 37px;
    padding-bottom: 0;
}

.customStyleForCreateContestSteps h1 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1D1E21;
    height: auto;
    padding-bottom: 23px;
    border-bottom: 1px solid #1D1E21;
}

.createContestContainer h5 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 144%;
    color: #1D1E21;
    padding-bottom: 12px;
}

.createContestContainer h3 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 146%;
    color: #1D1E21;
}

.createContestContainer .required, .createContestContainer .select {
    margin-bottom: 40px;
}

.createContestContainer input {
    height: 50px;
    width: 100%;
    padding-left: 20px;
}

.general, .backgroundInfo, .visualStyle, .other, .billingInfo, .namePrice, .price {
    display: flex;
    padding-top: 50px;
    padding-bottom: 20px;
    border-bottom: 1px solid #1D1E21;
}

.billingInfo .required, .namePrice .required {
    margin-bottom: 16px;
}

.other, .billingInfo, .price {
    border-bottom: unset;
}

.generalTitle, .backgroundInfoTitle, .visualStyleTitle, .otherTitle, .billingInfoTitle, .namePriceTitle, .priceTitle, .briefTitle {
    flex: 0 1 30%;
}

.generalTitle img, .backgroundInfoTitle img, .visualStyleTitle img, .otherTitle img, .billingInfoTitle img, .namePriceTitle img, .price img, .briefTitle img {
    float: left;
    padding-top: 10px;
    padding-right: 4px;
}

.context {
    flex: 0 1 70%;
}

.context .tip {
    width: 100%;
    padding: 13px 20px;
    background-color: rgba(255, 232, 199, 1);
    margin-bottom: 40px;
    border-radius: 10px;
    overflow: hidden;
}

.context p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: #1D1E21;
    padding-bottom: 60px;
}

.context .tip p {
    font-family: 'Urbanist', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 144%;
    padding-bottom: 0;
    color: #16161A;
}

.price .context p {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #1D1E21;
}

.visualStyleRange {
    display: flex;
    gap: 65px;
}

.visualStyleRange span {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: #1D1E21;
    min-width: 90px;
}

.visualStyleRange input {
    margin-top: 10px;
    margin-bottom: 40px;
    height: 2px;
}

.myWorkSuccessContainer {
    padding-top: 83px;
}

.myWorkContainer table {
    border-collapse: collapse;
    border: 1px solid #1D1E21;
    margin-left: 40px;
}

.myWorkContainer td {
    border: 1px solid #1D1E21;
    height: 146px;
    padding: 20px 42px 16px 15px;
}

.myWorkContainer td img {
    float: left;
    margin-right: 15px;
}

.infoAboutContest {
    flex: 0 1 90%;
}

.infoAboutContest div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.infoAboutContest h3 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #1D1E21;
}

.infoAboutContest h2 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #1D1E21;
}

.infoAboutContest p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #1D1E21;
    padding-top: 6px;
    padding-bottom: 13px;
    width: 75%;
}

p.specificTag {
    font-weight: 700;
    padding-bottom: unset;
    padding-top: unset;
    width: 100%;
}

.blueBtn {
    color: white;
    background-color: #FF004D;
    height: 36px;
    width: 75px;
    margin-right: 30px;
}

.customStyleForRecommendedPages {
    padding: 170px 0 150px 10%;
}

.customStyleForRecommendedPages img {
    width: 640px;
    position: absolute;
    top: 100px;
    right: 0;
    z-index: -1;

}

.infoAboutRecommendedPage {
    width: 50%;
}

.infoAboutRecommendedPage h1 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: 117%;
    color: #1D1E21;
}

.infoAboutRecommendedPage p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1D1E21;
    padding-top: 22px;
    padding-bottom: 20px;
    width: 60%;
}

.infoAboutRecommendedPage button {
    height: 60px;
}

.imgApp {
    flex: 0 1 50%;
}

.customStyleForSelectedContestCustomer {
    padding-top: 29px;
    padding-bottom: 70px;
}

.contestName {
    display: flex;
    justify-content: space-between;
    padding-bottom: 17px;
}

.contestName h1, .contestName .prizeInfoPrice {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1D1E21;
}

.contestAuthor {
    display: flex;
    gap: 50px;
    padding-bottom: 21px;
}

.contestAuthor .prizeInfoTags {
    justify-content: flex-start;
}

.contestAuthor p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 138%;
    color: #1D1E21;
}

.status {
    padding: 13px 25px;
    border-radius: 10px;
    overflow: hidden;
}

.status img {
    float: left;
    padding-right: 13px;
    padding-top: 2px;
}

.status p {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 144%;
    color: #1D1E21;
    width: 100%;
}

.status.statusWait {
    background-color: #FFE8C7;
}

.status.statusReady {
    background-color: #84FFCB;
    display: flex;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 8px;
}

.statusReady button {
    height: 36px;
    width: 84px;
}

.status.statusWip {
    background-color: #1D1E21;
}

.status.statusCompleted {
    background: linear-gradient(to right, #0000FF, #E37BE3);
}

.status.statusCompleted p {
    color: #1D1E21;
}

.status.statusWip p {
    color: #1D1E21;
}

.selectedContestContainer {
    padding-top: 28px;
}

.selectedContestContainer > input[type="radio"] {
    display: none;
}

.selectedContestContainer > div {
    display: none;
    border-top: 1px solid #1D1E21;
    padding-top: 50px;
    margin-top: 2px;
}

.contextForBrief {
    display: flex;
}

#tab-brief:checked ~ .contentForBrief,
#tab-design:checked ~ .contentForDesign {
    display: block;
}

.selectedContestContainer > label {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 180%;
    color: #1D1E21;
    padding: 8px 20px;
    cursor: pointer;
}

.selectedContestContainer > input[type="radio"]:disabled + label {
    opacity: 0.3;
}

.selectedContestContainer > input[type="radio"]:not(:checked) + label:hover {
    background-color: #FF004D;
    color: white;
}

.selectedContestContainer > input[type="radio"]:disabled + label:hover {
    background-color: white;
    color: #1D1E21;
    cursor: default;
}

.selectedContestContainer > input[type="radio"]:checked + label {
    opacity: unset;
    border: 1px solid #1D1E21;
    font-weight: 600;
}

.contextForBrief {
    display: flex;
}

.briefTitle h3 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 146%;
    color: #1D1E21;
}

.informationBrief {
    flex: 0 1 70%;
}

.informationBrief h5 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 144%;
    color: #1D1E21;
}

.informationBrief p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1D1E21;
    padding-top: 10px;
    padding-bottom: 40px;
}

.contextForDesign {
    display: inline-block;
}

.work {
    float: left;
    width: 20%;
    padding-right: 40px;
    padding-bottom: 40px;
    box-sizing: border-box;
}

.work img {
    display: block;
    max-width: 100%;
    height: auto;
}

.customStyleForPayment {
    padding-top: 29px;
    padding-bottom: 270px;
}

.customStyleForPayment h1 {
    height: auto;
    padding-bottom: 23px;
    border-bottom: 1px solid #1D1E21;
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1D1E21;
}

.paymentContainer {
    padding-top: 50px;
}

.statusBalance {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-bottom: 35px;
}

.statusBalance p {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: #1D1E21;
}

.statusBalance a {
    text-transform: uppercase;
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 154%;
    color: #1D1E21;
}

.paymentContainer h4 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 144%;
    color: #1D1E21;
}

.paymentContainer input {
    height: 50px;
    margin-bottom: 20px;
    margin-top: 10px;
    width: 350px;
    padding-left: 16px;
}

.notificationWindow {
    width: 650px;
    padding: 94px 30px 93px 30px;
    border: 1px solid #5A6274;
    background: #ffffff;
    position: relative;
}

.confirmation {
    width: 650px;
    height: 400px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: white;
}

.confirmation button {
    margin-right: 15px;
}

.confirmation h1 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 150%;
    color: #1D1E21;
    padding-bottom: 15px;
}

.close.closeNotification {
    position: absolute;
}

.notificationContext {
    text-align: center;
}

.notificationContext img {
    margin: 0 auto;
    width: 118px;
}

.notificationContext h1 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    color: #1D1E21;
}

.notificationContext p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1D1E21;
    padding-top: 16px;
    padding-bottom: 16px;
}

.candidateWinnerWindow {
    width: 100%;
    height: 100%;
    position: relative;
    background: linear-gradient(135deg, transparent 15px, white 0) top left, linear-gradient(-135deg, transparent 15px, white 0) top right;
    background-size: 98% 100%;
    background-repeat: no-repeat;
    margin-top: 35px;
    display: flex;
}

.candidateWinnerWindow.mobile {
    display: none;
    overflow: scroll;
}

.candidateWinnerWork {
    width: 70%;
    border-right: 1px solid #1D1E21;
    padding: 53px 140px 112px 140px;
}

.candidateWinnerWork img {
    height: 100%;

}

.candidateWinnerWork h1 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1D1E21;
}

.candidateWinnerWork p {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #5A6274;
    padding-top: 8px;
    padding-bottom: 21px;
}

.candidateWinnerAuthor {
    width: 30%;
    padding-top: 139px;
    padding-bottom: 112px;
    padding-left: 20px;
}

.ratingResult {
    padding-top: 25px;
    padding-bottom: 30px;
}

.ratingResult h5 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: #1D1E21;
    padding-bottom: 9px;
}

.ratingResult > span:before {
    content: url(../images/emptystar.svg);
}

.ratingResult > span.activeStar {
    content: url(../images/activestar.svg);
}

.notifyWinner {
    display: none;
    text-align: center;
    position: absolute;
    bottom: 112px;
}

.notifyWinner img {
    width: 130px;
    margin: 0 auto;
}

.notifyWinner h1 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: 117%;
    color: #1D1E21;
}

.crown {
    display: none;
    position: absolute;
    top: -35px;
    bottom: 0;
    left: -10px;
    right: 0;
}

#selectWinner {
    position: absolute;
    bottom: 112px;
}

.errorContainer {
    text-align: center;
    padding: 108px 20px 183px 20px;
}

.errorContainer img {
    margin: 0 auto;
    width: 510px;
}

.errorContainer h1 {
    font-family: 'Urbanist', sans-serif;
    font-weight: bold;
    font-size: 212px;
    line-height: 249px;
    color: #FFFFFF;
    -webkit-text-stroke: 1.5px black;
}

.errorContainer p {
    color: #1D1E21;
    font-family: Raleway, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.errorContainer a {
    text-decoration: underline;
}

.gallery {
    margin-top: 10px;
    display: none;
}

.gallery img {
    width: 200px;
}

.replaceBtn, .replaceBtnMob {
    border: unset;
    background: unset;
    color: #1D1E21;
}

.replaceBtnMob {
    display: none;
}

.replaceBtn:hover, .replaceBtnMob:hover {
    color: #1D1E21;
    background-color: unset;
}

button.mobile-menu--toogler {
    width: 28px;
    height: 28px;
    border: none;
    outline: none;
    cursor: pointer;
    background-size: cover;
    background: transparent url(../images/menu.svg) no-repeat center;
    margin-top: 16px;
    display: none;
}

.recomTitleBaner {
    padding-bottom: 52px;
}

.worksTable {
    border: 0.5px solid #1D1E21;
    border-collapse: collapse;
    margin-left: 40px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.workItem {
    border: 1px solid #5A6274;
    display: flex;
    padding: 15px 23px 15px 15px;
}

.workItem img {
    width: 116px;
    flex: 0 1 10%;
}

.statusWork img {
    width: 4px;
    height: 18px;
    flex: unset;
}

.tasks {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 1 78%;
}

.recomTable {
    border: 0.5px solid #1D1E21;
    border-collapse: collapse;
    display: flex;
    flex-wrap: wrap;
}

.recomItem {
    width: 33.33%;
    height: 246px;
    border: 0.5px solid #1D1E21;
    padding-top: 52px;
    padding-left: 39px;
    position: relative;
}

.recomTable h1 {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1D1E21;
    position: relative;
    z-index: 3;
}

.recomTable img {
    width: 179px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}

#specialMain {
    height: calc(100vh - 184px);
    position: relative;
}

#movingrow {
    width: 100%;
    min-height: 104px;
    border-bottom: 1px solid var(--black);
    background: #FF004D;
    position: relative;
    overflow: hidden;
}


.cnnContents {
    width: 100%;
    padding-top: 25px;
    margin: 0 auto;
    font-family: 'Benzin-medium', sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 5.52px;
    white-space: nowrap;
    text-transform: uppercase;
    color: #FFFFFF;
}


.marqueeStyle {
    display: inline-block;
    -webkit-animation: scrolling-left1 15s linear infinite;
    animation: scrolling-left1 15s linear infinite;
    padding-left: 15px;
}

.marqueeStyle2 {
    display: inline-block;
    -webkit-animation: scrolling-left2 15s linear infinite;
    animation: scrolling-left2 15s linear infinite;
    animation-delay: 7.5s;
    padding-right: 15px;
}

.marqueeStyle span, .marqueeStyle2 span {
    color: #050505;
}

.mobLogo {
    display: none;
}

.mobBackground {
    display: none;
}

.myWorkMenu button {
    width: 100%;
}

@keyframes scrolling-left1 {
    0% {
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}

@keyframes scrolling-left2 {
    0% {
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
    }
    100% {
        transform: translateX(-200%);
        -webkit-transform: translateX(-200%);
    }
}

@-webkit-keyframes scrolling-left1 {
    0% {
        -webkit-transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
    }
}

@-webkit-keyframes scrolling-left2 {
    0% {
        -webkit-transform: translateX(0%);
    }
    100% {
        -webkit-transform: translateX(-200%);
    }
}

.helpPage .customStyleForConnect {
    display: none;
}

.signForm p.back-to-home {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 154%;
    text-transform: uppercase;
    color: #1D1E21;
    margin-bottom: 31px;
    padding-top: 0;
    padding-bottom: 0;
}

.back-to-home::before {
    content: ' ';
    display: inline-block;
    width: 18px;
    height: 10px;
    background-repeat: no-repeat;
    background-image: url('../images/back-to-home.svg');
}

.successFeedback {
    text-align: center;
    padding-top: 44px;
}

.successFeedback img {
    margin: 0 auto;
    width: 80px;
}

.successFeedback p {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #1D1E21;
    padding-top: 24px;
    padding-bottom: 24px;
}

@media screen and (max-width: 1200px) {
    button.mobile-menu--toogler {
        margin-top: 24px;
    }
    .peopletalk .bodySection {
        padding: 60px 40px;
    }

    .howitworks .bodySection {
        padding: 60px 40px;
    }

    .benefits .bodySection {
        padding: 60px 40px;
    }

    #contactus .bodySection {
        padding: 60px 0;
    }

    .hero .bodySection {
        padding: 100px 40px;
    }


    .headerMenu {
        display: none;
    }

    button.mobile-menu--toogler {
        display: block;
    }

    .contestAuthor {
        flex-direction: column;
        gap: 20px;
    }

    .hiwBaner {
        padding-top: 100px;
    }

    .hiwInfo h1 {
        font-size: 45px;
    }

    .candidateWinnerWork {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media screen and (max-width: 991px) {
    .cube {
        max-width: 61%;
        z-index: 3;
        min-width: 170px;
        top: 28%;
        left: 13%;
    }
    .circle {
        max-width: 62%;
        min-width: 173px;
        z-index: 2;
        left: 40%;
        top: -3%;
    }
    .prujinka {
        max-width: 58%;
        min-width: 163px;
        z-index: 2;
        top: 0;
        left: 7%;
    }
    #movingrow {
        min-height: 58px;
    }
    #movingrow  .cnnContents {
        font-size: 25.651px;
        letter-spacing: 3.078px;
        padding-top: 14px;
    }
    button.mobile-menu--toogler {
        margin-top: 20px;
    }
    /* start of large tablet styles */
    .talk__carousel--slide--box {
        padding-left: 0;
        padding-right: 0 !important;
    }

    .hero .bodySection {
        padding: 60px 40px;
    }

    .generalBaner {
        grid-template-rows: 50% 50%;
        grid-template-columns: unset;
    }

    .generalBanerInfo::before, .generalBanerInfo::after, .generalBanerTitle::before {
        display: none;
    }

    .generalBanerTitle p {
        z-index: 1;
        position: relative;
    }

    .generalBanerInfo h5 {
        width: 90%;
    }

    .contestAuthor .authorName {
        font-family: 'Bitter', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: #1D1E21;
    }

    .contestName h1 {
        padding-top: 18px;
    }

    .generalBanerInfo {
        order: 2;
        margin-top: 25px;
    }

    .hiwLogo img {
        max-width: 60%;
    }

    .howitworks .bodySection .typicalFrames {
        flex-direction: column;
    }


    .typicalFrames .frame {
        width: 100%;
        max-width: 500px;
        margin-bottom: 75px;
    }

    .typicalFrames .frame:last-child {
        margin-bottom: unset;
    }

    .generalBanerLogo {
        order: 1;
        width: 100%;
        margin: 0 auto;
        max-width: 450px;
        margin-bottom: 340px;
    }

    .homePageGeneralBtn {
        width: 100%;
    }

    .customStyleForContest {
        padding: 90px 40px;
    }

    .card:first-child::before, .card:last-child::before {
        display: none;
    }

    .latestContestsCards {
        flex-wrap: wrap;
    }

    .card {
        flex: 0 1 50%;
        border-radius: unset;
        overflow: hidden;
    }
    .card:last-child a{
        border: none;
        border-radius: unset;
    }
    .card:nth-child(odd) {
        border-right: 1px solid #434343;
    }

    .card:nth-child(even) {
        border-right: none;
    }
    .card:nth-child(1) {
        border-top-left-radius: 12px;
    }
    .card:nth-child(2) {
        border-top-right-radius: 12px;
    }
    .card:nth-child(3) {
        border-bottom-left-radius: 12px;
    }
    .card:nth-child(4) {
        border-bottom-right-radius: 12px;
    }

    #specialSection.hiw-mob {
        border-bottom: unset;
    }

    .contestName {
        flex-direction: column-reverse;
    }

    .customBodySection {
        padding-right: 0;
        padding-left: 0;
    }

    .helpPageTitle, .FAQ {
        padding-left: 20px;
    }

    .helpPage .formConstructor {
        padding-right: 20px;
    }

    .helpHomeLink {
        padding-left: 20px;
    }

    .mainInfo {
        width: 60%;
    }

    .mainInfo::before {
        display: none;
    }

    header.steps {
        border-bottom: 1px solid #1D1E21;
    }

    header.steps .headerImg {
        padding: 0;
        justify-content: space-between;
        align-items: center;
    }

    .successImg {
        padding-top: 30px;
        justify-content: flex-start;
    }

    .talk__carousel--slide::after, .talk__carousel--slide::before {
        display: none;
    }

    .hiwBaner {
        flex-direction: column;
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .hiwBaner .hiwInfo {
        display: none;
    }

    .hiwBaner .hiw {
        display: flex;
        padding-bottom: 35px;
    }

    .hiwLogo {
        flex-direction: column;
        align-items: center;
    }

    .hiwLogo img {
        transform: rotate(90deg);
    }

    .customStyleForFrames .hiwFrames {
        display: none;
    }

    .customStyleForFrames .typicalFrames {
        display: flex;
        flex-direction: column;
    }

    .hiwFrames::after, .hiwFrames::before {
        display: none;
    }

    .myBalanceContainer table {
        width: 630px;
    }

    .recomTable div {
        width: 50%;
    }

    .customStyleForRecommendedPages {
        padding-left: 80px;
    }

    .customStyleForRecommendedPages img {
        opacity: 0.4;
    }

    .infoAboutRecommendedPage {
        width: 80%;
    }

    .contextForDesign .work {
        width: 25%;
    }

    .imageContainer {
        flex: unset;
        z-index: -1;
        width: 100%;
        position: fixed;
    }

    .formContainer {
        flex: unset;
        margin: 0 auto;
        padding: 30px;
        background: #ffffff;
        height: calc(100vh - 200px);
        position: relative;
        min-height: 600px;
        width: 100%;
    }

    .formContainer.signup {
        min-height: 870px;
    }

    .mobLogo {
        height: 200px;
        display: flex;
        justify-content: center;
    }

    .webBackground {
        display: none;
    }

    .mobBackground {
        display: block;
        position: absolute;
        top: 0;
        left: 0;

    }

    .signPage {
        flex-direction: column;
    }

    .myWorkContainer {
        flex-direction: column;
    }

    .myWorkMenu {
        width: 100%;
    }

    .myWorkMenu button {
        width: 30%;
        margin-bottom: 20px;
    }

    .worksTable {
        margin-left: unset;
    }

    li.currentItem {
        border-bottom: 1px solid #1D1E21;
    }

    li.currentItem::after {
        display: block;
    }

    .itemMenu {
        padding-right: 70px;
        padding-left: 20px;
    }

    li.notEmpty, li.empty {
        display: none;
    }

    .tasks {
        padding-top: 36px;
    }

    .talk--arrow.prev {
        left: 15px;
        top: auto;
        bottom: 15px;
        margin: 0;
    }

    .talk--arrow.next {
        left: unset;
        right: 15px;
        top: auto;
        bottom: 15px;
        margin: 0;
    }

    .myWorkContainer {
        padding-top: 10px;
    }

    .candidateWinnerWindow {
        display: none;
    }

    .candidateWinnerWindow.mobile {
        display: block;
        padding-bottom: 35px;
        padding-top: 35px;
    }

    .candidateWinnerWindow.mobile #selectWinner {
        position: unset;
        bottom: unset;
        margin-left: 40px;
        margin-right: 40px;
    }

    .candidateWinnerWindow.mobile h1, .candidateWinnerWindow.mobile .authorWork, .candidateWinnerWindow.mobile .ratingResult {
        margin-left: 40px;
        margin-right: 40px;
    }

    .candidateWinnerWindow.mobile .authorWork {
        padding-top: 30px;
        padding-bottom: 25px;
    }

    .candidateWinnerWindow.mobile .workImg {
        width: 90%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px) {
    .logo, .successImg {
        padding-top: 20px;
    }
    button.mobile-menu--toogler,
    button.mobile-menu-close {
        margin-top: 24px;
    }

    .customStyleForMyContests {
        padding-left: 40px;
        padding-right: 40px;
    }

    .customStyleForMyClients {
        padding-left: 0;
        padding-right: 0;
    }

    .customStyleForMyClients h1 {
        border-bottom: 1px solid #1D1E21;
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 23px;
    }

    .mainInfo {
        padding-left: 40px;
        padding-right: 40px;
    }

    .benefits .bodySection .typicalFrames {
        flex-direction: column;
        align-items: center;
    }

    .benefits .bodySection .typicalFrames .frame {

        width: 100%;
        max-width: 360px;
        margin-bottom: 16px;
    }

    .formContainer.signup .signForm {
        padding-top: 15px;
    }

    .formContainer.signup .signForm form {
        padding-top: 26px;
    }

    .helpPage {
        padding-bottom: 0;
    }

    /* start of medium tablet styles */
    .talk__carousel--slide--wrapper {
        display: flex;
        flex-direction: column;
    }

    .talk__carousel--slide--box.top, .talk__carousel--slide--box.bottom {
        position: relative;
        margin: 0;
    }

    .talk__carousel--slide--box .slide--work {
        margin: 0 auto;
    }

    /*  .talk__carousel--slide--box .slide--work {
        margin-top: -22px;
      }*/
    .peopletalk .bodySection {
        padding: 16px;
    }

    .talk__carousel--slide--wrapper {
        padding-bottom: 20px;
    }


    .talk__carousel--slide--box .slide--info {
        min-height: unset;
        border: 1px solid #434343;
        background: #ffffff;
    }

    .talk__carousel--slide--box .slide--info .user-feedback {
        padding: 32px 16px;
    }

    .talk__carousel--slide--box.bottom {
        display: none;
    }

    .slide--info {
        position: unset;
        margin: 0 auto;
    }

    .talk__carousel--slide--box .slide--info .user--info .person--info h6 {
        font-size: 14px;
        line-height: 16px;
    }

    .user-feedback p {
        font-size: 14px;
        line-height: 22px;
    }

    .feedbackTitleBaner {
        padding-bottom: 20px;
    }

    .mainContestInfo {
        padding-top: 36px;
    }

    .winContest, .briefContest {
        flex-direction: column;
    }

    .titleSection {
        padding-bottom: 36px;
    }

    .helpPage {
        flex-direction: column;
    }

    .helpPage .FAQ {
        width: 100%;
        border-bottom: 1px solid #1D1E21;
    }

    .FAQ {
        padding-bottom: 13px;
    }

    .helpPage .formConstructor {
        display: none;
    }

    .helpPage .customStyleForConnect {
        display: block;
        padding: 60px 0;
    }

    .dynamicTitle {
        display: none;
    }

    .dynamicHelpPage {
        border: unset;
        padding-top: 0;
    }

    .dynamicFAQ {
        display: none;
    }

    .answers h3 {
        font-family: 'Urbanist', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        line-height: 120%;
        color: #1D1E21;
        padding-left: 20px;
        padding-bottom: 13px;
    }

    .answerContext {
        border-top: 1px solid #1D1E21;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 50px;
    }

    .footerSteps {
        padding: 0 40px;
    }

    .footerBtn {
        padding: 20px 0;
    }

    .mainInfo {
        width: 100%;
    }

    .stepsContext {
        width: 70%;
    }

    .stepsContainer {
        gap: 50px
    }

    .notificationWindow, .confirmation {
        width: 100%;
        margin-left: 20px;
        margin-right: 20px;

    }

    .footerNav {
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
    }

    .footerNav .logo {
        width: 100%;
    }

    .footerNav .logo img {
        margin: 0 auto;
    }

    .footerMenu {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .footerMenu .links {
        display: flex;
        gap: 25px;
    }

    .footerMenu .links li {
        margin-right: unset;
    }

    footer {
        height: 144px;
    }

    .animate--box {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .animate--box::after {
        width: 240px;
        height: 230px;
        right: -30px;
        bottom: -20px;
        top: unset;
        transition: none;
        transform: none !important;
    }

    .animate--box::before {
        width: 196px;
        height: 205px;
        bottom: 280px;
        left: 0;
        top: unset;
        transition: none;
        transform: none !important;
    }

    .animate--box.animate--box-help::before {
        bottom: 295px;
    }

    .customStyleForRequestPauout {
        padding-left: 0;
        padding-right: 0;
    }

    .customStyleForRequestPauout h1, .customStyleForRequestPauout .requestPauoutContainer {
        padding-left: 40px;
        padding-right: 40px;
    }

    .requestPauoutContainer .inputWrapper input {
        width: 60%;
    }

    .customStyleForProfile {
        padding-left: 0;
        padding-right: 0;
    }

    .customStyleForProfile h1, .customStyleForProfile .profileContainer {
        padding-left: 40px;
        padding-right: 40px;
    }

    .profileContainer {
        flex-direction: column;
        align-items: center;
    }

    .infoPage {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .profileContainer .infoPage {
        padding-left: 0;
        padding-right: 0;
    }

    .nickname, .profilePhoto, .language, .bioProfile, .skillsProfile, .addressProfile {
        flex-direction: column;
    }

    .nicknameTitle, .profilePhotoTitle, .languageTitle, .bioTitle, .skillsTitle, .addressTitle {
        padding-bottom: 6px;
    }

    .nicknameTitle img, .profilePhotoTitle img, .languageTitle img, .bioTitle img, .skillsTitle img, .addressTitle img {
        display: none;
    }

    .customStyleForMyBalance {
        padding-left: 0;
        padding-right: 0;
    }

    .customStyleForMyBalance .myBalanceContainer, .customStyleForMyBalance h1 {
        padding-left: 40px;
    }

    .currentBalance {
        padding-right: 40px;
    }

    .customStyleForCreateContestSteps {
        padding-left: 0;
        padding-right: 0;
    }

    .customStyleForCreateContestSteps h1, .customStyleForCreateContestSteps .createContestContainer .context {
        padding-left: 40px;
        padding-right: 40px;
    }

    .general, .backgroundInfo, .visualStyle, .other, .billingInfo, .namePrice, .price {
        flex-direction: column;
    }

    .generalTitle, .backgroundInfoTitle, .visualStyleTitle, .otherTitle, .billingInfoTitle, .namePriceTitle, .priceTitle, .briefTitle {
        margin-bottom: 24px;
        padding-left: 40px;
    }

    .visualStyleRange {
        gap: 20px;
    }

    .customStyleForMyWork {
        padding-left: 0;
        padding-right: 0;
    }

    .customStyleForMyWork h1, .customStyleForMyWork .myWorkSuccessContainer, .customStyleForMyWork .myWorkContainer {
        padding-left: 40px;
        padding-right: 40px;
    }

    .myWorkSuccessContainer p {
        width: 80%;
    }

    .customStyleForRecommendedPages {
        padding-left: 40px;
    }

    .infoAboutRecommendedPage {
        width: 100%;
    }

    .infoAboutRecommendedPage p {
        width: 80%;
    }

    .infoAboutRecommendedPage h1 {
        font-size: 32px;
        line-height: 146%;
    }

    .customStyleForSelectedContestCustomer {
        padding-left: 0;
        padding-right: 0;
    }

    .status {
        border: 1px solid #1D1E21;
        border-radius: unset;
    }

    .customStyleForSelectedContestCustomer .contestName, .customStyleForSelectedContestCustomer .contestAuthor, .contentForBrief, .contentForDesign {
        padding-left: 40px;
        padding-right: 40px;
    }

    .contextForBrief {
        flex-direction: column;
    }

    .briefTitle {
        padding-left: 0;
    }

    .contextForDesign .work {
        width: 33%;
    }

    .customStyleForPayment {
        padding-right: 0;
        padding-left: 0;
    }

    .customStyleForPayment h1, .customStyleForPayment .paymentContainer {
        padding-left: 40px;
        padding-right: 40px;
    }

    .status img {
        display: none;
    }

    .customStyleForProfilecustomer {
        padding-left: 0;
        padding-right: 0;
    }

    .customStyleForProfilecustomer h1, .customStyleForProfilecustomer .profileContainer {
        padding-left: 40px;
        padding-right: 40px;
    }

    .workItem {
        display: block;
    }

    .workItem img[alt="blot"]{
        display: none;
    }

    .homeLink {
        padding-left: 40px;
    }

    .customStyleForEditProfile {
        padding-left: 0;
        padding-right: 0;
    }

    .customStyleForEditProfile h1, .customStyleForEditProfile .editProfileContainer {
        padding-left: 40px;
        padding-right: 40px;
    }

    .customStyleForFinishedContest {
        padding-left: 0;
        padding-right: 0;
    }

    .headerContest, .titleSection, .briefContest .content, .winContest .content .authorWork, .winContest .content .competitors {
        padding-left: 40px;
        padding-right: 40px;
    }

    .mainForSteps {
        padding-left: 40px;
        padding-right: 40px;
    }

    header, header.steps {
        height: 80px;
    }

    .customStyleForMyWork h1, .customStyleForMyBalance h1, .customStyleForRequestPauout h1, .customStyleForProfile h1, .customStyleForEditProfile h1, .customStyleForProfilecustomer h1, .customStyleForCreateContestSteps h1, .customStyleForPayment h1 {
        padding-bottom: 13px;
    }

    .stepsCounter {
        padding-bottom: 70px;
    }
}


@media screen and (max-width: 560px) {
    .successImg {
        padding-top: 10px;
    }

    button.mobile-menu--toogler {
        margin-top: 18px;
    }

    .peopletalk .bodySection {
        padding: 40px 20px;
    }

    .stepsCounter h1 {
        font-size: 26px;
        line-height: 146%;
    }

    .mainForSteps {
        padding-left: 20px;
        padding-right: 20px;
    }

    .bioStep h2, .socialLinksStep h2, .addressStep h2, .showcaseStep h2, .skillsStep h2 {
        font-size: 30px;
    }

    header, header.steps {
        height: 60px;
    }

    .footerSteps {
        height: 76px;
    }

    .hero .bodySection.generalBaner.customStyleForGeneral {
        padding-top: 0;
    }

    .generalBanerTitle h5 p {
        font-size: 16px;
        line-height: 24px;
    }

    .hiw {
        padding-bottom: 65px;
    }

    .hiwLogo img {
        max-width: 95%;
    }

    .typicalFrames .frame {
        max-width: 360px;
    }

    .contests .bodySection.typicalBaner.customStyleForContest {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .homePageInfoBanerBtn {
        width: 100%;
        margin-top: 40px;
    }

    .customStyleForMyClients h1 {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 13px;
    }

    .homePageInfoBanerBtn button {
        width: 100%;
    }

    .helpPageTitle {
        padding-bottom: 13px;
    }

    .errorContainer p {
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
    }

    .homePageContestBanerBtn {
        width: 100%;
        margin-top: 40px;
    }

    .homePageContestBanerBtn button {
        width: 100%;
    }

    .howitworks .bodySection {
        padding: 40px 20px;
    }

    .mainInfo {
        padding-left: 20px;
        padding-right: 20px;
    }

    .mainInfo h1 {
        font-size: 30px !important;
    }

    .benefits .bodySection {
        padding: 40px 20px;
    }

    #contactus .bodySection {
        padding: 40px 0 60px 0;
    }

    .hero .bodySection {
        padding: 60px 20px;
    }

    .customStyleForSelectedContestCustomer .contestName, .customStyleForSelectedContestCustomer .contestAuthor, .contentForBrief, .contentForDesign {
        padding-left: 20px;
        padding-right: 20px;
    }

    .footerSteps {
        padding: 0 20px;
    }

    .notifyForLockSection {
        width: 70%;
        top: 75%;
        left: 12%;
    }

    .generalBanerLogo {
        max-width: 360px;
    }

    .generalBanerLogo::after, .generalBanerLogo::before {
        display: none;
    }

    .generalBanerInfo {
        margin-top: -40px;
    }

    .signForm {
        max-width: unset;
    }

    .generalBanerInfo h5 {
        width: 100%;
    }

    header {
        padding: 0 20px;
    }

    .customStyleForContest {
        padding: 90px 20px;
    }

    .latestContestsCards{
        gap: 20px;
        border: none;
    }

    .card {
        flex: 0 1 100%;
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #434343 !important;
    }

    .headerContest, .titleSection, .briefContest .content, .winContest .content .authorWork, .winContest .content .competitors {
        padding-left: 20px;
        padding-right: 20px;
    }

    .homeLink {
        padding-top: 22px;
        padding-left: 20px;
    }

    .mainInfo h1 {
        font-size: 32px;
        line-height: 119%;
    }

    .customStyleForMyContests {
        padding-left: 0;
        padding-right: 0;
    }

    .customStyleForMyContests h1 {
        padding-left: 20px;
        padding-right: 20px;
        border-bottom: 1px solid #1D1E21;
        padding-bottom: 13px;
    }

    .customStyleForMyContests .myContests {
        padding-left: 20px;
        padding-right: 20px;
    }

    .lockWhiteImg, .lockBlackImg {
        right: 15%;
    }

    .benefits .titleForBaners.benefitTitleBaner {
        padding-bottom: 80px;
    }

    .footerBtn button {
        width: 97px;
        height: 36px;
    }

    .headerImg img, .logo img {
        width: 90px;
    }

    .headerImg .exit {
        width: 28px;
        cursor: pointer;
    }

    .stepsContext {
        width: 100%;
    }

    .stepsContainer {
        gap: 30px
    }

    .customStyleForEditProfile {
        padding-top: 30px;
    }

    .editProfileContainer {
        padding-top: 40px;
    }

    .editProfileContainer h3 {
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
    }

    .editProfileContainer a {
        width: 100%;
    }

    .editProfileContainer button {
        width: 100%;
        margin-left: 0 !important;
    }

    .stepsContainer .step {
        height: 35px;
        width: 35px;
    }

    .mainForSteps::after, .mainForSteps::before {
        display: none;
    }

    .lockWhiteImg {
        width: 90px;
    }

    .requestPauoutContainer .inputWrapper input {
        width: 100%;
    }

    .requestPauoutContainer .blackBtn {
        width: 100%;
    }

    .customStyleForRequestPauout h1, .customStyleForRequestPauout .requestPauoutContainer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .customStyleForMyBalance .myBalanceContainer, .customStyleForMyBalance h1 {
        padding-left: 20px;
    }

    .currentBalance {
        padding-right: 20px;
    }

    .currentBalance button {
        width: 100%;
    }

    .editProfile button {
        width: 100%;
    }

    .myWorkInfo p {
        width: 90%;
    }

    .signForm form .inputContainer label {
        font-size: 16px;
        line-height: 24px;
    }

    .signForm h3 {
        font-size: 24px;
        line-height: 36px;
    }

    .forgotPassForm p {
        padding-top: 16px;
        font-size: 12px;
        line-height: 18px;
    }

    .customStyleForEditProfile h1, .customStyleForEditProfile .editProfileContainer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .successBody p {
        width: 95%;
    }

    .customStyleForAddressCustomer h2 {
        font-size: 32px;
        line-height: 119%;
    }

    .customStyleForProfile h1, .customStyleForProfile .profileContainer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .customStyleForProfilecustomer h1, .customStyleForProfilecustomer .profileContainer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .customStyleForCreateContestSteps {
        padding-top: 30px;
    }

    .customStyleForCreateContestSteps h1 {
        font-size: 24px;
    }

    .customStyleForCreateContestSteps h1, .customStyleForCreateContestSteps .createContestContainer .context {
        padding-left: 20px;
        padding-right: 20px;
    }

    .customStyleForCreateContestSteps .createContestContainer .context h5 {
        font-weight: 600;
        font-size: 15px;
        line-height: 24px;
        padding-bottom: 6px;
    }

    .general, .backgroundInfo, .visualStyle, .other, .billingInfo, .namePrice, .price {
        padding-top: 36px;
    }

    .generalTitle, .backgroundInfoTitle, .visualStyleTitle, .otherTitle, .billingInfoTitle, .namePriceTitle, .priceTitle, .briefTitle {
        padding-left: 20px;
    }

    .generalTitle h3 {
        font-size: 23px;
    }

    .createContestContainer input, .createContestContainer textarea, .createContestContainer .select {
        margin-bottom: 36px;
    }

    .createContestContainer .context p {
        padding-bottom: 36px;
    }

    .imageUpload .form-group {
        padding-bottom: 0;
    }

    .visualStyleRange {
        gap: 15px;
    }

    .customStyleForMyWork .myWorkContainer {
        padding-left: 0;
        padding-right: 0;
    }

    .customStyleForMyWork h1, .customStyleForMyWork .myWorkSuccessContainer, .customStyleForMyWork .tasks {
        padding-left: 20px;
        padding-right: 20px;
    }

    .customStyleForMyWork .myWorkMenu button {
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
    }

    .customStyleForMyWork .createStatus {
        border-bottom: 1px solid #1D1E21;
    }

    .myWorkSuccessContainer p, .myWorkSuccessContainer button {
        width: 100%;
    }

    .recomTable div {
        width: 100%;
    }

    .customStyleForRecommendedPages {
        padding-top: 55px;
        padding-left: 20px;
    }

    .customStyleForRecommendedPages img {
        padding-bottom: 20px;
    }

    .infoAboutRecommendedPage p {
        width: 100%;
    }

    .infoAboutRecommendedPage button {
        width: 95%;
    }

    .infoAboutRecommendedPage h1 {
        font-size: 26px;
        line-height: 146%;
    }

    .contextForDesign .work {
        width: 50%;
    }

    .customStyleForPayment h1, .customStyleForPayment .paymentContainer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .paymentContainer input, .paymentContainer button {
        width: 100%;
    }

    .gallery {
        text-align: center;
    }

    .gallery img {
        margin: 0 auto;
    }

    .my-form-mob {
        border: unset;
        display: block;
        background-color: white;
        min-height: 100%;
    }

    .my-form-mob button {
        width: 100%;
    }

    .replaceBtn {
        display: none;
    }

    .replaceBtnMob {
        border: 1px solid #5A6274;
        display: inline-block;
        height: 36px;
        margin-top: 16px;
        cursor: pointer;
    }

    .replaceBtnMob:hover {
        background-color: #FF004D;
        color: white;
    }

    .radioButton {
        flex-direction: column;
    }

    .signInForm {
        padding-top: 15px;
    }

    .signForm form button {
        width: calc(100% - 60px);
        position: absolute;
        bottom: 30px;
    }

    .worksTable {
        border: unset;
        row-gap: 20px;
    }

    .workItem {
        min-width: 100%;
    }

    .infoAboutContest div {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .infoAboutContest p {
        width: 100%;
    }

    .infoAboutContest div.statusWork {
        flex-direction: column;
    }

    .statusWork button {
        margin-top: 10px;
    }

    .feedbackTitleBaner {
        padding-bottom: 0;
    }

    .candidateWinnerWindow.mobile #selectWinner {
        margin-left: 20px;
        margin-right: 0;
        width: 90%;
    }

    .candidateWinnerWindow.mobile h1, .candidateWinnerWindow.mobile .authorWork, .candidateWinnerWindow.mobile .ratingResult {
        margin-left: 20px;
        margin-right: 20px;
    }

    .candidateWinnerWindow.mobile .workImg {
        width: 100%;
    }

    .goBtn {
        flex-direction: column;
        row-gap: 15px;
    }
}


@media screen and (max-width: 479px) {
    .animate--box {
        margin-bottom: 30px;
    }

    .animate--box::after {
        right: -15px;
    }

    .lockWhiteImg, .lockBlackImg {
        width: 75px;
    }

    .successBody button {
        width: 95%;
    }

    .visualStyleRange {
        gap: 10px;
    }

    .contextForDesign .work {
        width: 100%;
        padding-right: 0;
    }

    .statusBalance {
        flex-direction: column;
        align-items: flex-start;
    }

    .close, .closeConfirmation, .closeNotification, .closeCandidateWinner, .closeWinner {
        left: 88%
    }

    .headerPage .authorPhoto {
        left: 40%
    }

    .confirmationBtn {
        display: flex;
        flex-direction: column;
        row-gap: 15px;
    }
}

@media screen and (min-width: 2050px) {
    #movingrow {
        overflow: auto;
    }

    .cnnContents {
        width: 2050px;
        overflow: hidden;
    }

    .marqueeStyle {
        width: 100%;
    }

    .marqueeStyle2 {
        width: 100%;
    }
}

#menu-mobile {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    display: none;
    z-index: 9999;
    overflow: hidden;
    padding-bottom: 24px;
}

#menu-mobile.shown {
    display: block;
}

#menu-mobile .nav-list {
    z-index: 1;
    width: 100%;
    max-width: 320px;
    padding: 0 43px;
}

#menu-mobile .nav-list--wrapper {
    position: relative;
    width: 100%;
    min-height: 400px;
    margin: 40px auto;
    overflow: hidden;
}

#menu-mobile .nav-list--wrapper::after {
    content: "";
    display: block;
    position: absolute;
    width: 336px;
    height: 387px;
    background-image: url(../images/menu-circkle.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    top: 0;
    right: -66px;
}

#menu-mobile .nav-list li {
    padding: 12px;
}

#menu-mobile .nav-list li a {
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
    color: #1D1E21;
    text-decoration: none;
}

#menu-mobile .buttons--wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 0 20px;
    width: 100%;
    margin: 0 auto;
}
#menu-mobile .buttons--wrapper a{
    width: 100%;
}

#menu-mobile .buttons--wrapper button {
    margin-top: 24px;
}

#menu-mobile .buttons--wrapper a {
    text-decoration: none;
    color: inherit;
    width: 100%;
}

#menu-mobile .buttons--wrapper a {
    text-decoration: none;
    color: inherit;
    width: 100%;
}

.buttons--wrapper button {
    width: 100%;
    min-width: 100%;
    display: inline-block;
    padding: 12px 16px 12px 16px;
    text-align: center;
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #1D1E21;
    height: 50px;
    border-radius: 10px;
    overflow: hidden;
}

.buttons--wrapper button.black {
    background: #1D1E21;
    color: #ffffff;
    width: 100%;
}

.buttons--wrapper button.transparent {
    border: 1px solid #1D1E21;
    background: transparent;
    color: #1D1E21;
    width: 100%;
}

button.mobile-menu-close {
    width: 28px;
    height: 28px;
    border: none;
    outline: none;
    display: inline-block;
    cursor: pointer;
    background-size: cover;
    background: transparent url(../images/closemobilemenu.svg) no-repeat center;
    margin-top: 16px;
}
/*Balance page*/
.transaction-link{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
    border-bottom: 1px solid #1D1E21;
    padding: 23px 0;
    color: #1D1E21;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    max-width: 524px;
    cursor: pointer;
}
/*Balance page*/
.transaction-link:hover{
    color: #1D1E21;
}
/*Top up balance modal*/
.modal-overlay{
    background: rgba(0, 0, 0, 0.70);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top:0;
    left:0;
    z-index: 999;
}
.modal-container{
    width: 480px;
    max-width: 100%;                                     /* New one */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.modal-header{
    position: relative;
    display: flex;
    width: 100%;
    padding:  16px 24px;
    justify-content: center;
    align-items: center;
    border-bottom: #E8E8E8;
    color: #1D1E21;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
}
.modal-header{
    position: relative;
    display: flex;
    width: 100%;
    padding:  16px 24px;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #E8E8E8;
}
.modal-header .close-btn{
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
}
.modal-body{
    display: flex;
    padding:  32px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
}
.modal-body form{
    width: 100%;
    height: 100%;
    max-width: 270px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.modal-body form .form-row{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.modal-body form label{
    color: #47525E;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.modal-body form select{
    min-height: 40px;
    width: 100%;
    padding-left: 16px;
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: black;
    appearance: none;
    background: url(../images/defaultarrow.svg) no-repeat right;
    background-position-x: calc(100% - 23px);
}
.modal-body form input{
    min-height: 40px;
    width: 100%;
    display: flex;
    padding: 10px 12px;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: black;
}
.modal-body form .note{
    color: #919DA9;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
}
.modal-footer{
    border-top: 1px solid #E8E8E8;
    display: flex;
    width: 100%;
    padding:  16px 24px;
    gap: 16px;                                   /* New one */
    flex-wrap: wrap;                             /* New one */
    justify-content: flex-end;
    align-items: center;
}
.modal-footer button{
    white-space: nowrap;
    padding: 10px 12px;
    width: min-content;
    border-radius: 8px;
    height: 40px;
}
.modal-footer button.blik-button{               /* New one */
    padding: 0;                                 /* New one */
    display: flex;                              /* New one */
    align-items: center;                        /* New one */
    justify-content: center;                    /* New one */
    width: 58px;                                /* New one */
}                                               /* New one */
/*Transactions page*/
.transactions-container{
    padding: 32px 0 40px;
    width: 100%;
    max-width: 720px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
}
.transactions-container select{
    max-width: 175px;
    height: 40px;
}
.transactions-container button{
    border-radius: 8px;
    height: 40px;
    padding: 12px 16px;
    width: auto;
    margin: 0 auto;
}
.transactions-container .table{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.transactions-container .table .table-row{
    border: 1px solid #DFE2E6;
    background: #FFF;
    margin-bottom: 8px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.transactions-container .table .table-row div{
    text-align: left;
}
.transactions-container .table .table-head .table-row div{
    padding: 11px 12px;
    color: #090909;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}
.transactions-container .table .table-body .table-row div{
    padding: 22px 12px;
    color: #090909;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.transactions-container .table .table-body .table-row div.status{
    font-weight: 600;
}
.transactions-container .table .table-body .table-row div.status-success{
    color: #00997A;
}
.transactions-container .table .table-body .table-row div.status-new{
    color: #0075FF;
}
.transactions-container .table .table-body .table-row div.status-pending{
    color: #F59E0B;
}
.transactions-container .table .table-body .table-row div.status-failed{
    color: #FF5E5B;
}
.transactions-empty-container{
    padding: 83px 0 ;
}
@media screen and (max-width: 768px) {
    .transactions-container {
        padding: 32px 40px 40px;
    }
    .transactions-empty-container{
        padding: 83px 40px  ;
    }
}
@media screen and (max-width: 560px) {
    .transactions-container {
        padding: 32px 20px 40px;
    }
    .transactions-empty-container{
        padding: 83px 20px  ;
    }
}
.customStyleForMyContests .heading{
    padding-bottom: 24px;
    border-bottom: 1px solid black;
    display: flex;
    gap:37px;
    align-items: center;

}
.customStyleForMyContests .heading .tab h2{
    cursor: pointer;
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 120%;
    color: black;
    opacity: 0.7;
}
.customStyleForMyContests .heading .tab.active h2{
    font-weight: 700;
    cursor: default;
    opacity: 1;

}