body.lock {
    overflow: hidden;
}

.header{
    min-height: 80px;
    padding: 17px 0px;
    color: var(--white);
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 300;
}

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

.btn--md{
    padding: 8px 25px;
}

.btn.btn-hover{
    border-radius: 12px;
}

.btn.btn-hover:hover{
    border: 2px solid #FFFFFF;
}

.login-block a:first-child {
    margin-right: 10px;
}

.login-block{
    display: flex;
}

.header__nav{
    display: flex;
}

.header__logo , .header__logo-burger{
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 30px;
    color:  #FFFFFF;
}

.header__logo svg, .header__logo-burger svg{
    margin-right: 15px;
}

.header__logo-burger {
    margin-bottom: 30px;
}

.header__nav-mobail{
    position: fixed;
    left: 100%;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
    z-index: 200;
    border-top: 0;
    color: #FFFFFF;
    transition: all .2s ease;
}

.header__container{
    display: flex;
    padding-top: 100px;
    height: 100%;
    overflow: auto;
    flex-direction: column;
    align-items: center;

}

.header__nav-mobail.active{
    left: 0;
}

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

.header__nav a {
    font-style: normal;
    font-weight: 400;  /* edited */
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
}

.login-block a {
    font-style: normal;
    font-weight: 400; /* edited */
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
    display: block;
}

.header .header__nav{
    width: max-content;
}

.main-bg-color {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: 100vh;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

label.form-label{
    cursor: pointer;
}

.form-label{
    display: inline-block;
    margin-bottom: 10px;
}

.form-control{
    appearance: none;
    display: block;
    width: 100%;
    padding: 10px 15px;
    transition: var(--transition);
    min-height: 38px;
    background: #FFFFFF;
    border: 0.5px solid #EAEAEA;
    box-shadow: 0px 0px 1px rgba(26, 32, 36, 0.32), 0px 2px 5px rgba(91, 104, 113, 0.15);
    border-radius: 6px;
    width: 100%;
}

.form-control::placeholder{
    color: #999999;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
}

.stripe-payment{
    min-height: 100vh;
    display: flex;
}
.payment{
    display: flex;
    width: 100%;
}

.payment__form {
    max-width: 600px;
    width: 100%;
    padding: 110px 0;
    background: #FFFFFF;
    box-shadow: -6px 2px 30px rgba(91, 104, 113, 0.1);
}
.payment__user{
    flex: auto;
    padding: 110px 0;
}

.black-btn{
    width: 100%;
    background: #131313;
    border-radius: 6px;
    padding: 10.5px;
    color: #FFFFFF;
}

.stripe-payment-form{
    padding: 0 120px 0 79px;
}

.name-designation{
    background: linear-gradient(106.71deg, #E73C7E 0%, #EE7752 100%);
    border-radius: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    padding: 4px 11px;
}

.name-designation span {
    display: block;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #FFFFFF;
}

.payment__user-name{
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #131313;
}

.payment__name-block{
    display: flex;
    align-items: center;
}

.payment__pay-selfie{
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #A5A5A5;
    margin-bottom: 12px;
}

.payment__price{
    font-weight: 600;
    font-size: 36px;
    line-height: 34px;
    color: #131313;
}

.payment__pay-selfie-block{
    display: flex;
    flex-direction: column;
}

.payment__bg-avatar{
    background: linear-gradient(180deg, #E2DAFD 0%, #D6CBFC 100%);
    border-radius: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px;
    height: 250px;
}

.payment__footer{
    display: flex;
}

.profile{
    display: flex;
}

.profile__settings input{
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: none;
    height: 46px;
}

.profile__settings .form-label{
    margin-bottom: 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}

.profile__settings h2{
    color: #FFFFFF;
}

.btn.white-border{
    border: 1.5px solid #FFFFFF;
    border-radius: 12px;
}

.btn.white-border:hover{
    opacity: 0.5;
}

.profile__settings a {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
}

.wallet-copy{
    background-image: url('../img/icon-copy.svg');
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.profile__settings{
    min-width: 250px;
}

.relative{
    position: relative;
}

.profile__bg-avatar{
    width: 250px;
    height: 250px;
    background: #FFFFFF;
    border-radius: 250px;
}

.profile__user-status{
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    color: #FFFFFF;
}

.profile__user a{
    color: #FFFFFF;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
}

.profile__user h4{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.profile__user{
    padding-right: 100px;
    margin-right: 100px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.profile__user-socials{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.profile__socials-block{
    padding: 0 20px;
    text-align: center;
}

.profile__user-socials li:hover{
    opacity: 0.5;
    cursor: pointer;
}

.dropdown-content{
    display: none;
}

.dropdown-title{
    display: flex;
    align-items: center;
    padding: 9px 15px;
    border: 2px solid #FFFFFF;
    border-radius: 12px;
    color: #FFFFFF;
    cursor: pointer;
}

.dropdown-item.active .img-arrow, .dropdown-item-mobail.active .img-arrow{
    transform: rotate(180deg);
}

.dropdown-item.active .dropdown-content, .dropdown-item-mobail.active{
    display: block;
}

.header{
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}

.header.header-transparent {
    background: none;
}

.btn .btn-icon:first-child{
    display: flex;
    margin-right: 8px;
}

.dropdown-list{
    position: absolute;
    left: -50px;
    top: 100%;
    margin-top: 10px;
    width: 219px;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px 1px rgba(26, 32, 36, 0.32), 0px 4px 8px rgba(91, 104, 113, 0.24);
    border-radius: 10px;
}

.dropdown-list a{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 6px 8px;
}

.dropdown-list li:hover{
    background: #F7F7F7;
    border-radius: 10px;
}

.dropdown-list li:not(:last-child){
    margin-bottom: 5px;
}

.dropdown-item-mobail.active .dropdown-content{
    display: block;
}

.my-collection__dropdown-content{
    position: relative;
}

.my-collection__dropdown-list{
    display: none;
    position: absolute;
    top: 100%;
    margin-top: 10px;
    width: 100%;
}

.my-collection__dropdown-item.active .my-collection__dropdown-list{
    display: block;
}

.my-collection__dropdown-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 170px;
    padding: 9px 15px;
    border: 1.5px solid #FFFFFF;
    border-radius: 12px;
    color: #FFFFFF;
    cursor: pointer;
}

.my-collection__dropdown-item.active .img-arrow{
    transform: rotate(180deg);
}

.my-collection__title{
    color: #FFFFFF;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 46px;
    margin-right: 15px;
}

.my-collection__title-block{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    margin: 0 95px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    flex-wrap: wrap;
}

.my-collection .recent-selfies__item{
    position: relative;
}

.my-collection__dropdown-list{
    margin-top: 10px;
    position: absolute;
    width: 225px;
    left: -50px;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px 1px rgb(26 32 36 / 32%), 0px 4px 8px rgb(91 104 113 / 24%);
    border-radius: 10px;
    z-index: 100;
}

.my-collection__dropdown-list li {
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #44120D;
    cursor: pointer;
    padding: 6px 8px;
}

.my-collection__dropdown-list li a{
    color: #44120D;
}

.my-collection__dropdown-list li:hover{
    background: #F7F7F7;
    border-radius: 10px;
}

.my-collection__dropdown-list li:not(:last-child){
    margin-bottom: 5px;
}

.options-card-list{
    display: none;
    margin-top: 10px;
    position: absolute;
    width: 225px;
    /* left: -180px; */
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px 1px rgba(26, 32, 36, 0.32), 0px 4px 8px rgba(91, 104, 113, 0.24);
    border-radius: 10px;
}

.recent-selfies__item .options-card-list{
    left: -180px;
}

.options-card-btn{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(60, 66, 223, 0.5);
    backdrop-filter: blur(15px);
    border-radius: 100px;
    cursor: pointer;
}
.options-card-menu{
    position: absolute;
    right: 10px;
    top: 10px;
}

.options-card-menu.active .options-card-list{
    display: block;
    z-index: 100;
}

.options-card-list li a{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #44120D;
    padding: 6px 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.options-card-list li a:hover{
    background: #F7F7F7;
    border-radius: 10px;
}

.options-card-list li:not(:last-child){
    margin-bottom: 5px;
}

.my-collection__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 80px;
}

.my-collection__pagination a{
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    border-radius: 12px;
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    height: 40px;
}

.pagination-list{
    display: flex;
    margin: 0 20px;
}

.pagination-list a {
    padding: 5px;
    width: 40px;
    height: 40px;
}

.pagination-list li:not(:last-child){
    margin-right: 8px;
}

.pagination-dots{
    color: #FFFFFF;
    width: 40px;
    height: 40px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination-list .btn.active{
    background: #FFFFFF;
    color: #EA576A;
}

.user-collection__title-block{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 30px 0px;
    margin: 0 95px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.user-collection__avatar{
    width: 120px;
    min-width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border-radius: 250px;
}

.user-collection__title-block .btn-eth{
    padding: 8px 12px;
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.1);
    border: 0.5px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

.user-collection__avatar{
    position: relative;
}

.user-collection__avatar a{
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    box-shadow: 0px 0px 1px rgba(26, 32, 36, 0.32), 0px 1px 2px rgba(91, 104, 113, 0.32);
    border-radius: 100px;
    position: absolute;
    right: -10px;
    top: 0;
}

/* ==========18.08.2022========== */

.container-1440{
    max-width: 1440px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.text-cntent a,
.dropdown-body .text a{
    text-decoration: revert;
    /* font-weight: 600;
    font-size: 18px;
    line-height: 28px; */
    color:#ffffff;
}

.privacy-policy {
    color: #ffffff;
}

.privacy-policy .section{
    padding-top: 50px;
    padding-bottom: 50px;
}

.privacy-policy h2{
    font-size: 24px;
    line-height: 30px;
    padding-top: 30px;
    margin-bottom: 15px;
}

.privacy-policy h1{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 50px;
    text-align: center;
}

.privacy-policyul {
    padding-left: 20px;
}

.privacy-policy ul{
    margin-bottom: 20px;
    padding-left: 20px;
}

.privacy-policy ul li {
    list-style: disc;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px !important;
}
.privacy-policy p{
    font-weight: 400;
    font-size: 18px;
    line-height: 28px !important;
    margin-bottom: 20px;
}

.bottom_line{
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
	margin-top: 10px;
	font-weight: 600;
	font-size: 18px;
	line-height: 28px;
	color: #ffffff;
}

.privacy-policy-link{
    display: flex;
    justify-content: center;
    margin-top: 10px;
    font-weight: 600;
    font-size: 15px;
    line-height: 28px;
    color:#ffffff;
    margin: 0;
}

.bages-block{
    display: flex;
    flex-direction: column;
}

.bages-block .bottom_line{
	font-size: 15px;
}

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

.container.container-1200{
    max-width: 1200px;
}

.tabs-item{
    display: none;
}

.tabs-item.active{
    display: block;
}

.tabs-nav{
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    overflow: auto;
}

.tabs-nav li + li{
    margin-left: 30px;
}

.tabs-nav li a {
    display: flex;
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
    padding-bottom: 10px;
    position: relative;
    white-space: nowrap;
}

.tabs-nav li a.active::after{
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #FFFFFF;
}

.tabs-items{
    margin-top: 20px;
}

.title-block{
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 46px;
    color: #FFFFFF;
}

.title-block.font-montserrat{
    font-family: var(--font-montserrat);
}

.search{
    position: relative;
}

.icon-left{
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.input-search{
    padding: 7px 10px 7px 44px;
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    background-color: transparent;
    border: 1.5px solid #FFFFFF;
    border-radius: 300px;
    color: #FFFFFF;
    display: inline-flex;
}

.input-search::placeholder{
    color: #FFFFFF;
}

.friends-list{
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
}

.friends-list__item{
    padding-left: 12px;
    padding-right: 12px;
    width: 33.33%;
    flex: 0 0 33.33%;
    margin-bottom: 20px;
}

.friends-list__link{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
}

.friends-list__text-block{
    display: flex;
    flex-direction: column;
}

.friends-list__name{
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 8px;
}

.friends-list__status{
    display: flex;
    width: 8px;
    min-width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 8px;
}

.friends-list__status.online{
    background-color: #24EC74;
}

.friends-list__amount-nfts{
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}

.btn-eth.address-eth{
    padding: 7px 12px;
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.1);
    border: 0.5px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    max-width: 200px;
}

.info-user-list {
    display: flex;
}

.info-user-list li + li{
    margin-left: 30px;
}

.info-user-list__item span:first-child{
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 6px;
    display: block;
    text-align: center;
}

.info-user-list__item span:last-child{
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: block;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
}

.main-block.justify-start{
    justify-content: flex-start;
}

.main-block.pb-30{
    padding-bottom: 30px;
}

.head-tab{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.group-btn-right{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.user-address-wrap{
    display: flex;
    align-items: center;
}

.selling__list{
    display: flex;
    flex-wrap: wrap;
    margin-left: -6px;
    margin-right: -6px;
}

.selling__item{
    width: 25%;
    flex: 0 0 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 12px;
    padding-left: 6px;
    padding-right:  6px;
    margin-bottom: 12px;
}

.selling__item-wrap{
    height: 100%;
    width: 100%;
    border-radius: 12px;
    position: relative;
    cursor: pointer;
}

/* .selling__item-wrap img{
    width: 100%;
    height: 100%;
    object-fit: contain;
} */

.selling__footer{
    position: absolute;
    display: flex;
    bottom: 0;
    padding: 16px;
    left: 0;
    z-index: 3;
    right: 0;
    justify-content: space-between;
    align-items: end;
}

.selling__footer-info{
    display: flex;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 24px;
    justify-content: flex-end;
    width: 100%;
}

.tabs-item .selling__footer-info{
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
}

.input-group.mw-420{
    width: 100%;
    max-width: 420px;
}

.lable-input{
    display: block;
    font-weight: 600;
    font-family:var(--font-montserrat);
    font-size: 18px;
    line-height: 24px;
}

.custom-radio__text-block{
    color: #fff;
    display: flex;
    flex-direction: column;
}

.custom-radio__text-title{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
}

.custom-radio__text{
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}

.custom-radio__text-wrap{
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.custom-radio.items-start{
    align-items: flex-start;
}

.switch {
	position: relative;
	display: inline-block;
	width: 43px;
	height: 24px;
}

.switch__slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
    border: 1.5px solid #FFFFFF;
    border-radius: 300px;
	transition: .4s;
    opacity: 0.6;
}

.switch__slider::before {
	content: "";
	position: absolute;
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 3px;
	border-radius: 300px;
    background-color: #FFFFFF;
	transition: .4s;
}

.switch__field {
	width: 0;
	height: 0;
	opacity: 0;
	visibility: hidden;
}

.switch__field:checked + .switch__slider {
	opacity: 1;
}

.switch__field:checked + .switch__slider::before {
	transform: translateX(20px);
    right: 2px;
}

.select-crypt .select2-container{
    width: 100% !important;
}

.select-crypt .select2-container--default .select2-selection--single .select2-selection__rendered{
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #44120D;
    padding: 8px 40px 8px 14px;
}

.select-crypt .select2-container--default .select2-selection--single{
    background-color: #FFFFFF;
    border: none;
    border-radius: 12px;
}

.select-crypt .select2-container .select2-selection--single{
    height: 46px;
}

.select-crypt .item-wrap{
    display: flex;
    align-items: center;
}

.select-crypt .img-crypt{
    margin-right: 8px;
}

.select-crypt .select2-container--default .select2-selection--single .select2-selection__arrow::after{
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    right: 14px;
    top: 75%;
    border-right: 1.5px solid #44120D;
    border-bottom: 1.5px solid #44120D;
    transform: translateY(-50%) rotate(45deg);
}

.select-crypt .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::after{
    transform: rotate(223deg);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border: none;
}

.copy-element{
    display: flex;
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
    font-family: 'Actor';
    position: relative;
}

.copy-element .copy-element--text{
    padding: 0px 12px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    width: 100%;
    height: 46px;
}

.copy-element .copy-element--btn{
    padding: 0 8px;
    background: #FFFFFF;
    border-radius:  0 12px 12px 0;
}

.copy-element .copy-element--text .text{
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #44120D;
}

.copy-element.copytrue .copy-element--btn{
    pointer-events: none;
}

.settings-item{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 24px;
    padding-bottom: 12px;
}

.tabs-items .options-card-menu{
    right: 8%;
    top: 5%;
}

.transfer-tab{
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 20px 25px;
    border: 1.5px solid #FFFFFF;
    border-radius: 12px;
    white-space: pre-wrap !important;
}

.tabs-nav li .transfer-tab.active::after{
    display: none;
}

.transfer .tabs-nav li + li{
    margin-left: 20px;
}

.transfer li{
    width: calc(50% - 10px);
}

.tabs-nav li .transfer-tab.active{
    background-color: #FFFFFF;
    color: #44120D;
}

.input::placeholder{
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}

.selling__item-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.profile-checkmark{
    position: absolute;
    left: 16px;
    top: 16px;
}

.selling__item-group .selling__footer{
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(15px);
    border-radius: 0px 0px 12px 12px;
    padding: 14px 20px;
}

.selling__item-group{
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    height: 100%;
    padding: 10px;
}

.selling__item-group .selling__footer-info{
    justify-content: flex-start;
    flex-direction: column;
}

.selling__group-name{
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #44120D;
}

.selling__group-nfts{
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: rgba(68, 18, 13, 0.6);
}

.selling__item-group{
    display: flex;
    flex-wrap: wrap;
}

.selling__item-group .selling__item-img img{
    width: 100%;
    height: auto;
}

.selling__item-group .selling__item-img{
    display: inline-flex;
    padding: 10px;
    width: 50%;
}

.checkbox-card{
    position: absolute;
    right: 8%;
    top: 5%;
    width: 40px;
    height: 40px;
}

.checkbox{
    display: flex;
}

.checkbox input {
    display: none;
}

.checkbox input~.checkbox-fake {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    box-shadow: 0px 0px 1px rgba(26, 32, 36, 0.32), 0px 4px 8px rgba(91, 104, 113, 0.24);
    border-radius: 100px;
    background-color: #FFFFFF;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.checkbox input:checked~.checkbox-fake {
    background-color: #2464EC;
    background-image: url('../img/icon-done-check.svg');
}

.head-select-active,
.my-collection-tab.active-select .head-tab.inactive{
    display: none;
}

.my-collection-tab.active-select .head-select-active{
    display: flex;
}

.my-collection-tab.active-select .options-card-menu{
    display: none;
}

.my-collection-tab .checkbox-card{
    display: none;
}

.my-collection-tab.active-select .checkbox-card{
    display: block;
}

.my-collection-tab.active-select .selling__group .options-card-menu{
    display: block;
}

.selling__item-wrap.checked-card::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(180deg, rgba(78, 28, 23, 0) 65.46%, rgba(68, 18, 13, 0.8) 100%);
}

.btn-gradient{
    background: linear-gradient(106.71deg, #339ECE 0%, #E13E80 100%);
    color: #FFFFFF;
}

.modal-1 .input{
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 12px;
}

.modal-1 .input::placeholder{
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #858585;
}

.my-collection-tab.active-select .profile-checkmark{
    display: none;
}

.my-collection-tab .selling__item-wrap.checked-card::after{
    content: none;
}

.my-collection-tab.active-select .selling__item-wrap.checked-card::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(180deg, rgba(78, 28, 23, 0) 65.46%, rgba(68, 18, 13, 0.8) 100%);
    pointer-events: none;
}

/* =======modal======== */

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 300;
	background: rgba(0, 0, 0, 0.6);
	overflow-y: auto;
	opacity: 0;
	visibility: hidden;
	transition: all 0.15s linear;
    overflow-x: hidden;
}

.modal--show {
	opacity: 1;
	visibility: visible;
}

.modal--show .modal__dialog {
	transform: none;
}

.modal__dialog {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100%;
	margin: auto;
	padding: 20px;
	transform: translate(0, -20px);
	transition: transform .3s ease-out;
}

.modal__dialog--500 {max-width: 540px;}

.modal__content {
    display: flex;
	flex-direction: column;
	width: 100%;
	background-color: #fff;
	border-radius: 12px;
	transition: all 0.3s ease-out;
	position: relative;
}

.modal__body {
	padding: 30px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.modal__header {
    padding: 30px 40px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
    position: relative;
}

.modal__footer {
	padding: 0 30px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal__title{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
	text-align: center;
}
.btn-close{
    position: absolute;
    top: 10px;
	right: 10px;
    cursor: pointer;
    padding: 0 !important;
}

.vertical-line{
    background-color: rgba(255, 255, 255, 0.2);
    width: 1px;
    height: 24px;
    margin: 0 12px 20px 0;
}

.import-nfts-text{
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    max-width: 330px;
    margin: 0 auto 40px;
}

.options-share-menu{
    position: relative;
}

.options-share-menu.active .options-card-list{
    display: block;
    z-index: 100;
}

.options-share-menu .btn-border-white{
    height: 46px;
    width: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1.5px solid #FFFFFF;
    border-radius: 12px;
    color: #fff;
}

.options-share-menu.active .btn-border-white{
    background-color: #FFFFFF;
    color: #44120D;
}

.options-share-menu .options-card-list li a{
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.options-share-menu .options-card-list{
    left: -180px;
}

.pill{
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    background: rgba(245, 245, 245, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 300px;
    color: #FFFFFF;
    padding: 3px 7px;
}

.blue-btn{
    background: #1957F5;
    color: #FFFFFF;
    width: 100%;
    margin-bottom: 15px;
    height: 46px;
}

.selling__item .options-card-list{
    left: -180px;
}

.take-selfie__accardeon-btn{
    display: flex;
    justify-content: flex-end;
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
}

.take-selfie__accardeon-body{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.take-selfie__accardeon-btn span{
    margin-right: 8px;
}

.take-selfie__accardeon.active .take-selfie__accardeon-btn img{
    transform: rotate(180deg);
}
.take-selfie__accardeon + .take-selfie__accardeon{
    margin-top: 20px;
}

.take-selfie__accardeon-body{
    padding-top: 20px;
}

.take-selfie__control-right{
    position: absolute;
    right: -290px;
}

.take-selfie__control-right .custom-radio__img-label{
    width: 100px;
    height: 100px;
}

.take-selfie__control-right-title{
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.success-title{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 49px;
    color: #FFFFFF;
}

.success-text{
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #FFFFFF;
}

.selfie-options{
    max-width: 420px;
    width: 100%;
    margin: 33px auto 30px;
    color: #fff;
    /* text-align: center; */
}

.select2-container .select2-selection--multiple .select2-selection__rendered{
    /* display: flex;
    flex-wrap: wrap; */
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    left: auto;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    padding-left: 5px;
    padding-right: 20px;
    background: #F0F0F0;
    border-radius: 5px;
    /* display: flex; */
    margin-left: 10px;
    align-items: center;
    margin-bottom: 3px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display{
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #44120D;
    height: 28px;
    display: flex;
    align-items: center;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    border-right: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background: #F0F0F0;
    border-radius: 5px;
    border: none;
}

.select2-container--default .select2-selection--multiple{
    min-height: 46px;
    background-color: #fff;
    border-radius: 12px;
    padding-top: 5px;
    display: inline-block;
    width: 100%;
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
    border: none;
}

.select2-container .select2-search--inline .select2-search__field{
    padding-top: 6px;
    height: 28px;
    padding-left: 10px;
    min-width: 150px;
}

.select2-search--inline {
    display: inline-block; /*this will make the container disappear, making the child the one who sets the width of the element*/
}

.select2-search__field:placeholder-shown {
    width: 100% !important; /*makes the placeholder to be 100% of the width while there are no options selected*/
}

.select2-search--dropdown{
    display: none !important;
}

.select2-base .select2-container--default .select2-selection--single{
    height: 46px;
    border: none;
    border-radius: 12px;
    padding: 8px 14px;
}

.select2-base {
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #44120D;
}

.select2-base .select2-container--default .select2-selection--single .select2-selection__arrow::after{
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    right: 14px;
    top: 75%;
    border-right: 1.5px solid #44120D;
    border-bottom: 1.5px solid #44120D;
    transform: translateY(-50%) rotate(45deg);
}

.select-transparent .select2-container--default .select2-selection--single .select2-selection__arrow::after{
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    right: 14px;
    top: 75%;
    border-right: 1.5px solid #fff;
    border-bottom: 1.5px solid #fff;
    transform: translateY(-50%) rotate(45deg);
}


.select2-base .select2-container--default .select2-selection--single .select2-selection__arrow::after,
.select-transparent .select2-container--default .select2-selection--single .select2-selection__arrow::after{
    top: 50% !important;
    right: auto !important;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
    margin-top: -2px;
}

.select2-base .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::after,
.select-transparent .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::after{
    transform: translate(-4px, 2px) rotate(224deg);
}

.select-transparent .select2-container--default .select2-selection--single{
    padding: 9px 15px;
    border: 1.5px solid #FFFFFF;
    border-radius: 12px;
    color: #FFFFFF;
    background-color: transparent;
    height: 46px;
}

.select-transparent .select2-container{
    min-width: 160px;
}

.select-transparent .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #FFFFFF;
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}

/* ==========/modal============ */

.diamond-badge{
    position: absolute;
    left: 5%;
    bottom: 5%;
    width: 19% !important;
    height: 16% !important;
}

.crown-badge{
    position: absolute;
    left: 2%;
    top: 2%;
    width: 40% !important;
}

.gold-medal-badge{
    position: absolute;
    bottom: 0%;
    left: 85%;
    transform: translateX(-50%);
    width: 27%;
}

.user-avatar-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
}

.import_done-checkbox li input{
    -webkit-appearance: auto;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    min-width: 16px;
    min-height: 16px;
}

.import_done-checkbox .modal__body li{
    display: flex;
    align-items: center;
}

.btn-border-black{
    border-color: #44120D;
    background-color: #44120D;
    color: #fff;
}

.selling-nfts .selling__item{
    margin: 0;
    margin-bottom: 12px;
    padding-left: 6px;
    padding-right: 6px;
}

.selling-nfts .selling__item-wrap img{
    height: 100%;
}

.mb-60{margin-bottom: 60px;}
.mb-50{margin-bottom: 50px;}
.mb-47{margin-bottom: 47px;}
.mb-40{margin-bottom: 40px;}
.mb-30{margin-bottom: 30px;}
.mb-24{margin-bottom: 24px;}
.mb-23{margin-bottom: 23px;}
.mb-20{margin-bottom: 20px;}
.mb-18{margin-bottom: 18px;}
.mb-15{margin-bottom: 15px;}
.mb-12{margin-bottom: 12px;}
.mb-10{margin-bottom: 10px;}
.mb-8{margin-bottom: 8px;}

.w-100{width: 100%;}
.w-200{width: 200px;}

.mr-5{margin-right: 5px;}
.mr-6{margin-right: 6px;}
.mr-8{margin-right: 8px;}
.mr-10{margin-right: 10px;}
.mr-11{margin-right: 11px;}
.mr-12{margin-right: 12px;}
.mr-15{margin-right: 15px;}
.mr-18{margin-right: 18px;}
.mr-20{margin-right: 20px;}
.mr-30{margin-right: 30px;}
.mr-40{margin-right: 40px;}

.ml-6{margin-left: 6px;}

.pl-28{padding-left: 28px;}

.pt-40{padding-top: 40px;}

.pb-30{padding-bottom: 30px;}
.pb-24{padding-bottom: 24px;}
.pb-20{padding-bottom: 20px;}

.mt-auto{margin-top: auto;}
.mt-20{margin-top: 20px;}

.fw-600{font-weight: 600;}

.fs-18{font-size: 18px;}
.fs-16{font-size: 16px;}
.fs-15{font-size: 16px;}
.fs-13{font-size: 16px;}

.lh-24{line-height: 24px;}
.lh-20{line-height: 20px;}

.py-7{padding-top: 7px !important; padding-bottom: 7px !important;}

.border-bottom{border-bottom: 1px solid rgba(255, 255, 255, 0.1)}

.max-w-910{max-width: 910px;}

.color-white{color: #fff;}
.color-gray{color: #C9C9C9;}
.color-red{color:#E73C7E;}

.opacity-08{opacity: 0.8;}

.overflow-hidden{overflow: hidden;}

.w-max-content{width: max-content;}
.ws-nowrap{white-space: nowrap;}
.line-through{text-decoration: line-through;}
.ttl{text-transform: lowercase;}

.block{display: block;}
.flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.items-center{align-items: center;}
.items-start{align-items: flex-start;}
.justify-between{justify-content: space-between;}
.justify-end{justify-content: flex-end;}
.flex-col{flex-direction: column;}

