html {
	scroll-behavior: smooth;
}
body {
	background: #161625;
}
body.hidden {
    overflow: hidden;
}
.page {
	overflow: hidden;
	position: relative;
}
.title {
	font-family: "Nunito Sans", sans-serif;
	font-weight: 400;
	font-size: 48px;
	line-height: 68px;
	color: #fff;
}
.title b {
    font-weight: 700;
}
.title.big {
	font-size: 84px;
	line-height: 104px;
}
.desc {
	font-family: "Open Sans", sans-serif;
    font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
}
.desc b {
	font-weight: 700;
}
.mob {
	display: none;
}
button,
a,
.hover-link {
	border: 0;
	outline: 0;
	cursor: pointer;
	transition: .3s;
}
a:hover,
.hover-link:hover,
.button:hover {
	opacity: .7;
}
.button {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
    font-size: 14px;
    line-height: 26px;
	color: #fff;
	transition: .3s;
	border-radius: 25px;
    background: radial-gradient(51.69% 61% at 50% 50%, #A083F7 0%, #5302A4 100%);
    box-shadow: 0px 8px 16px -8px rgba(113, 5, 221, 0.12), 0px 36px 32px -16px rgba(70, 0, 159, 0.25), 0px 0px 12px 0px rgba(255, 255, 255, 0.25) inset, 0px -24px 32px 0px rgba(255, 255, 255, 0.22) inset, 0px 8px 24px -16px rgba(255, 255, 255, 0.25) inset;
	position: relative;
	padding: 12px;
	min-width: 206px;
	text-transform: uppercase;
}
.button.wand {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 18px 8px 22px;
	min-width: 166px;
	text-transform: unset;
}
.button.wand .img {
	width: 16px;
}
.button.white {
	border: 1px solid #FFFFFF;
	background: transparent;
	box-shadow: none;
}
.button:disabled {
    opacity: 0.5;
    cursor: auto;
}

.wrapper {
	max-width: 1064px;
	margin: 0 auto;
}
.section {
	padding: 0 16px;
}

.wrapper .payment-result {
    text-align: center;
    margin: 15px auto;
}

.wrapper .payment-result.desc {
    font-size: 20px;
}

/* header */
.header {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	padding: 35px 80px 0;
}
.header-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header .right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
    gap: 46px;
}
.header .logo .img {
	width: 136px;
}
.header .right .name {
	margin-right: 22px;
	font-weight: 700;
}
.header .right .caret {
	width: 10px;
	height: 10px;
	transition: .3s;
}
.header .profile-link {
	display: flex;
	align-items: center;
	position: relative;
	transition: .3s;
	background-position: top 50% right 0;
	background-size: 10px;
	background-repeat: no-repeat;
}
.header .profile-link .name {
	cursor: default;
}
.profile-dropdown-container {
	position: absolute;
	top: 100%;
	right: 0;
	padding-top: 20px;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
.header .profile-link:hover {
	background-image: url('../img/pictorios/caretAcive.svg');
}
.header .profile-link:hover .profile-dropdown-container {
	opacity: 1;
	visibility: visible;
}
.header .profile-link:hover .caret {
	opacity: 0;
}
.profile-dropdown {
	background: #161625;
	border: 1px solid #333042;
	border-radius: 12px;
	padding: 12px;
}
.profile-dropdown .nav {
	display: flex;
	flex-direction: column;
}
.profile-dropdown .profile-top {
	display: flex;
	align-items: flex-start;
	gap: 6px;
}
.profile-dropdown .profile-top .desc.small {
	font-size: 12px;
	line-height: 14px;
}
.profile-dropdown .profile-top .desc + .desc {
	margin-top: 6px;
}
.profile-dropdown .profile-top .img {
	width: 38px;
}
.profile-dropdown .nav {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #333042;
	gap: 8px;
}
.profile-dropdown .nav .desc {
	background-position: top 50% left 0;
	background-size: 18px;
	background-repeat: no-repeat;
	padding-left: 44px;
	white-space: nowrap;
}
.profile-dropdown .nav .desc-myproject {
	background-image: url('../img/pictorios/myProject.svg');
}
.profile-dropdown .nav .desc-requests {
	background-image: url('../img/pictorios/requestHistory.svg');
}
.profile-dropdown .nav .desc-payments {
	background-image: url('../img/pictorios/paymentHistory.svg');
}
.profile-dropdown .nav .desc-logout {
	background-image: url('../img/pictorios/logout.svg');
}




/* hero section */
.hero-section {
	padding: 186px 16px 226px;
	position: relative;
}
.hero-section .wrapper {
	position: relative;
}
.hero-section .button {
	margin-top: 46px;
    position: relative;
}
.hero-section .title {
    position: relative;
}
.hero-section .title b {
    font-size: 94px;
    line-height: 104px;
}
.hero-section .desc {
	max-width: 520px;
	margin-top: 46px;
    position: relative;
}
.hero-section .img {
    width: 1384px;
    position: absolute;
    top: -530px;
    left: calc(50% + 600px);
    transform: translateX(-50%);
}


/* section 2 */
.home-page .section-2 {
	padding: 130px 16px 118px;
	position: relative;
	z-index: 1;
}
.home-page .section-2 .wrapper {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	max-width: 1280px;
}
.home-page .section-2 .wrapper .main-img {
	position: absolute;
    left: calc(50% - 510px);
    transform: translateX(-50%);
    top: -600px;
    width: auto;
}
.home-page .section-2 .left {
	width: 56%;
}
.home-page .section-2 .right {
	width: 44%;
	position: relative;
}
.home-page .section-2 .desc.big {
	font-size: 24px;
	line-height: 44px;
}
.home-page .section-2 .desc + .desc {
	margin-top: 30px;
}
.home-page .section-2 .list {
	margin-top: 126px;
	gap: 34px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
}
.home-page .section-2 .item-container {
	width: 100%;
}
.home-page .section-2 .item {
	width: 100%;
	max-width: 456px;
	background: linear-gradient(#333143, #161625);
	border-radius: 24px;
	padding: 38px;
	min-height: 208px;
	display: flex;
	gap: 24px;
	align-items: flex-start;
	position: relative;
}
.home-page .section-2 .item .img {
	width: auto;
	right: -225px;
	top: -89px;
	position: absolute;
}
.home-page .section-2 .item:nth-child(3) .img {
	width: auto;
	right: 30px;
	top: auto;
	bottom: -240px;
	position: absolute;
}
.home-page .section-2 .item-container:last-child .item .img {
	width: auto;
	left: -270px;
	top: -52px;
	position: absolute;
}
.home-page .section-2 .item .desc {
	margin-top: 16px;
}
.home-page .section-2 .item .num {
	width: 50px;
	height: 50px;
	background-image: url('../img/num-gradient.png');
	background-position: center;
	background-size: cover;
	border-radius: 100px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0;
}
.home-page .section-2 .item .text {
	flex: 1;
}
.home-page .section-2 .item .title {
	font-size: 24px;
	line-height: 44px;
	font-weight: 700;
}
.home-page .section-2 .item-container .item {
	margin: 0 auto;
}
.home-page .section-3 .title {
	padding-bottom: 54px;
	position: relative;
	z-index: 1;
	text-align: center;
}
.home-page .section-3 {
	padding: 0 0 130px;
	position: relative;
	z-index: 2;
}
.home-page .section-3 .wrapper {
	position: relative;
	max-width: 1280px;
}

.home-page .section-3 .wrapper .item {
	position: relative;
	margin: 2px 0;
	transition: .3s;
}
.home-page .section-3 .wrapper .item:before {
	content: '';
	width: 100%;
	height: 100%;
	background: #161625;
	opacity: .75;
	left: 0;
	top: 0;
	position: absolute;
	transition: .3s;
	z-index: 3;
	border-radius: 24px;
}
.home-page .section-3 .wrapper .item .img {
	width: 308px;
    height: 230px;
	object-fit: cover;
	object-position: center;
	border-radius: 24px;
	transition: .3s;
	position: relative;
}

.home-page .section-3 .wrapper .before-before-current .item {
	transform: translateX(+290px) scale(0.673);
}
.home-page .section-3 .wrapper .before-current .item {
	z-index: 1;
	transform: translateX(+120px);
}
.home-page .section-3 .wrapper .slick-current.slick-center .item {
	z-index: 3;
}
.home-page .section-3 .wrapper .slick-current.slick-center .item::before {
	opacity: 0;
}
.home-page .section-3 .wrapper .slick-current.slick-center .item {
	transform: scale(1.35);
}
.home-page .section-3 .wrapper .slick-current.slick-center .item .img {
	border: 12px solid #161625;
	box-shadow: 0px 0px 0px 2px #701FD5;
}
.home-page .section-3 .wrapper .slick-current.slick-center + .slick-slide .item {
	z-index: 1;
	transform: translateX(-120px);
}
.home-page .section-3 .wrapper .slick-current.slick-center + .slick-slide + .slick-slide .item {
	transform: translateX(-290px) scale(0.673);
}




.home-page .section-3 .slick-slider {
	position: relative;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.home-page .section-3 .slick-track {
	padding: 40px 0;
}
.slick-arrow {
	width: 52px;
	height: 52px;
	background-image: url('../img/carousel-arrow.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0;
	outline: 0;
	font-size: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -64px;
	transition: .3s;
}
.slick-disabled {
	opacity: 0;
}
.slick-next {
	left: auto;
	right: -64px;
	transform: scaleX(-1) translateY(-50%);
}
.slick-arrow:hover {
	opacity: .7;
}




.home-page .section-4 .wrapper {
	position: relative;
	display: flex;
	align-items: center;
	gap: 32px;
}
.home-page .section-4 .left {
	flex: 1;
	position: relative;
}
.home-page .section-4 .desc {
	max-width: 485px;
}
.home-page .section-4 .desc.big {
	font-size: 24px;
	line-height: 44px;
}
.home-page .section-4 .desc + .desc {
	margin-top: 14px;
}
.home-page .section-4 .img-container {
	flex: 1;
	position: relative;
}
.home-page .section-4 .decor {
	width: auto;
	position: absolute;
	right: -116px;
	bottom: -160px;
}
.home-page .section-4 .img {
	position: relative;
	z-index: 1;
}
.home-page .section-4 .main-img {
	position: absolute;
    left: 50%;
    transform: translateX(-60px);
    top: -1044px;
    width: auto;
}

.section-6 {
	padding: 250px 16px 118px;
}
.section-6 .wrapper {
	max-width: 1080px;
}
.section-6 .item {
	position: relative;
}
.section-6 .item + .item {
	margin-top: 212px;
}
.section-6 .item + .item  + .item {
	margin-top: 235px;
}
.section-6 .item .row {
	display: flex;
	gap: 20px;
}
.section-6 .item .row + .row {
	margin-top: 20px;
}
.section-6 .item .row > .img {
	flex: 1;
	position: relative;
	z-index: 1;
}
.section-6 .item .row-text {
	flex: 1;
	position: relative;
}
.section-6 .item:first-child {
	max-width: 936px;
	margin: 0 auto;
}
.section-6 .item:first-child > .img {
	position: absolute;
	width: 152px;
	left: -192px;
	top: 79px;
}
.section-6 .item:first-child .row-text {
	padding-top: 134px;
	padding-left: 85px;
}
.section-6 .item:first-child .row-text .title {
	font-size: 34px;
	line-height: 44px;
}
.section-6 .item:first-child .row-text .desc {
	margin-top: 32px;
	max-width: 236px;
	font-size: 14px;
	line-height: 24px;
}
.section-6 .item:first-child .row + .row {
	max-width: 840px;
	margin: 20px auto 0;
}
.section-6 .item:first-child .row-text .sphere1 {
	position: absolute;
	left: -52px;
	bottom: -86px;
	width: 150px;
}
.section-6 .item:first-child .row-text .sphere2 {
	position: absolute;
	left: auto;
	right: 100px;
	bottom: 64px;
	width: 74px;
}



.section-6 .item:nth-child(2) .sphere1 {
	position: absolute;
	width: 150px;
	left: -35px;
	bottom: -70px;
}
.section-6 .item:nth-child(2) .sphere2 {
	position: absolute;
	width: 74px;
	bottom: -162px;
	left: 160px;
}
.section-6 .item:nth-child(2) .row-text {
	padding-top: 34px;
	padding-left: 105px;
}
.section-6 .item:nth-child(2) {
	max-width: 936px;
	margin: 212px auto 0;
}
.section-6 .item:nth-child(2) > .img {
	position: absolute;
	width: 130px;
	right: -190px;
	top: 66px;
}
.section-6 .item:nth-child(2) .row + .row:nth-child(3) {
	padding: 0 30px;
}
.section-6 .item:nth-child(2) .row + .row:nth-child(4) {
	padding: 0 32px 0 24px;
}


.section-6 .item:nth-child(3) {
	max-width: 1080px;
	margin: 0 auto;
}
.section-6 .item:nth-child(3) > .img {
	position: absolute;
	width: 128px;
	left: -120px;
	top: 26px;
}
.section-6 .item:nth-child(3) .row-text {
	padding-top: 134px;
	padding-left: 85px;
}
.section-6 .item:nth-child(3) .row-text .title {
	font-size: 34px;
	line-height: 44px;
}
.section-6 .item:nth-child(3) .row-text .desc {
	margin-top: 32px;
	max-width: 236px;
	font-size: 14px;
	line-height: 24px;
}
.section-6 .item:nth-child(3) .row + .row {
	max-width: 840px;
	margin: 20px auto 0;
}
.section-6 .item:nth-child(3) .row:nth-child(3) {
	max-width: 100%;
	margin: 20px auto 0;
}
.section-6 .item:nth-child(3) .row:nth-child(4) {
	max-width: 868px;
	margin: 20px auto 0;
}
.section-6 .item:nth-child(3) .row-text .sphere1 {
	position: absolute;
	left: -52px;
	bottom: -86px;
	width: 150px;
}
.section-6 .item:nth-child(3) .row-text .sphere2 {
	position: absolute;
	left: auto;
	right: 100px;
	bottom: 64px;
	width: 74px;
}
.section-6 .item:nth-child(3) .row:nth-child(2) {
	max-width: 984px;
	margin: 0 auto;
}
.section-6 .item:nth-child(3) .row:nth-child(2) > .img {
	flex: unset;
	width: auto;
	max-width: 100%;
}
.section-6 .item:nth-child(3) .row:nth-child(2) .row-text {
	padding-left: 50px;
	padding-top: 0;
	margin-top: -16px;
}


/* footer */
.footer {
	background: radial-gradient(#333143, #10101D);
}

.footer .footer-wrapper {
	padding: 74px 16px 30px;
}

.footer .footer-wrapper .wrapper {
	display: flex;
	gap: 16px;
	max-width: 1280px;
}

.footer .footer-sub {
    display: flex;
    justify-content: space-between;
    /*padding: 105px 0;*/
    padding: 38px 16px;
}

.footer .footer-sub .wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
	max-width: 1280px;
}

.footer .footer-wrapper .wrapper .support-link {
    display: block;
}

.footer .social-list .img {
	width: 40px;
}
.footer .social-list .item {
	margin-right: 32px;
}
.footer .left {
	flex: 2;
}
.footer .left .requisites {
	margin-top: 26px;
	max-width: 310px;
}
.footer .left .logo .img {
	height: 80px;
	width: auto;
}
.footer .left .logo + .row {
	margin-top: 50px;
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}
.footer .social-list {
	margin-top: 32px;
}
.footer .left .desc-2 {
	font-weight: 700;
	color: #A083F7;
	text-decoration: underline;
}
.footer .center {
	flex: 1;
	padding-top: 130px;
}
.footer .center .desc {
	margin-bottom: 18px;
	font-weight: 700;
}
.footer .center .nav {
	flex-direction: column;
	display: flex;
}

.footer .right {
	flex: 3;
	display: flex;
	align-items: flex-end;
	justify-content: center
}
.footer .right .img {
	width: auto;
}
.payment-method-list {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.payment-method-list .img {
	height: 24px;
	width: auto;
	margin-left: 20px;
}
.payment-method-list .img:first-child {
	transform: scale(1.5);
    margin-right: 10px;
}
.copyright-section {
	padding: 0 16px;
}
.copyright-section .wrapper {
	padding: 18px 0;
	display: flex;
	justify-content: space-between;
}

.copyright-requisites {
    display: flex;
    font-family: "Open Sans", sans-serif;
    /*flex-wrap: wrap;*/
}

.copyright-requisites .copyright {
    /*min-width: 50px;*/
}

.copyright-requisites .requisites {
    margin-left: 5px;
    flex: 1;
}
.designer-request {
	display: flex;
	justify-content: center;
	margin-bottom: 42px;
}
.designer-request a {
	display: table;
}


/* modal */
.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 5;
	padding: 0 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
.modal.active {
	visibility: visible;
	opacity: 1;
}
.modal .close {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	gap: 14px;
	display: flex;
	align-items: center;
}
.modal .close .img {
	width: 15px;
}
.modal .close .desc {
	color: #71717A;
}
.overlay {
	background: #161625;
	opacity: .65;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.modal .wrapper {
	position: relative;
	max-width: 740px;
	padding: 40px 0;
	margin: 0 auto;
	width: 100%;
	text-align: center;
    max-height: 100vh;
    overflow: auto;
	display: flex;
}
.modal.request-password-restore-modal .wrapper,
.modal.password-restore-modal .wrapper,
.modal.update-profile-modal .wrapper,
.modal.top2-modal .wrapper,
.modal.top-modal .wrapper {
	max-width: 416px;
}
.reg-modal .wrapper {
	flex-direction: row-reverse;
}
.modal form {
	margin-top: 40px;
}
.modal .title {
	font-size: 24px;
	line-height: 44px;
	font-weight: 700;
	color: #161625;
}
.modal .form-container {
	padding: 42px;
	border-radius: 24px;
	background: #FFFFFF;
	max-width: 416px;
	position: relative;
	z-index: 1;
	width: 100%;
	overflow: auto;
}

.request-password-restore-modal form button[type="submit"] {
    margin-top: 30px;
}

.update-profile-modal form button[type="submit"] {
    margin-top: 30px;
}

.request-password-restore-modal .restore-password-finish {
    display: none;
    /*height: 100%;*/
}


.password-restore-modal form button[type="submit"] {
    margin-top: 28px;
}


.modal .side {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex: 1;
}
.modal .side-wrapper {
	background: url('../img/side.png');
    background-size: cover;
    background-position: center;
	border-radius: 24px;
	padding: 24px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 120%;
	padding-left: calc(20% + 24px);
	min-height: 100%;
}
.reg-modal .side {
	justify-content: flex-start;
}
.reg-modal .side-wrapper {
	padding-left: 24px;
	padding-right: calc(20% + 24px);
}
.modal .side .button {
	margin: 40px auto 0;
}
.modal .side .desc {
	font-size: 24px;
	line-height: 34px;
}
label {
	position: relative;
	display: block;
}
label + label {
	margin-top: 18px;
}
input, textarea, .select2 {
	outline: 0;
	background: rgba(22, 22, 37, .1);
	border: 0;
	border-radius: 26px;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	padding: 17px 20px;
	width: 100%;
}
input::placeholder,
textarea::placeholder {
	color: #71717A;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    /*padding-left: 14px !important;*/
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    background: transparent;
    /*border: 1px solid #C1C1C1;*/
    border-radius: 8px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    line-height: 48px;
    padding: 9px 16px;
}
body .select2-container--default .select2-selection--single {
    background: transparent;
    border: 0;
    border-radius: 6px !important;
    height: 48px;
    width: 100%;
}
.select2-search--dropdown {
    display: none;
}
.select2-container {
    width: 100% !important;
    /*max-width: 80vw;*/
}
select.input + .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 11px;
    right: 12px;
    background: url('../img/arrow-down.svg');
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
}
.select2-container--open .select2-selection--single .select2-selection__arrow {
    transform: rotate(180deg);
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    opacity: 0;
}
.select2-container--open .select2-dropdown--below {
    border-radius: 6px;
    margin-top: 0px;
    overflow: hidden;
    box-shadow: none;
    transform: translateY(1px);
    border-top: 1px solid #AAABB6;
    /*max-width: 80vw;*/
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #AAABB6;
}
body .select2-container--default .select2-results__option--selected,
body .select2-results__option,
body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
body .select2-container--default .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__option[aria-selected=true] {
    background: transparent;
    color: #AAABB6;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    align-items: center;
    padding: 0 0 0 15px;
}
.select2-results__option {
    margin-top: 12px;
}
.select2-dropdown {
    background: #F0F2F3;
    border: 1px solid #AAABB6;
}
.select2-container--default .select2-results>.select2-results__options {
    padding-bottom: 12px;
    background: #F0F2F3;
}

.select2.select2-container  {
    width: 100% !important;
    padding: 2px 20px;
    margin-top: 12px;
}

.select2.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 13px;
}

.select2-container--default .select2-results > .select2-results__options {
    padding-bottom: 12px;
    background: #F0F2F3;
}

.select2-dropdown {
    background: #F0F2F3;
    border: 1px solid #AAABB6;
}

.select2.select2-container .select2-selection--single {
    background: #E5E9EA;
    border: 0;
}

.select2.select2-container .select2-selection .select2-selection__rendered {
    text-align: left;
    padding-left: 0;
}



input.input-error, textarea.input-error {
    border: 1px solid #e32929;
}

form label input ~ .error-message, form label textarea ~ .error-messag, form label .input-wrapper ~ .error-message {
    padding: 8px 0 0 0;
    display: flex;
    color: #d01313;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    justify-content: left;
}

.topUp-page form label .input-wrapper ~ .error-message {
    justify-content: center;
    padding-top: 14px;
}

.general-error {
    margin-top: 21px;
    color: #d01313;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   opacity: 0;
}
::placeholder {
	color: #000000;
}
label .desc.small {
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	display: none;
}
.link {
	color: #A083F7;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	cursor: pointer;
}
.link:hover {
	text-decoration: none;
}
.login-modal .link {
	margin-top: 24px;
	margin-bottom: 24px;
	display: table;
	margin: 24px 0 24px auto;
}
.modal .chekbox-container {
	font-size: 0;
}
.modal .chekbox-container input {
	display: none;
}
.modal .checkbox {
	position: relative;
	width: 26px;
	height: 26px;
	border-radius: 6px;
	background: #E8E8EA;
}
.modal .checkbox::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url('../img/check.svg');
	background-position: center;
	background-size: 16px;
	background-repeat: no-repeat;
	opacity: 0;
	transition: .3s;
}
.modal input:checked + .checkbox::before {
	opacity: 1;
}
.modal .chekbox-label {
	display: flex;
	align-items: center;
	cursor: pointer;
}
.modal .chekbox-label .desc {
	position: static;
	margin-left: 12px;
	color: #71717A;
	font-weight: 400;
	line-height: 21px;
	font-size: 14px;
	padding: 0;
	text-align: left;
	width: calc(100% - 40px);
	display: block;
}
.modal .chekbox-label .desc .link {
	line-height: 21px;
}
.modal .chekbox-container + .button {
	margin-top: 34px;
}
.reg-modal .chekbox-container {
	margin-top: 24px;
}
.top-modal .button {
	margin-top: 24px;
}
.top2-modal .chekbox-container {
	margin-top: 16px;
}
.top2-modal .title-amount, .top-modal .title-amount {
	margin: 24px 0 30px;
    font-size: 32px;
    line-height: 36px;
}
.top2-modal .payment-methods {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 12px;
	flex-wrap: wrap;
}
.top2-modal .payment-methods .button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 12px;
    font-size: 15px;
    max-width: 206px;
}
.top2-modal .payment-methods .img {
    height: 100%;
    max-height: 49px;
    width: auto;
    cursor: pointer;
}
.top2-modal .payment-methods .img__wrapper {
    max-width: 187.05px;
    width: 100%;
    background-color: #f24436;
}
.top2-modal .payment-methods .img.disabled, .top2-modal .payment-methods .img__wrapper.disabled, .payment-methods .img__wrapper:disabled {
    opacity: 0.5;
    cursor: auto;
}
.top-modal .title-amount.title-min-amount {
    font-size: 19px;
    line-height: 30px;
}
.cabinet-page {
	padding-top: 112px;
}
.cabinet-page .wrapper {
	position: relative;
	max-width: 1280px;
}
.cabinet-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255, 255, 255, 0.55);
}
.cabinet-top .nav .desc {
	padding-top: 28px;
	padding-bottom: 28px;
	padding-left: 76px;
	padding-right: 44px;
	border-bottom: 4px solid transparent;
	box-sizing: border-box;
	font-weight: 700;
	opacity: .5;
	display: inline-block;
	background-position: top 50% left 44px;
	background-size: 20px;
	background-repeat: no-repeat;
}
.cabinet-top .nav .desc.active {
	opacity: 1;
}
.cabinet-top .nav .profile-desc {
	background-image: url('../img/pictorios/myProject.svg');
}
.cabinet-top .nav .profile-desc.active {
	background-image: url('../img/pictorios/myProjectActive.svg');
}
.cabinet-top .nav .payment-desc {
	background-image: url('../img/pictorios/paymentHistory.svg');
}
.cabinet-top .nav .payment-desc.active {
	background-image: url('../img/pictorios/paymentHistoryActive.svg');
}
.cabinet-top .nav .request-desc {
	background-image: url('../img/pictorios/requestHistory.svg');
}
.cabinet-top .nav .request-desc.active {
	background-image: url('../img/pictorios/requestHistoryActive.svg');
}
.cabinet-page .desc.big {
	font-size: 24px;
	line-height: 44px;
	padding: 48px 0 42px;
	text-align: center;
}
.topUp-page .desc.big {
	padding-bottom: 16px;
}
.cabinet-page .desc.big + .desc {
	text-align: center;
}

.cabinet-page .top .link {
	display: flex;
	align-items: center;
	text-decoration: none;
}
.cabinet-page .top .link .img {
	width: 21px;
}
.cabinet-page .top .link .desc {
	margin-left: 14px;
	font-size: 14px;
	line-height: 18px;
	color: #959798;
	text-decoration: none;
}
.cabinet-page .top .title {
	margin-left: 150px;
}
.text-page .top .title {
	margin-left: 0;
}
.text-page .text {
	padding-bottom: 48px;
}
.cabinet-page .new-request .top {
	justify-content: center;
	position: relative;
}
.topUp-page .top {
	max-width: 600px;
	margin: 0 auto;
	padding-bottom: 16px;
}
.cabinet-page .new-request .top .title {
	margin-left: 0;
}
.points-img {
	width: 18px;
}
.cabinet-page .top .left {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.cabinet-content {
	position: relative;
	display: flex;
	max-width: 1300px;
	margin: 0 auto;
	padding-bottom: 176px;
}
.topUp-page .cabinet-content {
	max-width: 600px;
}
.cabinet-content > div {
	width: 100%;
}
.cabinet-content .user-info .icon {
	width: 86px;
	height: 86px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #E5E9EA;
	border-radius: 100%;
	margin: 0 auto;
}
.cabinet-content .user-info .img {
	width: 38px;
}
.cabinet-content .user-info .name {
	margin-top: 24px;
	font-size: 18px;
	line-height: 21px;
}
.cabinet-content .user-info .email {
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	margin-top: 10px;
}
.cabinet-content .user-info .nav {
	display: table;
	margin: 65px auto 0;
}
.cabinet-content .user-info .link {
	display: table;
	text-decoration: none;
	font-weight: 700;
	color: #000000;
	margin-bottom: 24px;
	padding-left: 28px;
	position: relative;
}
.cabinet-content .user-info .link:before {
	content: '';
	width: 10px;
	height: 10px;
	left: 4px;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	background-image: url('../img/arrow-yellow.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.carousel-container {
	width: 100%;
}
.cabinet-content .left {
	width: 30%;
}
.cabinet-content .left-wrapper {
	background: #FFFFFF;
	border-radius: 14px;
	padding: 48px 30px 66px;
}
.cabinet-content .left-wrapper + .button {
	display: table;
	margin: 42px auto 0;
}
.cabinet-content .right {
	width: calc(84% - 36px);
	margin-left: 36px;
}
.cabinet-content .request-right {
	width: 100%;
	padding: 40px;
	margin-left: 0;
	background: #FFFFFF;
	border-radius: 14px;
}
.cabinet-content .request-history {
	background: transparent;
	padding: 0;
}
.cabinet-content-wrapper {
	width: 100%;
}
.cabinet-content-wrapper .list {
	display: flex;
	flex-wrap: wrap;
	gap: 26px;
}
.cabinet-content-wrapper .list .item {
	position: relative;
	width: calc((100% - 104px) / 5);
	overflow: hidden;
	border-radius: 12px;
	height: 0;
	padding: 0;
	padding-top: calc((100% - 104px) / 5);
	text-transform: unset;
}
.cabinet-content-wrapper .list .item .item-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	background: gray;
}
.cabinet-content-wrapper .list .item.button .button-wrapper {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	width: 100%;
}
.cabinet-content-wrapper .list .item.button {
	border-color: #A083F7;
	background: linear-gradient(#333143, #161625);
	min-width: 0;
}
.cabinet-content .new-request .right-wrapper {
	margin-top: 0;
	background: transparent;
	border-radius: 0;
	max-height: unset;
	padding: 0;
}
.cabinet-content .request-history .right-wrapper {
	padding: 30px;
}
.cabinet-content .right-wrapper .title {
	font-size: 18px;
	line-height: 24px;
}
.cabinet-content .right .img-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 40px;
}
.cabinet-content .user-info {
	text-align: center;
}
.cabinet-content .balance-container .profile-actions {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 3px solid #E5E9EA;
    display: flex;
    flex-direction: column;
}
.cabinet-content .balance-container .profile-actions .button:first-child {
    margin-top: 0;
}
.cabinet-content .balance-container .design-requests {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 40px;
    border-radius: 24px;
    background-color: #E5E9EA;
    color: #000000;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 13px;
}
.cabinet-content .balance-container .design-requests .amount {
    font-size: 18px;
    font-weight: 600;
}
.cabinet-content .balance {
	text-align: center;
	flex: 1;
}
.cabinet-content .balance .desc {
	font-weight: 700;
}
.cabinet-content .balance .title {
	margin-top: 21px;
}
.cabinet-content .balance-container .button {
    padding: 12px;
    max-width: 200px;
	width: 100%;
    margin: 20px auto 0;
	min-width: 0;
}
.cabinet-content .nav {
	margin-top: 25px;
}
.cabinet-content .nav .link {
	font-size: 14px;
	font-weight: 700;
	line-height: 40px;
	padding: 0 32px;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 24px;
	display: inline-block;
}
.cabinet-content .nav .link.active {
	background: #D1D5D6;
}
.cabinet-content .right .item .img {
	width: 100%;
	border-radius: 14px;
}
.cabinet-content .right .item,
.cabinet-content .right .item a {
	display: flex;
	justify-content: center;
	align-items: center;
}
.cabinet-content .right .item .plus {
	width: 16px;
	margin-right: 9px;
}
.cabinet-content .right .item .desc {
	font-size: 14px;
	font-weight: 700;
}
.cabinet-content .right .list {
	display: grid;
	gap: 18px;
	grid-template-columns: 1fr 1fr 1fr;
	margin-top: 24px;
}
.cabinet-content .request-left {
	width: 100%;
}

.cabinet-content .request-left form {
    display: flex;
    flex-direction: column;
	background: #FFFFFF;
	border-radius: 14px;
	display: flex;
	justify-content: space-between;
	padding: 30px 40px;
    row-gap: 35px;
}

.cabinet-content .request-left form .preview-container {
    display: flex;
    justify-content: center;
}

.cabinet-content .request-left form .preview-container[wire\:loading] {
    display: none;
}

.cabinet-content .request-left form .preview-container .ph-item {
    flex: 1;
    border: 0;
    justify-content: center;
    padding-right: 0;
    padding-left: 0;
}

.cabinet-content .request-left form .preview-container .ph-item[wire\:loading] {
    display: none;
}

.cabinet-content .request-left form .preview-container .ph-item .ph-col-6 {
    align-items: center;
    padding-right: 0;
    padding-left: 0;
}

.cabinet-content .request-left form .preview-container .ph-item .ph-col-6  .ph-picture{
    max-width: 320px;
    height: 320px;
}

.cabinet-content .request-left form .preview-container > img {
    max-width: 320px;
}

.cabinet-content .request-left form .preview-container.huj {
    width: 3240px;
}


.cabinet-content .request-left form .form-wrapper .request-price {
    font-family: "Open Sans", sans-serif;
    display: flex;
    margin-top: 20px;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px
}

.cabinet-content .request-left form.premium-request-form .form-wrapper .actions {
    /*display: flex;*/
    /*margin-top: 18px;*/
    /*flex: 1;*/
    display: flex;
    margin-top: 18px;
    flex: 1;
    justify-content: flex-end;
}

.cabinet-content .request-left form:not(.premium-request-form) .form-wrapper .actions {
    display: flex;
    column-gap: 10px;
}


.cabinet-content .request-left form.premium-request-form .form-wrapper {
    flex-direction: column;
}

.cabinet-content .request-left form.premium-request-form .form-wrapper .actions .button {
    align-self: flex-end;
    width: 250px;
}

.cabinet-content .request-left form .form-wrapper .request-error .input-wrapper {
    margin-top: 6px;
}


.cabinet-content .request-left label {
	flex: 1;
	display: flex;
    flex-direction: row;
	/*align-items: center;*/
}

.cabinet-content .request-left label .input-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    /*align-items: center;*/
}

.cabinet-content .request-left input {
	margin-top: 0;
}
.cabinet-content .request-left label .desc {
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    min-width: 165px;
    margin-top: 18px;
	margin-right: 16px;
}
.cabinet-content .request-left form .form-wrapper {
    display: flex;
    flex: 1;
	text-align: center;
}
.cabinet-content .request-left .button {
	min-width: 166px;
}
.cabinet-content .request-left .info .img {
	width: 24px;
	margin-right: 14px;
}
.cabinet-content .request-left .info .desc {
	color: #959798;
	font-size: 14px;
	line-height: 24px;
}
.cabinet-content .request-left .info {
	max-width: 950px;
	margin: 0 auto;
	padding: 20px;
	display: flex;
	align-items: flex-start;
}
.cabinet-content .books {
	width: 60%;
}
.cabinet-content .ai {
	width: 100%;
	margin-top: 46px;
	text-align: center;
}
.cabinet-content .ai .desc {
	color: #161625;
}
.cabinet-content .ai .button {
	width: 307px;
    align-self: center;
	margin-top: 40px;
	padding: 20px;
}
.cabinet-content table {
	border-collapse: separate; 
	border-spacing: 0 4px; 
}

.cabinet-content td {
	padding: 18px 22px;
	font-size: 14px;
	vertical-align: middle;
	color: #161625;
	background: #FFFFFF;
}
.cabinet-content thead td {
	font-size: 14px;
	line-height: 18px;
	padding: 18px 22px;
	color: #161625;
	font-weight: 700;
}


.cabinet-content td:first-child {
	width: 20%;
	border-radius: 12px 0 0 12px;
}

.cabinet-content td:nth-child(2) {
	width: 20%;
}
.cabinet-content td:last-child {
	text-align: right;
	border-radius: 0 12px 12px 0;
}

.cabinet-content .payment-table-container table, .cabinet-content .request-table-container table {
    width: 100%;
}

.cabinet-content .payment-table-container table, .cabinet-content .request-table-container table .ph-item {
    border: 0;
    padding: 0;
    margin-bottom: 0;
}

.cabinet-content .payment-table-container table, .cabinet-content .request-table-container table .ph-item .ph-col-6 {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}

.cabinet-content .payment-table-container table, .cabinet-content .request-table-container table .ph-picture {
    height: 100px;
    width: 100px;
}


.cabinet-content .payment-table-container td:first-child {
    width: 20%;
}

.cabinet-content .payment-table-container td:nth-child(2) {
    width: 30%;
}

.cabinet-content .payment-table-container td:last-child {
    width: 50%;
}


.cabinet-content td .img {
	width: 100px;
}
.cabinet-content-history {
	padding: 0;
	display: block;
	padding-bottom: 42px;
}
.cabinet-content-history table {
	width: 100%;
}
.cabinet-content .pagination {
	margin-top: 38px;
	display: flex;
	justify-content: flex-end;
}
.cabinet-content .pagination .item {
	font-size: 14px;
	line-height: 28px;
	width: 33px;
	text-align: center;
	margin: 0 1px;
}
.cabinet-content .pagination .item.active {
	font-weight: 700;
}
.cabinet-content .pagination .arrow {
	background-image: url('../img/arrow.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 33px;
	height: 28px;
}
.cabinet-content .pagination .arrow.next {
	transform: scale(-1);
	margin-left: 6px;
}
.cabinet-content .pagination .arrow.prev {
	margin-right: 6px;
}
.cabinet-page .main {
	padding: 0 16px;
	position: relative;
}
.cabinet-page .main::before {
	content: '';
	width: 100%;
	height: 70%;
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(#333143, #161625);
}
.text {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 24px;
}
.text .desc {
	margin-top: 36px;
	width: 100%;
}
.text .desc + .desc {
	margin-top: 48px;
}
.text .desc.short {
	margin-top: 48px;
	width: 50%;
}
.text .desc.short {
	padding-right: 18px;
}
.text .desc.short + .desc.short {
	padding-left: 18px;
	padding-right: 0;
}
.text .desc b {
	line-height: 200%;
}

.text p {
    display: block;
    width: 100%;
}

/*
.download-img-wrapper .input-container {
    margin-bottom: 10px;
}
*/

.download-img-wrapper .input-container:nth-child(2) {
    margin-bottom: 10px;
}

.download-img-wrapper .input-container .select2.select2-container {
    height: auto;
    padding: 2px 10px
}

.download-img-wrapper .input-container .select2-container--default .select2-selection--single {
    height: auto;
}

.download-img-wrapper .input-container .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 3px 16px;
}

.request-table-container .button {
    min-width: 140px;
    font-size: 12px;
    line-height: 5px;
}

.header .select2-container {
    width: auto !important;
}
.header .select2-container--default .select2-selection--single {
    background: transparent;
    border: 0 !important;
}
.header .select2-container--default .select2-selection--single .select2-selection__placeholder,
.header .select2-container--default .select2-selection--single .select2-selection__rendered,
.header .select2-results__option {
    /*font-family: 'minecraftRegular';*/
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    background: transparent !important;
}
body .header .select2-container--default .select2-results__option--selected, body .select2-results__option, body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable, body .select2-container--default .select2-results__option--highlighted[aria-selected], body .select2-container--default .select2-results__option[aria-selected="true"] {
    color: #000000;
}
.lang.select2-dropdown .select2-search--dropdown {
    display: none !important;
}
.lang.select2-dropdown {
    background: transparent !important;
    border: 0 !important;
}
.select2-container--default .lang .select2-results > .select2-results__options {
    background-color: transparent;
}

.select2-container--default .lang .select2-results > .select2-results__options {
    background-color: transparent;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.select-menu {
    max-width: 330px;
    color: #fff;
    /*margin: 50px auto;*/
}
.select-menu .select-btn {
    font-family: "Open Sans", sans-serif;
    display: flex;
    height: 55px;
    /*background: #fff;*/
    padding: 20px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    border-radius: 8px;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);*/
}
.select-menu .options {
    position: absolute;
    /*width: 330px;*/
    overflow-y: auto;
    max-height: 295px;
    padding: 10px;
    padding-top: 0;
    /*margin-top: 10px;*/
    border-radius: 8px;
    /*background: #fff;*/
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-duration: 0.35s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.35s;
    -webkit-animation-fill-mode: both;
}
.select-menu .options:not(.active) {
    display: none;
}
.select-menu .options .option {
    display: flex;
    height: 38px;
    cursor: pointer;
    padding: 0 16px;
    border-radius: 8px;
    align-items: center;
    padding-left: 10px;
    /*background: #fff;*/
}
/*.select-menu .options .option:hover {*/
/*    background: #f2f2f2;*/
/*}*/
.select-menu .options .option i {
    font-size: 25px;
    margin-right: 12px;
}
.select-menu .options .option .option-text {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    color: #000;
}

.select-btn i {
    font-size: 25px;
    transition: 0.3s;
}

.select-menu.active .select-btn i {
    transform: rotate(-180deg);
}
.select-menu.active .options {
    display: block;
    opacity: 0;
    z-index: 10;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 0.4s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    background: #efefef;
}

.premium-request-button {
    display: flex;
    align-items: center;
    column-gap: 16.37px;
    min-width: 224px;
    background-color: #FFFFFF;
    padding: 6px 0;
    border-radius: 8px;
    border: 1px solid #C1C1C1;
}

.premium-request-button img {
    width: 18.67px;
    height: 18px;
    margin-left: 18.96px;
}

.premium-request-button .premium-request-button__text {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 800;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
}
.premium-request-button .premium-request-button__text .premium-text {
    color: #FFC733;
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0, 30px, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes fadeInDown {
    from {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    to {
        transform: translate3d(0, 20px, 0);
        opacity: 0;
    }
}

/* new css */

.topUp-page .cabinet-content .right-wrapper {
    margin-top: 0;
    padding: 10px;
}
.topUp-page .cabinet-content .right-wrapper .desc {
    padding: 28px 22px 22px;
    font-size: 14px;
    line-height: 22px;
}
.topUp-page .cabinet-content .left label {
    max-width: 252px;
    margin: 0 auto;
}
.topUp-page .cabinet-content .left .modal label {
    max-width: unset;
    margin: unset;
}
.topUp-page .cabinet-content .left .button.button.white {
    padding: 12px;
    max-width: 200px;
    width: 100%;
    margin: 20px auto 0;
    min-width: 0;
}
.topUp-page .cabinet-content .left .button-list {
    margin-top: 32px;
}
.topUp-page .cabinet-content .left .button-list .button {
    width: 100%;
    max-width: 252px;
    display: block;
    margin: 0 auto;
}
.topUp-page .cabinet-content .left .button-list .button + .button {
    margin-top: 24px;
}
.topUp-page .divider-or {
    margin: 28px auto 32px;
    position: relative;
}
.topUp-page .divider-or::before {
    content: '';
    height: 3px;
    width: 100%;
    background: #E5E9EA;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.topUp-page .divider-or .desc {
    display: table;
    padding: 0 14px;
    position: relative;
    margin: 0 auto;
}
.amount-form {
	background: #fff;
	max-width: 450px;
	width: 100%;
	margin: 0 auto;
	border-radius: 24px;
	padding: 32px 16px;
	text-align: center;
}
.amount-form .button {
	margin-top: 24px;
}
.amount-form .input-wrapper {
	max-width: 330px;
	margin: 0 auto;
}
.topUp-page .button-list {
	flex-wrap: wrap;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}
.topUp-page .button-list .button {
	min-width: 144px;
	text-transform: unset;
	border-radius: 12px;
	background: linear-gradient(#333143, #161625);
	border: 1px solid #333042;
	box-shadow: none;
}
.table-container {
	overflow: auto;
}

/* new css end */

/* media */

@media screen and (max-width: 1200px) {
	.title.big {
		font-size: 56px;
		line-height: 76px;
	}
	.home-page .hero-section {
		padding: 164px 16px 215px;
	}
}
@media screen and (max-width: 1100px) {
	.footer .social-list .item {
		margin-bottom: 16px;
    	display: inline-block;
	}
	.footer .block-1 .desc {
		margin-top: 40px;
	}
	.footer .block-2 {
		width: 20%;
	}
	.cabinet-content .carousel-container {
		padding-right: 24px;
		padding-left: 64px;
	}
	.cabinet-content .balance {
		padding-left: 0;
	}
	.cabinet-content .request-left {
		padding-top: 0;
	}
	.cabinet-content .request-left .info {
		margin-top: 24px;
	}
	.cabinet-content-container {
	}
	.cabinet-content td:nth-child(2) {
		width: 10%;
	}
	.section-6 {
		padding-top: 46px;
		padding-bottom: 46px;
	}
	.header {
		padding: 16px;
	}
	.footer .footer-wrapper {
		padding: 0;
	}
	.footer .left .logo + .row {
		justify-content: center;
		margin-top: 24px;
	}
	.footer .left .requisites {
		margin: 26px auto 0;
	}
	.cabinet-page {
		padding-top: 77px;
	}
	.cabinet-top .nav .desc {
		padding: 0 18px 0 32px;
		background-position: top 50% left 0;
	}
	.cabinet-top .nav {
		padding: 16px 0;
	}
}

@media screen and (max-width: 768px) {
	.title {
		font-size: 32px;
		line-height: 42px;
	}
	.header .button {
		min-width: 0;
	}
	.header .wrapper {
		flex-direction: column;
		align-items: center;
	}
	.header .right {
		width: 100%;
		gap: 16px;
	}
	.home-page .hero-section .wrapper {
		flex-direction: column;
	}
	.home-page .hero-section .cube {
		display: none;
	}
	.home-page .hero-section .left {
		width: 100%;
		text-align: center;
	}
	.home-page .hero-section .right {
		width: 100%;
		margin-top: 24px;
	}
	.home-page .hero-section .right {
		padding: 26px 32px;
	}
	.home-page .hero-section .button {
		margin-top: 24px;
	}
	.home-page .hero-section {
		padding-bottom: 74px;
		padding-top: 124px;
	}
	.home-page .section-3 {
		padding-bottom: 40px;
	}
	.home-page .section-3 .wrapper .item {
		transform: scale(.6);
	}
	.home-page .section-3 .wrapper .slick-current.slick-center + .slick-slide .item {
		transform: scale(.6) translateX(-320px);
	}
	.home-page .section-3 .wrapper .before-current .item {
		transform: scale(.6) translateX(320px);
	}
	.home-page .section-3 .wrapper .slick-current.slick-center + .slick-slide + .slick-slide .item {
		transform: scale(.4) translateX(-1000px);
	}
	.home-page .section-3 .wrapper .before-before-current .item {
		transform: scale(.4) translateX(1000px);
	}
	.home-page .section-3 .wrapper .slick-current.slick-center .item {
		transform: scale(1);
	}
	.home-page .section-2 {
		padding-top: 0;
	}
	.hero-section .title b {
		font-size: 42px;
		line-height: 54px;
	}
	.home-page .section-2 .shapes {
		display: none;
	}
	.home-page .section-2 .block-1 {
		width: 100%;
	}
	.home-page .section-2 .block-2 .divider {
		max-height: 120%;
	}
	.home-page .section-2 .block-num .desc,
	.home-page .section-2 .block-4 .desc {
		margin-top: 0;
	}
	.home-page .section-3 .block-1,
	.home-page .section-3 .row:nth-child(2) .block-1,
	.home-page .section-3 .row:nth-child(3) .block-1 {
		width: 100%;
		padding-left: 0;
	}
	.home-page .section-3 .icon {
		margin: 0 auto;
	}
	.home-page .section-3 .shapes2,
	.home-page .section-3 .shapes3 {
		display: none;
	}
	.home-page .section-3 .block-2 {
		width: 100%;
		text-align: center;
		padding-left: 0;
		margin-top: 24px;
	}
	.home-page .section-3 .desc.small {
		margin: 24px auto 0;
	}
	.home-page .section-4 {
		padding: 32px 16px 48px;
	}
	.home-page .section-4 .logo {
		margin-top: 32px;
	}
	.slick-arrow {
		width: 50px;
		height: 50px;
		left: -50px;
		background-size: 18px 40px;
	}
	.slick-next {
		left: auto;
		right: -50px;
	}
	.footer {
		padding: 32px 16px;
	}
	.footer .wrapper {
		flex-direction: column;
		text-align: center;
	}
	.footer .block-1 {
		width: 100%;
		padding-right: 0;
	}
	.footer .social-list .item {
		margin: 0 8px 16px;
	}
	.footer .block-1 .desc {
		margin-top: 16px;
	}
	.footer .block-2 {
		width: 100%;
		margin-top: 32px;
		padding: 0;
	}
	.footer .block-2 .item,
	.footer .block-2 .item:last-child {
		margin: 0 auto 16px;
	}
	.footer .block-3 {
		width: 100%;
		margin-top: 32px;
		padding: 0;
	}
	.footer .block-3 .desc-3 {
		margin-top: 16px;
	}
	.footer .block-4 {
		width: 100%;
		padding: 0;
		margin-top: 32px;
		text-align: center;
	}
	.footer .payment-method-list {
		margin-top: 24px;
		justify-content: center;
	}

    .footer .footer-sub .wrapper .payment-method-list {
        margin-bottom: 15px;
    }

	.footer .footer-sub .wrapper .copyright {
		order: 2
	}

	.cabinet-page .main {
		padding-bottom: 32px;
	}
	.cabinet-content {
		flex-direction: column;
		margin-top: 16px;
	}
	.cabinet-content .left {
		width: 100%;
	}
	.cabinet-content .user-info .name {
		margin-top: 16px;
	}
	.cabinet-content .user-info .nav {
		margin: 24px auto 0;
	}
	.cabinet-content .right {
		width: 100%;
		padding-left: 0;
		margin-left: 0;
	}
	.cabinet-content .balance-container {
		flex-direction: column;
		padding: 24px 0 0;
	}
	.cabinet-content .balance-container .button {
		margin: 24px auto 0;
		max-width: 180px;
	}
	.cabinet-page .top {
		padding: 24px 16px 18px;
	}
	.cabinet-page .top .title {
		margin-left: 32px;
	}
	.cabinet-content .carousel-container {
		padding: 32px 32px 0;
	}
	.cabinet-content .request-left {
		padding-top: 16px;
	}
	.cabinet-page .shapes4 {
		display: none;
	}
	.cabinet-content .request-right {
		padding-top: 32px;
		flex-direction: column;
	}
	.cabinet-content .request-left form .form-wrapper {
		width: 100%;
		max-width: 320px;
		margin: 0 auto;
	}
    .cabinet-content .request-left form .form-wrapper .request-price {
        padding-left: 0;
        margin-right: 0;
        justify-content: center;
    }
	.cabinet-content .books {
		width: 100%;
	}
	.cabinet-content .ai {
		width: 100%;
		padding-left: 0;
		padding-top: 24px;
		text-align: center;
	}
	.cabinet-content .ai .button {
		margin-top: 24px;
	}
	.cabinet-content .pagination {
		flex-wrap: wrap;
	}
	.cabinet-content-history .table-container {
		overflow: auto;
	}
	.cabinet-content thead td {
		padding: 12px;
	}
	.cabinet-content td:first-child {
		width: auto;
		padding-left: 16px;
	}
	.cabinet-content td:last-child {
		width: auto;
		padding-right: 16px;
	}

	.cabinet-content tbody td:last-child {
		width: auto;
		padding-right: 16px;
	}
	.cabinet-content-history table {
		min-width: 600px;
	}
	.text .desc.short {
		width: 100%;
		padding-right: 0;
	}
	.text .desc.short + .desc.short {
		padding-left: 0;
	}
	.text {
		padding-bottom: 0;
	}
	.modal .wrapper {
		display: block;
	}
	.modal .form-container {
		max-width: 100%;
	}
	.modal .form-container {
		width: 100%;
		padding: 24px;
	}
	.reg-modal .side-wrapper {
		padding: 24px;
		width: 100%;
	}
	.modal form {
		margin-top: 32px;
	}
	label + label {
		margin-top: 24px;
	}
	.login-modal .link {
		margin: 16px auto;
	}
	.modal .chekbox-container {
		width: 100%;
	}
	.modal .chekbox-label .desc {
		width: auto;
	}
	.modal .chekbox-label {
		justify-content: center;
	}
	.modal .chekbox-container + .button {
		margin-top: 24px;
	}
	.modal .form-container {
		min-height: 0;
	}
	.modal .side {
		width: 100%;
		min-height: 0;
		margin-top: 16px;
	}
	.modal .side-wrapper {
		padding: 24px;
		min-width: 100%;
	}
	.modal .side .desc {
	}
	.modal .button.white {
	}
	.modal .close {
		top: 8px;
	}
	.reg-modal .side {
		order: 2;
	}
	.home-page .hero-section .button {
		width: 240px;
	}
	.home-page .section-2 .wrapper {
		flex-direction: column;
	}
	.home-page .section-2 .left {
		width: 100%;
	}
	.home-page .section-2 .wrapper .main-img {
		display: none;
	}
	.home-page .section-2 .desc.big {
		font-size: 21px;
		line-height: 28px;
	}
	.home-page .section-2 .right {
		padding-left: 0;
		width: 100%;
	}
	.home-page .section-2 .list {
		display: block;
	}
	.home-page .section-2 .list .item {
		margin-bottom: 24px;
	}
	.home-page .section-3 .wrapper{
		display: block;
	}
	.home-page .section-3 .title {
		transform: none;
		font-size: 48px;
		line-height: 56px;
		height: auto;
	}
	.home-page .section-4 .desc.big {
		font-size: 21px;
		line-height: 28px;
	}
	.home-page .section-4 .wrapper {
		flex-direction: column;
	}
	.home-page .section-2 {
		padding-bottom: 40px;
	}
	.home-page .section-2 .list {
		margin-top: 76px;
	}
	.home-page .section-3 .slick-slider {
		width: 100%;
	}
	.home-page .section-4 .item,
	.home-page .section-4 .item:nth-child(2) {
		margin-bottom: 42px;
	}
	.home-page .section-4 .item .title {
		font-size: 48px;
		line-height: 56px;
	}
	.home-page .section-4 .item:nth-child(3) {
		margin-bottom: 48px;
	}
	.footer .wrapper {
		padding-bottom: 0;
		padding-top: 0;
	}
	.footer .left {
		width: 100%;
	}
	.footer .center {
		width: 100%;
		margin-top: 0;
		padding-top: 0;
	}
	.ter-sub {
		padding: 0;
	}
	.footer .right {
		display: none;
	}
	.footer .right .item,
	.footer .right .item:last-child {
		margin: 0 auto 24px;
	}
	.cabinet-page .top .left {
		position: static;
		transform: none;
	}
    .cabinet-page .top .right {
        position: static;
        transform: none;
        display: flex;
        justify-content: center;
        margin: 24px auto 0;
    }
	.cabinet-page .top {
		display: block;
		margin-bottom: 0;
		padding: 0;
	}
	.cabinet-page .top .left {
		width: 100%;
	}
	.cabinet-page .top .link {
		justify-content: center;
	}
	.cabinet-page .top .title {
		text-align: center;
		margin: 24px auto 0;
	}
	.text-page .top .title {
		text-align: left;
	}
	.cabinet-content .nav {
		text-align: center;
		margin-top: 24px;
	}
	.cabinet-content .right-wrapper {
		padding: 16px;
	}
	.cabinet-content .right .list {
		display: block;
	}
	.cabinet-content .right-wrapper {
		max-height: unset;
	}
	.cabinet-content .right-wrapper .title {
		text-align: center;
	}
	.cabinet-content .right .item, .cabinet-content .right .item a {
		margin-bottom: 16px;
	}
	.cabinet-content table {
		min-width: 500px;
	}
	.cabinet-content .request-left form .form-wrapper {
		flex-direction: column;
	}

	.cabinet-content .request-left label {
		flex-direction: column;
		padding-right: 0;
	}

	.cabinet-content .request-left label .desc {
		margin-right: 0;
		margin-bottom: 16px;
	}

    .cabinet-content .request-left form .form-wrapper.request-error .input-wrapper {
        margin-top: 0;
    }

	.cabinet-content .request-left .button {
		margin-top: 16px;
	}
	.cabinet-content .request-left .info {
		margin-top: 0;
	}
	.cabinet-content .request-right {
		padding: 16px;
	}
	.cabinet-content .right .img-list {
		grid-template-columns: 1fr 1fr;
		gap: 16px;
	}
	.cabinet-content .ai {
		margin-top: 0;
	}
	.cabinet-content .ai .button {
		width: 200px;
	}

    .copyright-requisites {
        flex-direction: column;
    }

    .copyright-requisites .requisites {
        margin-bottom: 5px;
        margin-left: 0;
    }
	.footer .footer-sub {
		padding: 0;
	}

    .top2-modal .payment-methods {
        flex-direction: column;
        row-gap: 12px;
        align-items: center;
    }

    .top2-modal .payment-methods .img, .top2-modal .payment-methods .button, .top2-modal .payment-methods .img {
        max-width: 187.05px;
    }
    .select-menu {
        margin: 0;
    }
    .cabinet-content .request-left form .form-wrapper.premium-request-form button[type="submit"] {
        align-self: stretch;
        width: auto;
        margin-right: 0;
    }

    .cabinet-content .request-left form.premium-request-form .form-wrapper .actions {
        flex-direction: column;
    }

    .cabinet-content .request-left form:not(.premium-request-form) .form-wrapper .actions {
        flex-direction: column;
    }

    .cabinet-content .request-left form .form-wrapper .actions button {
        min-width: auto;
    }

    .cabinet-content .request-left form.premium-request-form .form-wrapper .actions button.button {
        width: auto;
        align-self: stretch;
        margin-right: 0;
    }
	.header .logo .img {
		display: none;
	}
	.cabinet-content {
		padding-bottom: 40px;
	}
	.cabinet-content-wrapper .list .item {
		width: calc(50% - 13px);
		padding-top: calc(50% - 13px);
	}
	.section-6 .item:first-child .row-text {
		padding-top: 32px;
		padding-left: 32px;
	}
	.section-6 .item:nth-child(2) {
		margin-top: 40px;
	}
	.section-6 .item:nth-child(2) .row-text {
		padding-left: 12px;
		padding-bottom: 32px;
	}
	.section-6 .item:nth-child(2) .row + .row:nth-child(3) {
		padding: 0;
	}
	.section-6 .item:nth-child(2) .row + .row:nth-child(4) {
		padding: 0;
	}
	.section-6 .item + .item + .item {
		margin-top: 40px;
	}
	.section-6 .item:nth-child(3) .row:nth-child(2) .row-text {
		padding-top: 32px;
		padding-bottom: 32px;
	}
	.section-6 .item .row {
		flex-wrap: wrap;
	}
}
.desc.pointed {
    display: flex;
    align-items: center;
    justify-content: center;
	gap: 6px;
}

.balance-container {
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
}
.balance {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 30px;
	border: 1px solid #333042;
	background: linear-gradient(#333143, #161625);
	padding: 9px 16px 9px 22px;
	gap: 24px;
}

.balance-container .balance-dropdown-container {
	padding-top: 10px;
	position: absolute;
	right: 0;
	top: 100%;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
.balance-container:hover .balance-dropdown-container {
	opacity: 1;
	visibility: visible;
}
.balance-container .balance-dropdown {
	padding: 14px 18px 12px;
	border: 1px solid #333042;
	background: #161625;
	border-radius: 12px;
}
.balance-container .balance-dropdown .link {
	line-height: 24px;
}
.balance-container .balance-dropdown .amount {
	margin-top: 6px;
	display: block;
}
.balance-container .balance-dropdown .small {
	font-size: 12px;
	line-height: 14px;
}
.balance-container .balance-dropdown .design-requests {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #333042;
}
.balance .plus {
	width: 18px;
}
.button.pointed img {
    width: 16px;
    height: 16px;
    margin-right: 4px;
}
b.pointed {
    display: flex;
    align-items: center;
	justify-content: flex-end;
	gap: 6px;
}
b.pointed img {
    width: 23px;
    height: 23px;
    margin-right: 3px;
}
table.full {
    width: 100% !important;
}

/* COOKIE POPUP */
.cookie-popup {
    position: fixed;
    left: 30px;
    bottom: 30px;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.8);
    padding: 15px 20px;
    color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .11);
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, .11);
    max-width: 500px;
    font-family: "Open Sans", sans-serif;
}
.cookie-popup .title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 24px;
    padding-top: 12px;
}
.cookie-popup .text {
    margin-bottom: 15px;
    line-height: 24px;
    display: block;
}
.cookie-popup .text.first {
    margin-bottom: -15px;
}
.cookie-popup .text.bold {
    font-weight: bold;
}
.cookie-popup .text a {
    font-size: 16px;
    font-weight: 600;
    color: #cdc4ff;
}
.cookie-popup .btns {
    text-align: right;
    margin-bottom: 15px;
}
.cookie-popup button {
    cursor: pointer;
    min-width: 120px;
}
.footer .apple-pay {
    filter: brightness(0) invert(1);
    height: 22px;
}
.footer .google-pay {
    height: 55px;
}
.button.applepay {}
.button.applepay img {
    height: 30px;
    position: relative;
    filter: brightness(0) invert(1);
}
.button.googlepay img {
    height: 30px;
    position: relative;
}