html{
    width: 100% !important;
}
.btn-control--mt-a {
    margin-top: auto
}
.btn-control--mt-2 {
    margin-top: 20px
}
.btn-control--mt-3 {
    margin-top: 30px
}
.btn-control--mt-4 {
    margin-top: 45px
}
.btn-control--flex {
    display: flex
}
.btn-control--center {
    justify-content: center
}
.btn-control--end {
    justify-content: flex-end
}
.popup-users-footer{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.btn-control--home {
    max-width: 620px;
    margin: 110px auto 0;
    padding-top: 110px;
    border-top: 1px solid #e5e5e5
}
.cursor-none {
    pointer-events: none
}
.disableElem {
    opacity: .6;
    pointer-events: none
}
@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation: fadeIn .5s ease-in
}

.iiPages {
    margin: 100px auto;
    max-width: 1140px;
    margin-bottom: 0px !important;
}

@media (max-width: 1200px) {
    .container {
        padding: 0 16px
    }
}

@media only screen and (max-width: 768px) {
    .iiPages {
        margin-top: 50px
    }
}

@media only screen and (max-width: 768px) {
    .iiPages {
        margin-top: 36px
    }
}

.textarea textarea {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    background-color: #fff;
    padding: 22px;
    border-radius: 20px;
    border: 1px solid #e5e5e5;
    min-height: 125px
}

.textarea textarea::placeholder {
    font-weight: 300
}

@media only screen and (max-width: 600px) {

    .textarea textarea {
        padding-left: 16px
    }
}

.textarea-info__textarea {
    position: relative;
    display: block;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 3px 0px;
    border: none !important;
    border-radius: 16px;
    height: 60px;
    padding-left: 60px;
    height: 100px;
    padding-top: 21px;
    min-height: 60px !important;
}
.textarea-info__textarea:focus{
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset !important;
    border: none !important
}

.textarea-info__textarea::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: rgba(0, 0, 0, .25)
}

.textarea-info__textarea-wrapper {
    position: relative;
    margin-top: 20px
}

.textarea-info__textarea-wrapper:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 25px;
    margin: auto 0;
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAM1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAABHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABOeO39AAAAEXRSTlOAOAgwEGBAAHhwSBhQIGgoWEyaQRAAAAOTSURBVGje7VpJFqQgDA1zGNS6/2l7UZYMAolDv950lj7NJwM/IQjuLwv8B3gLIKqQVo8AAOjNx27xRYDFGoSToBHxDYAldJT/xKf4DEAKA4Ss6j6AtAgM8eomgGCppyCGAItpQhrUprVzzsm4iNCE3euLADKUn3fzJdbxsZcAtC8WZ+VodVp50ogugMr2m2WeJFs2AwUXwLLVO+fc4qdu6gCkY0mKxwbZUYEDcOj/SC6h6eObRAOkqUfJPZMogEAmtpvnXZoD/OK76qu8r9d+pGsA8dMv3WWRPwQ1BtB4X39GQD0E8E/0ZwQvBwD2XnzPkQ59AN2z8CLC7uOlC7DDC/dA9iwxPQA12ouX5NOuEhoDvH4GIL9OQnkCUL0kviGq2W7QGDANoTUIgEZMrTS1CVADT/hfply90gRiqaPwA1jb6M+q6DxUplK1A8TvdxtT/3S3LJUzoKwCkwj4Uy8kiXdDBeCJFLLnbssSL2MJsHtoaLb+1VztXNyDjUMTZOkjKHb4OMSpWrSgOMUUb0PxZPxFwyKJWE+53i/Ad3+Pe32sPbgQKRGLIED7YBy20FrkiAXFA2Cjdpmz3lvHBzA5KSHnVWATmqV2TcgKIZM4t9Lovd/9UJSaDgBDEV33XDVh9q/P1wPAE0lUJsjBGTNm1/kNyEHnNCsROXy6A+ABQCVFh1PNvLRmjdcAFLf1vguwspb/AIDdGDQAOCdr/g6uCRubNH0RIDZpuhIFuSYxZJw8M7lB5nfFJCEGZ4nMJdBwEyEB0XJeyyUNcnqb9wZ1JvucV3CuSltwyJJ5UU4lkyz6t44hZdG33CBYxMANgSgA9nZSsrKDTKO9TYtl64jA+pS30VRZkKBMXP8OVfiyTYNey/0MYCs9dBxADCvMLBeZXPELAMEygcNFS100oD5+mudc1JwmoTlivHWMVSeA0wn60TzEd076gmwIOZJaR0Ab/VeGIb47bVneG+fo/kAqvDWQsoOJl3xrpPbvhoJH7/lorCn+5WA2j65vj5YDMbv+68PxYryf2EbIz4Xxfh7AExdkRWrgWD9xxeI5Vyzm6hVLdUVnNrb6/o0M45pL6fGZ+eY1Vzvi4lzUhcHeBOYUEE0QS5TOOaf1ptqrxvF92KQHUZ57WTrbM9MmhweBdsZcRBelVkq9EXNiJPvAmCZmYCA3Cuf4HUX/pwHLGQCxf3vY7Mf8fntYU1Bv/vbwSP4DkPIH46DS3lJ8Uq4AAAAASUVORK5CYII=) no-repeat;
    background-size: cover;
    z-index: 100
}

.auto-likes-sub {
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.auto-likes {
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.servicesVariation {
    width: 100%;
    display: block;
    height: fit-content
}

.servicesVariation__title {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 60px;
    text-align: center;
    color: #090a1f;
    margin-top: 64px
}

.servicesVariation__nav-block {
    position: relative;
    margin: 32px auto;
    width: 600px;
    height: 80px
}

.servicesVariation__nav-title-pay {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    color: #fff
}

.servicesVariation__nav-text-cancel {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #fff;
    opacity: .5
}

.servicesVariation__nav-text-separately {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #000;
    opacity: .3
}

.servicesVariation__nav-title-get {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    color: rgba(0, 0, 0, .5)
}

.servicesVariation__active {
    background: #457ce9;
    border-radius: 16px;
    width: 50%;
    z-index: 100;
    height: 80px;
    position: absolute;
    cursor: pointer
}

.servicesVariation__not-active-auto-sub {
    z-index: 50;
    border-radius: 16px;
    width: 60%;
    box-shadow: 5px 5px 30px rgba(135, 160, 164, .1);
    position: absolute;
    height: 80px;
    padding-left: 50px;
    cursor: pointer
}

.servicesVariation__not-active-auto {
    z-index: 50;
    border-radius: 16px;
    width: 60%;
    box-shadow: 5px 5px 30px rgba(135, 160, 164, .1);
    position: absolute;
    height: 80px;
    padding-right: 50px;
    cursor: pointer
}

.servicesVariation__item {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 100%;
    transition: all .2s ease-out;
    padding: 0 30px
}

.servicesVariation__item.active {
    color: #29abe2
}

.servicesVariation__item.active+.servicesVariation__switch::after {
    left: 0
}

.servicesVariation__item:hover {
    color: #29abe2
}

.servicesVariation__line {
    display: none
}

@media only screen and (max-width: 600px) {
    .servicesVariation__nav-block {
        margin: 0 auto
    }

    .servicesVariation__line {
        display: block;
        width: 100%;
        height: 1px;
        background: rgba(0, 0, 0, .1);
        margin: 24px auto
    }

    .servicesVariation__nav-block {
        width: 100%
    }

    .servicesVariation__not-active-auto-sub,
    .servicesVariation__not-active-auto,
    .servicesVariation__active {
        height: 64px
    }

    .servicesVariation__nav-title-get,
    .servicesVariation__nav-title-pay {
        font-size: 15px
    }

    .servicesVariation__nav-text-separately,
    .servicesVariation__nav-text-cancel {
        font-size: 12px
    }

    .servicesVariation__not-active-auto-sub {
        padding-left: 30px
    }

    .servicesVariation__not-active-auto {
        padding-right: 30px
    }
}

.cartButton {
    position: fixed;
    z-index: 200;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    bottom: 15px;
    right: 8px;
    width: 84px;
    height: 84px;
    border-radius: 16px;
    box-shadow: 0 0 10px rgba(206, 206, 206, .5), 0 0 10px rgba(206, 206, 206, .5);
    background-color: #457ce9;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    animation: fadeIn .5s ease-in;
    opacity: 0;
    pointer-events: none
}

.cartButton__count {
    display: none;
    background: #fff;
    color: #457ce9;
    height: 48px;
    width: 48px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    border-radius: 50%
}

.cartButton:hover .cartButton__count {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.cartButton:hover .cartButton__img {
    display: none
}

.cartButton .text {
    line-height: 9px
}

.cartButton__img {
    transition: all .2s ease-out;
    height: 48px;
    width: 48px
}

.cartButton.active {
    opacity: 1;
    pointer-events: visible
}

.cartButton.bottom {
    bottom: 85px
}

.no-scroll .cartButton {
    right: 27px
}

.cartModal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    background: #fff;
    opacity: 0;
    pointer-events: none;
    z-index: 200;
    padding: 130px 15px 60px;
    background: rgba(251, 251, 251, .5);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px)
}

.cartModal__wrapper {
    padding: 64px 65px 32px;
    background: #fff;
    max-width: 744px;
    box-shadow: 0 20px 200px rgba(0, 0, 0, .05);
    border-radius: 24px;
    margin: 0 auto;
    position: relative
}

.cartModal__inner {
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-top: 20px
}

.cartModal__title {
    font-family: poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 42px;
    text-align: center
}

.cartModal__exit {
    position: absolute;
    top: 36px;
    right: 36px;
    cursor: pointer;
    height: 24px;
    width: 24px
}

.cartModal.active {
    opacity: 1;
    pointer-events: visible
}

.cartModal__remove-btn {
    background: rgba(251, 90, 85, .1);
    border-radius: 4px;
    height: 30px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #fb5a55;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    width: 100%;
    cursor: pointer
}

.cartModal__btn {
    background: #457ce9;
    box-shadow: 5px 25px 30px rgba(69, 124, 233, .1);
    border-radius: 16px;
    height: 60px;
    width: 100%;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    margin-top: 32px
}

.cartModal__rules {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #000;
    opacity: .35;
    margin-top: 24px
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation: fadeIn .5s ease-in
}

@media only screen and (max-width: 480px) {
    .cartModal__exit {
        right: 20px;
        width: 30px
    }

    .cartModal__wrapper {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 0
    }

    .cartModal__back-button {
        position: absolute;
        z-index: 200;
        top: 36px;
        right: auto;
        left: 36px;
        cursor: pointer;
        display: flex;
        color: #29abe2;
        line-height: inherit
    }

    .cartModal__back-button img {
        width: 24px;
        height: 24px;
        margin-right: 10px
    }

    .cartModal__back-button:hover {
        text-decoration: underline
    }

    .cartModal__card-wrapper {
        height: 142px;
        position: relative
    }

    .cartModal__card {
        position: relative
    }

    .cartModal__img-serv {
        max-width: 24px;
        max-height: 28px;
        height: 24px
    }

    .cartModal__payment-title {
        font-style: normal;
        font-weight: 600;
        font-size: 40px;
        line-height: 60px;
        text-align: center;
        color: #457ce9;
        margin-top: 64px
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation: fadeIn .5s ease-in
}

@media only screen and (max-width: 600px) {
    .cartModal__inner {
        padding: 32px 16px
    }

    .cartModal__icon-img {
        height: 91px;
        width: 91px
    }

    .cartModal__cards {
        margin-top: 24px
    }

    .cartModal .container-card {
        min-width: 91px;
        max-height: 129px
    }

    .cartModal__title {
        font-size: 22px
    }

    .cartModal__exit {
        right: 16px
    }

    .cartModal__btn-container {
        padding: 0
    }

    .cartModal__btn {
        margin-top: 24px;
        font-size: 16px
    }

    .cartModal .container__text-small-count {
        left: 40px
    }

    .cartModal .container__icon-small-count {
        left: 10px
    }

    .cartModal__rules {
        margin-top: 16px
    }
}

.discount {
    position: absolute;
    left: 100%;
    bottom: 100%;
    margin-bottom: -20px;
    margin-left: -35px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 2px 2px 8px rgba(229, 229, 229, .5);
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2
}

.discount--dark {
    border: 1px solid #f4f4f4;
    box-shadow: none
}

.discount--dark .text {
    color: #7f7f7f;
    font-size: 12px
}

.dualChoice {
    display: flex;
    width: 100%;
    position: relative;
    margin-top: 32px;
    display: block;
    height: 80px
}

.dualChoice__color-block {
    /*background: linear-gradient(94.79deg, #f6ec32 -53.82%, #df2e80 79.03%, #132ef7 201.25%), #d9d9d9;*/
    /* background: var(--tiktok); */
    border-radius: 16px;
    width: 45%;
    z-index: 100;
    height: 80px;
    font-weight: 500;
    position: absolute;
    border: 1px solid rgba(0, 0, 0, .1);
}

.dualChoice .instant-indents {
    padding-right: 63px
}

.dualChoice .gradual-indents {
    /* padding-left: 63px; */
}

.dualChoice .gradual {
    right: 0
}

.dualChoice .instant {
    left: 0
}

.dualChoice__white-block {
    z-index: 50;
    border-radius: 16px;
    width: 45%;
    border: 1px solid rgba(0, 0, 0, .1);
    position: absolute;
    height: 80px
}

.dualChoice__black-block {
    z-index: 50;
    border-radius: 16px;
    width: 45%;
    border: 1px solid rgba(0, 0, 0, .1);
    position: absolute;
    height: 80px;
    /* top: 100px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.dualChoice__icon {
    height: 24px;
    width: 24px
}

.dualChoice__instant-title {
    font-style: normal;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    /*color: #fff*/
}

.dualChoice__gradual-title {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    /* line-height: 30px; */
    text-align: center;
    /* color: rgba(0, 0, 0, .6); */
}

.dualChoice__instant-subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    opacity: .7;
    text-align: center
}

.dualChoice__title-block {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 8px;
    /* margin-top: 14px; */
}

.dualChoice__gradual-subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #000;
    opacity: .4;
    text-align: center
}

.dualChoice__slash {
    display: inline
}

.dualChoice__cost {
    display: none
}

.dualChoice li {
    cursor: pointer
}

.dualChoice li:hover {
    color: #00abdf
}

@media only screen and (max-width: 620px) {
    .dualChoice__instant-title {
        font-size: 16px;
        line-height: 24px
    }

    .dualChoice__gradual-title {
        font-size: 16px;
        line-height: 24px
    }

    .dualChoice__instant-subtitle {
        font-size: 12px;
        line-height: 18px
    }

    .dualChoice__gradual-subtitle {
        font-size: 12px;
        line-height: 18px;
        text-align: center
    }
}

@media only screen and (max-width: 600px) {
    .dualChoice {
        display: flex;
        width: 100%;
        position: relative;
        margin-top: 24px
    }

    .dualChoice__title-block {
        /* margin-top: 10px */
    }

    .dualChoice__white-block {
        padding: 0 10px
    }

    .dualChoice__color-block {
        padding: 0 10px
    }

    .dualChoice__slash {
        display: none
    }

    .dualChoice__cost {
        display: inline
    }

    .dualChoice .instant-indents {
        padding-right: 35px
    }

    .dualChoice .gradual-indents {
        /* padding-left: 35px */
    }
}

.lastOrder {
    position: fixed;
    bottom: -95px;
    left: 35px;
    width: 100%;
    max-width: 430px;
    padding: 24px;
    box-shadow: 20px 20px 70px rgba(0, 0, 0, .06);
    border-radius: 16px;
    background-color: #fff;
    display: flex;
    align-items: center;
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    transition: all .6s ease-out;
    height: 120px
}

.lastOrder__img {
    width: 72px;
    height: 72px
}

.lastOrder__content {
    width: 100%;
    margin-left: 20px
}

.lastOrder.active {
    pointer-events: visible;
    opacity: 1;
    bottom: 35px
}

.lastOrder__title {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #000;
    opacity: .4
}

.lastOrder__count {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    background-image: linear-gradient(94.79deg, #f6ec32 -53.82%, #df2e80 79.03%, #132ef7 201.25%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

@media only screen and (max-width: 991px) {
    .lastOrder {
        left: 20px;
        padding: 15px
    }

    .lastOrder.active {
        bottom: 20px
    }
}

@media only screen and (max-width: 768px) {
    .lastOrder {
        padding: 10px;
        right: 15px;
        max-width: unset;
        width: auto;
        height: 75px;
        left: 15px;
        bottom: -75px
    }

    .lastOrder.active {
        bottom: 15px
    }
}

@media only screen and (max-width: 600px) {
    .lastOrder {
        height: 88px;
        width: 343
    }

    .lastOrder__title {
        font-size: 14px;
        line-height: 21px
    }

    .lastOrder__count {
        font-size: 14px;
        line-height: 21px
    }

    .lastOrder__img {
        width: 48px;
        height: 48px
    }

    .lastOrder__content {
        margin-left: 12px
    }
}

.loading_proc {
    display: flex;
    align-items: center;
    justify-content: center
}

.postsList {
    height: 456px;
    white-space: nowrap;
    overflow-y: auto;
    overflow-x: hidden
}

.postsList::-webkit-scrollbar {
    width: 6px
}

.postsList::-webkit-scrollbar-track {
    background: #fafafa
}

.postsList::-webkit-scrollbar-thumb {
    background: rgba(69, 124, 233, .25);
    border-radius: 3px
}

.postsList__list {
    display: flex;
    flex-wrap: wrap
}

.postsList__card {
    margin: 5px;
    width: calc((100% / 4) - 10px);
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    animation: fadeIn .5s ease-in;
    height: 142px
}

.postsList__card>span>img {
    width: 100%
}

.postsList__card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .4);
    opacity: 0;
    transition: all .2s ease-out
}

.postsList__card:hover::before,
.postsList__card.active::before {
    opacity: 1;
    z-index: 2
}

.postsList__card.active::before {
    background-color: rgba(0, 0, 0, .6)
}

.postsList__info {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    z-index: 3;
    gap: 2px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: #fff
}
@media(min-width: 992px){
    .postsList__info{
        font-size: 18px;
    }
}

.postsList__info img {
    width: 28px;
    height: 24px
}
@media(max-width: 992px){
    .postsList__info img {
        width: 20px;
        height: 18px;
    }
}
.postsList__info>* {
    /* animation: fadeIn .5s ease-in */
}

.postsList__info1 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    z-index: 3;
    gap: 12px;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    color: #fff;
    background-color: rgba(0, 0, 0, .65)
}

.postsList__info1 img {
    width: 28px;
    height: 24px
}

.postsList__info1>* {
    animation: fadeIn .5s ease-in
}

.postsList__load-block {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
    cursor: pointer
}

.postsList__load-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.postsList__load-text.remove {
    opacity: 0;
    margin-top: 0;
    pointer-events: none;
    height: 0;
    display: none
}

.postsList__load {
    width: 35px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    transition: all .2s ease-out;
    padding: 0;
    gap: 0 3px
}

.postsList__load span {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #457ce9
}

.postsList__load:hover {
    background-color: #fcfcfc
}

.postsList__load.remove {
    opacity: 0;
    margin-top: 0;
    pointer-events: none;
    height: 0;
    display: none
}

.postsList--cart .postsList__card {
    overflow: visible;
    border-radius: 0;
    flex-direction: column;
    margin-top: 40px
}

.postsList--cart .postsList__card::before {
    display: none
}

.postsList--cart .postsList__info {
    font-weight: 400
}

.postsList--cart .postsList__info img {
    width: 25px;
    height: 25px
}

.postsList--cart .postsList__list {
    margin: 0
}

.postsList--cart .postsList__innerCard {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    max-height: 142px
}

.postsList--cart .postsList__innerCard.border-50 {
    border-radius: 50%
}

.postsList--cart .postsList__innerCard::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .4)
}

.postsList--cart .postsList__del {
    margin-top: 10px;
    width: 100%;
    height: 35px;
    border: 0;
    outline: 0;
    background: rgba(255, 0, 0, .2);
    border-radius: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease-out
}

.postsList--cart .postsList__del::before,
.postsList--cart .postsList__del:after {
    content: "";
    display: block;
    position: absolute;
    transition: all .2s ease-out;
    width: 26px;
    height: 1px;
    margin: 0 auto;
    background-color: red
}

.postsList--cart .postsList__del::before {
    transform: rotate(45deg)
}

.postsList--cart .postsList__del::after {
    transform: rotate(-45deg)
}

.postsList--cart .postsList__del:hover {
    opacity: .8
}

.postsList__list1 {
    display: flex;
    flex-wrap: wrap;
    margin: -7px
}

.postsList__card1 {
    margin: 7px;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    animation: fadeIn .5s ease-in;
    max-width: 142px;
    height: 100%;
    max-height: 180px
}

.postsList__card1>img {
    width: 100%;
    max-height: 142px
}

.postsList__card1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .4);
    opacity: 0;
    transition: all .2s ease-out
}

.postsList__card1:hover::before,
.postsList__card1.active::before {
    opacity: 1;
    z-index: 2
}

.postsList__card1.active::before {
    background-color: rgba(0, 0, 0, .6)
}

.postsList__info1 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-weight: 300;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    z-index: 3;
    background: rgba(0, 0, 0, .65)
}

.postsList__info1 img {
    width: 15px;
    height: 15px;
    margin-bottom: 12px
}

.postsList__info1>* {
    animation: fadeIn .5s ease-in
}

.postsList__load {
    width: 47px;
    height: 30px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    transition: all .2s ease-out
}

.postsList__load span {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #457ce9
}

.postsList__load span+span {
    margin-left: 2px
}

.postsList__load:hover {
    background-color: #fcfcfc
}

.postsList__load.remove {
    opacity: 0;
    margin-top: 0;
    pointer-events: none;
    height: 0
}

.postsList--cart .postsList__card1 {
    width: 100%;
    overflow: visible;
    border-radius: 0;
    flex-direction: column;
    max-width: 139px;
    height: 100%
}

.postsList--cart .postsList__card1::before {
    display: none
}

.postsList--cart .postsList__info1 {
    font-weight: 400
}

.postsList--cart .postsList__info1 img {
    width: 25px;
    height: 25px
}

.postsList--cart .postsList__list {
    margin: 0
}

.postsList--cart .postsList__innerCard1 {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 142px
}

.postsList--cart .postsList__innerCard1.border-50 {
    border-radius: 50%
}

.postsList--cart .postsList__innerCard1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.postsList--cart .postsList__del1 {
    margin-top: 10px;
    width: 100%;
    height: 35px;
    border: 0;
    outline: 0;
    background: rgba(255, 0, 0, .2);
    border-radius: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease-out
}

.postsList--cart .postsList__del1::before,
.postsList--cart .postsList__del1:after {
    content: '';
    display: block;
    position: absolute;
    transition: all .2s ease-out;
    width: 26px;
    height: 1px;
    margin: 0 auto;
    background-color: red
}

.postsList--cart .postsList__del1::before {
    transform: rotate(45deg)
}

.postsList--cart .postsList__del1::after {
    transform: rotate(-45deg)
}

.postsList--cart .postsList__del1:hover {
    opacity: .8
}

@media only screen and (max-width: 600px) {
    .postsList {
        height: 440px
    }

    .postsList__card {
        width: calc((100% / 3) - 12px);
        /* max-width: 100px; */
        max-height: 92px
    }

    .postsList__load-block {
        margin-top: 20px
    }

    .postsList--cart .postsList__card1 {
        max-width: 100px
    }

    .postsList--cart .postsList__innerCard1 {
        min-height: 100px;
        max-height: 100px
    }
}

@media only screen and (max-width: 480px) {
    .postsList {
        height: 240px
    }
}

.quantity {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 6px
}

.quantity--instaCard {
    padding: 0;
    margin: 0 -5px
}

.quantity--instaCard .text--color-Blue2 {
    color: #333
}

.quant_icontrol {
    position: absolute;
    width: 32px;
    height: 32px;
    background-color: transparent;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    border-radius: 50%;
    color: #457ce9;
    font-weight: 300;
    line-height: 21px;
    text-align: center;
    font-size: 18px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    flex-shrink: 0;
    z-index: 1;
    background-color: #f0f8ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 20px
}

.quant_itext {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 0 10px;
    margin-top: 40px
}

.quant_icount {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    margin-top: 3px
}

.quant_icontrol-plus {
    top: 62px;
    right: 0;
    transform: translate(65%, 0%)
}

.quant_icontrol-minus {
    top: 62px;
    left: 0;
    transform: translate(-65%, 0%)
}

.quant_iother-service {
    background: #fff;
    border: 1px solid rgba(9, 10, 31, .05);
    border-radius: 24px;
    height: 76px;
    display: flex;
    padding: 0 14px;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px
}

.quant_iother-service-increase,
.quant_iother-service-decrease {
    background: #f8fafe;
    border-radius: 16px;
    min-width: 72px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #457ce9;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    padding: 0 19px;
    cursor: pointer
}

.quant_iother-text {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.quant_idisabled {
    cursor: default;
    opacity: .4
}

@media only screen and (max-width: 600px) {
    .quant_icontrol-plus {
        top: 50%;
        right: 0;
        transform: translate(50%, -50%)
    }

    .quant_icontrol-minus {
        top: 50%;
        left: 0;
        transform: translate(-50%, -50%)
    }

    .quant_itext {
        margin: 0;
        gap: 0 6px
    }

    .quant_iother-service {
        margin-top: 24px
    }

    .quant_iother-service-increase,
    .quant_iother-service-decrease {
        font-size: 16px
    }

    .quant_icount {
        font-size: 18px;
        line-height: 27px
    }
}

@media only screen and (max-width: 375px) {
    .quant_icontrol-plus {
        right: 7px
    }

    .quant_icontrol-minus {
        left: 7px
    }
}

.burger {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 200;
    transition: all .2s;
    display: none
}

.burger__blur {
    width: 100vw;
    height: 100vh;
    position: absolute;
    background: rgba(251, 251, 251, .5);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px)
}

.burger__content {
    width: 80%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .4s;
    background: #fff;
    padding: 39px 16px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.burger-active {
    transform: translateX(0)
}

@media only screen and (max-width: 1320px) {
    .burger {
        display: block
    }
}

.panel-block {
    min-height: 108px;
    padding: 25px 48px;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px;
    cursor: pointer
}

.panel-block-update {
    min-height: 108px;
    padding: 39px 48px;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: 24px;
    margin-top: 24px;
    cursor: pointer
}

.panel-block-color-update-nav {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.panel-block-update-nav {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.panel-block-color {
    background: rgba(69, 124, 233, .05);
    border-radius: 24px;
    padding: 39px 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px;
    align-items: flex-start;
    cursor: pointer
}

.panel-block-color-update {
    background: rgba(69, 124, 233, .05);
    border-radius: 24px;
    padding: 39px 48px;
    margin-top: 24px;
    cursor: pointer
}

.panel-container {
    max-width: 85%
}

.panel-title {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #000
}

.panel-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, .5);
    margin-top: 20px;
    max-width: 1000px;
    /* margin-bottom: -15px !important; */
}

.panel-text>a {
    color: #457ce9
}

.panel-text-update {
    margin-top: 30px
}

.expanded-cirkul {
    border: 1.5px solid rgba(0, 0, 0, .1);
    border-radius: 22px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s ease-out;
    background: none !important;
}

.expanded-cirkul-color {
    border: 1.5px solid rgba(0, 0, 0, .1);
    border-radius: 22px;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #457ce9;
    transition: all .5s ease-out
}

.expanded-cirkul>div {
    width: 9px;
    height: 9px
}

.expanded-cirkul>div>img {
    top: 50%;
    left: 50%
}

.expanded-cirkul-color>div {
    width: 9px;
    height: 9px
}

.expanded-cirkul-color>div>img {
    top: 50%;
    left: 50%
}

.panel-list {
    position: relative;
    margin-left: 25px
}

.panel-show {
    display: block
}

.panel-difference {
    border: 1px solid rgba(69, 124, 233, .3);
    border-radius: 10px;
    min-height: 220px;
    display: flex;
    margin-top: 30px;
    max-width: 1000px
}

.panel-hide {
    display: none
}

.panel-list::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    top: 40%;
    left: -15px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 7.5px;
    opacity: .5;
    background-color: #000;
    position: absolute
}

.panel-tick-img {
    height: 25px;
    width: 25px
}

.panel-crown-img {
    height: 16px;
    width: 20px
}

.panel-difference-title {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 180%;
    color: #457ce9
}

.panel-difference-title-block {
    display: flex;
    gap: 10px;
    height: 62px;
    align-items: center;
    padding-left: 32px
}

.panel-difference-text-block {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    color: rgba(0, 0, 0, .8);
    max-width: 402px;
    padding-left: 32px
}

.panel-difference-block {
    width: 50%
}

.panel-difference-block-normal {
    border-right: 1px solid rgba(69, 124, 233, .3)
}

.panel-difference-line {
    height: 1px;
    background: rgba(69, 124, 233, .3);
    width: 100%;
    margin-bottom: 20px
}

.panel-difference-part-line {
    height: 1px;
    background: rgba(69, 124, 233, .3);
    width: 83%;
    margin-bottom: 20px
}

@media only screen and (max-width: 600px) {

    .panel-block,
    .panel-block-color,
    .panel-block-color-update,
    .panel-block-update {
        padding: 24px 16px;
        min-height: 84px
    }

    .panel-title {
        font-size: 18px;
        line-height: 27px
    }

    .panel-text {
        font-size: 16px;
        line-height: 180%
    }

    .panel-difference {
        flex-direction: column;
        border: none;
        margin-top: 20px
    }

    .panel-difference-block-normal {
        border-right: none
    }

    .panel-difference-block {
        width: 100%;
        border: 1px solid rgba(69, 124, 233, .3);
        border-radius: 24px
    }

    .panel-difference-block-premium {
        margin-top: 16px
    }

    .panel-difference-text-block {
        padding: 0
    }

    .panel-difference-part-line {
        height: 1px;
        width: 100%
    }

    .panel-difference-line {
        margin-bottom: 18px
    }

    .panel-difference-text-block {
        padding: 0 16px 16px
    }
}

.go-home-btn {
    display: block;
    border: 1.5px solid #457ce9;
    background: #457ce9;
    border-radius: 16px;
    margin: 140px auto 60px;
    width: 374px;
    height: 60px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 14px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (max-width: 600px) {
    .go-home-btn {
        width: 100%;
        margin: 64px 0
    }
}

.steps__img-block {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 80px
}

.steps__img-cirkul {
    background: #f6f9ff;
    border-radius: 24px;
    height: 120px;
    width: 120px;
    display: flex;
    justify-content: center;
    align-items: center
}

.steps__img0>span>img {
    max-width: 78px;
    max-height: 55px
}

.steps__img1>span>img {
    max-width: 54px
}

.steps__img2>span>img {
    max-width: 54px
}

.steps__img3>span>img {
    max-width: 54px
}

.steps__count-block {
    display: flex;
    justify-content: space-around;
    position: relative;
    margin-top: 24px
}

.steps__step-count-text {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 170%;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #457ce9;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    background: #fff;
    z-index: 100
}

.steps__step-one {
    border: 2px solid #c6d7f8
}

.steps__step-two {
    border: 2px solid #a1bdf4
}

.steps__step-three {
    border: 2px solid #749dee
}

.steps__step-four {
    border: 2px solid #4f83ea
}

.steps__line {
    position: absolute;
    top: 50%;
    background-image: linear-gradient(to right, #c6d7f8, #457CE9);
    height: 2px;
    width: 100%;
    background-color: #457ce9
}

.steps__text-block {
    display: flex;
    justify-content: space-around
}

.steps__text-content {
    max-width: 364px
}

.steps__step-title {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 170%;
    text-align: center;
    margin-top: 24px
}

.steps__step-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 170%;
    text-align: center;
    margin-top: 10px;
    color: rgba(0, 0, 0, .5)
}

.steps__step-text>a {
    color: #457ce9
}

.steps__text-block-less {
    max-width: 250px
}

.steps__text-block-less-refferal {
    max-width: 276px
}

@media only screen and (max-width: 600px) {
    .steps {
        display: none
    }
}

.steps-swipper {
    display: none
}

@media only screen and (max-width: 600px) {
    .steps-swipper {
        display: block
    }

    .steps-swipper .swiper-container {
        position: relative
    }

    .steps-swipper .swiper-wrapper {
        display: flex;
        margin-top: 52px
    }

    .steps-swipper .swiper-pagination {
        position: absolute;
        display: flex;
        justify-content: center;
        pointer-events: none;
        bottom: auto !important;
        top: 200px;
        left: calc(50%) !important;
        transform: translateX(-50%);
        width: auto !important
    }

    .steps-swipper .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        margin: 0 3px !important;
        border: 1px solid #29abe2;
        opacity: 1;
        background-color: #457ce9;
        position: relative;
        transition: all .2s ease-out;
        pointer-events: visible;
        opacity: .2;
        border-radius: 50%
    }

    .steps-swipper .swiper-pagination-bullet-active {
        background-color: #457ce9;
        opacity: 1
    }

    .steps-swipper .swiper-slide {
        flex-shrink: 0;
        width: 100%;
        position: relative;
        /* background: rgba(255, 255, 255, .8); */
        min-height: 268px;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .steps-swipper__step-text {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 170%;
        text-align: center;
        color: #000;
        opacity: .5;
        margin-top: 10px
    }

    .steps-swipper__step-title {
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 170%;
        text-align: center;
        color: #000;
        margin-top: 50px
    }

    .steps-swipper__img-cirkul {
        background: #f6f9ff;
        border-radius: 19.2px;
        height: 96px;
        width: 96px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .steps-swipper__count-block {
        border: 2px solid #c6d7f8;
        border-radius: 50%;
        z-index: 100
    }

    .steps-swipper__step-count-text {
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 170%;
        text-align: center;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #457ce9;
        height: 48px;
        width: 48px;
        border-radius: 50%;
        background: #fff;
        z-index: 100
    }

    .steps-swipper__img {
        width: 44px
    }

    .steps-swipper__count-wrapper {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px
    }

    .steps-swipper__line {
        position: absolute;
        top: 50%;
        background-image: linear-gradient(to right, #c6d7f8, #457CE9);
        height: 2px;
        width: 100%;
        background-color: #457ce9;
        z-index: 50
    }
}

.tips__main-title {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 37px;
    text-align: center;
    color: #000;
    margin-top: 160px
}

.tips__block-reverse {
    display: flex;
    justify-content: space-between;
    gap: 0 40px;
    flex-direction: row-reverse;
    margin-top: 64px
}

.tips__block {
    display: flex;
    justify-content: space-between;
    gap: 0 36px;
    margin-top: 64px
}

.tips__title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 37px;
    color: #000
}

.tips__text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    color: #000;
    opacity: .5;
    margin-top: 10px
}

.tips__img {
    max-width: 498px;
    width: 100%;
    min-height: 420px
}

.tips__block-text {
    max-width: 570px
}

.tips__img-fix {
    max-height: 420px
}

.tips__img-fix-small {
    height: 420px;
    min-height: 420px
}

.tips__img-pc {
    display: block
}

.tips__img-mobile {
    display: none
}

@media only screen and (max-width: 1200px) {

    .tips__block,
    .tips__block-reverse {
        flex-direction: column-reverse;
        height: 100%
    }

    .tips__img {
        max-width: 100%;
        height: 700px;
        min-height: 100%
    }

    .tips__block-text {
        max-width: 100%
    }

    .tips__title {
        margin-top: 24px
    }
}

@media only screen and (max-width: 600px) {
    .tips__main-title {
        font-size: 24px;
        line-height: 37px;
        margin-top: 64px;
        margin-bottom: 32px
    }

    .tips__first-block {
        margin-top: 0
    }

    .tips__img {
        height: 400px
    }

    .tips__title {
        font-size: 18px;
        line-height: 37px
    }

    .tips__text {
        margin-top: 10px;
        line-height: 200%
    }

    .tips__img-pc {
        display: none
    }

    .tips__img-mobile {
        display: block
    }
}

@media only screen and (max-width: 480px) {
    .tips__img {
        height: 250px
    }
}

@media only screen and (max-width: 375px) {
    .tips__img {
        height: 176px
    }
}

.box {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    position: relative;
    margin-top: 29px
}

.box__count {
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    margin-top: 3px
}

.box__title-block {
    display: flex;
    justify-content: center;
    gap: 0 10px;
    align-items: center;
    margin-top: 30px
}

.box__title-block-followers {
    margin-top: 28px
}

.box__service-name {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: rgba(0, 0, 0, .35);
    /*margin-top: 17px*/
}

.box__service-name-youtube {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: rgba(0, 0, 0, .35);
    margin-top: 17px
}

.box__service-name-youtube-sub {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: rgba(0, 0, 0, .35)
}

.box__service-name-mt {
    margin: 0
}

.box__discount-img {
    position: absolute;
    top: -15px;
    right: -11px;
    width: 36px;
    height: 36px
}

.box__card {
    /* border: 1px solid rgba(9, 10, 31, .05); */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    width: 148px;
    border-radius: 24px;
    height: 140px;
    position: relative
}

.box__card--discount {
    position: relative
}

.box__card--followers {
    background-color: #eef0f0 !important;
    box-shadow: 4px 4px 11px 0 rgba(0, 0, 0, .2);
    border-radius: 30px !important;
    padding: 50px 20px !important
}

.box__selected {
    border: 1.5px solid #457ce9
}

.box__selected-red {
    border: 1.5px solid red
}

.box__selected:hover {
    cursor: pointer
}

.box .card-hover:hover {
    box-shadow: 10px 10px 30px rgba(135, 160, 164, .1);
    cursor: pointer;
    border: none
}

.box .card-hover:active {
    border: 1.5px solid #457ce9
}

.box__stopped-block {
    width: 90px;
    height: 40px;
    position: absolute;
    top: -20px;
    right: -14px;
    background: #fbfbfb;
    border-radius: 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: rgba(0, 0, 0, .35);
    display: flex;
    justify-content: center;
    align-items: center
}

.box__count-disabled {
    color: rgba(0, 0, 0, .35)
}

.box__icon {
    text-align: center
}

.box__icon img {
    height: 35px
}

.box__icon--medium img {
    height: 60px
}

.box__right {
    width: 260px;
    flex-shrink: 0;
    padding: 40px;
    background-color: #f4f4f4
}

.box__right--flex {
    display: flex
}

.box__right--flex-column {
    flex-direction: column
}

.box__left {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 30px
}

.box__inner-card {
    width: calc(100%/2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px
}

.box__likes-color {
    width: 28px;
    height: 30px
}


.box__followers-color {
    width: 28px;
    height: 29px
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation: fadeIn .5s ease-in
}
@media only screen and (min-width: 768px){
    .sN_navbar{
        display: flex;
        position: relative;
        flex-wrap: wrap;
        gap: 20px 35px;
    }
}
@media only screen and (max-width:600px) {
    .box {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: space-between;
    }
    .box__card {
        /* width: calc(100% - 12px); */
        width: 100%;
        margin: 0;
        height: 109px !important;
        padding: 8px 9px;
        /* flex: 1 1 calc(100% - 12px); */
        flex: 1 1 100%;
        box-sizing: border-box;
    }
    .first-group {
        width: calc(23% - 12px);
        flex: 1 1 calc(23% - 12px);
    }
    
    .second-group {
        width: calc(33.33% - 12px);
        flex: 1 1 calc(33.33% - 12px);
    }
    
    .third-group {
        width: 100%;
        flex: 1 1 100%;
    }
    
    .box__title-block {
        display: flex;
        justify-content: center;
        gap: 0 6px;
        align-items: center;
        margin-top: 0;
    }
    
    .box__add-width {
        width: 166px;
    }
    
    .box__count {
        font-size: 16px;
        margin-top: 15px;
        line-height: 27px;
    }
    
    .box__likes-color {
        width: 24px;
        height: 20px;
        min-width: 24px;
        min-height: 20px;
    }
    
    .box__followers-color {
        width: 24px;
        height: 24px;
        min-width: 25px;
    }
    
    .box__title-block-followers {
        margin-top: 0;
    }
    
    .box__service-name-youtube-sub {
        font-size: 13px;
        line-height: 21px;
    }
    
    .box__service-name-youtube,
    .box__service-name {
        font-size: 13px;
        line-height: 21px;
        margin-top: -9px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .box__service-name-youtube>span {
        display: none;
    }
    
    .box__discount-img {
        position: absolute;
        top: -7px;
        right: -5px;
        width: 24px;
        height: 24px;
    }
    
    .box__stopped-block {
        width: 76px;
        height: 29px;
        position: absolute;
        top: -5px;
        right: -7px;
        background: #fbfbfb;
        border-radius: 10px;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        color: rgba(0, 0, 0, .35);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .box__selected {
        border: 1.5px solid #457ce9 !important;
    }
    
    .box .card-hover:hover {
        box-shadow: none;
        border: 1px solid rgba(9, 10, 31, .05);
    }
    
}
.header__container {
    padding-top: 80px
}

.header__cirkul {
    width: 56px;
    height: 56px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.header__cirkul-color {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(212, 46, 134, .05)
}

.header__instagram-img {
    width: 24px;
    height: 24px
}

.header__instagram-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    gap: 0 10px
}

.header__instagram-wrapper-white {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 70px;
    height: 100%;
    gap: 0 10px;
    box-shadow: 5px 5px 30px rgba(135, 160, 164, .1);
    border-radius: 24px
}

.header__links {
    position: relative
}

.header__facebook,
.header__youtube,
.header__spotify {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    background: #fff;
    border: 1px solid #e3e8eb;
    border-radius: 50%
}

.header__facebook {
    z-index: 50
}

.header__youtube {
    z-index: 40;
    margin-left: -14px
}

.header__spotify {
    z-index: 30;
    margin-left: -14px
}

.header__other-icons {
    height: 24px;
    width: 24px
}

.header__instagram-title {
    color: #fff;
    font-size: 18px
}

.header__instagram-title-color {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    background-image: linear-gradient(94.79deg, #f6ec32 -53.82%, #df2e80 79.03%, #132ef7 201.25%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.header__other-title {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #babec0;
    margin-left: 10px
}

.header__other-title-color {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    margin-left: 10px
}

.header__services-nav {
    margin-bottom: 500px;
    position: relative;
    height: 80px;
    width: 60%;
    margin: 0 auto
}

.header__services-container {
    padding-top: 80px
}

.header__color-block {
    background: linear-gradient(94.79deg, #f6ec32 -53.82%, #df2e80 79.03%, #132ef7 201.25%), #d9d9d9;
    border-radius: 16px;
    width: 50%;
    z-index: 100;
    height: 80px;
    position: absolute
}

.header__white-block {
    z-index: 50;
    border-radius: 16px;
    width: 60%;
    border: 1px solid rgba(0, 0, 0, .1);
    position: absolute;
    height: 80px
}

.header__active {
    background: linear-gradient(94.79deg, #f6ec32 -53.82%, #df2e80 79.03%, #132ef7 201.25%), #d9d9d9;
    width: 50%;
    z-index: 100;
    height: 80px;
    border-radius: 24px;
    position: absolute;
    cursor: pointer
}

.header__not-active {
    z-index: 50;
    width: 60%;
    border: 1px solid rgba(0, 0, 0, .1);
    position: absolute;
    border-radius: 24px;
    height: 80px;
    box-shadow: 5px 5px 30px rgba(135, 160, 164, .1);
    cursor: pointer
}

.header__other {
    display: flex;
    top: 0;
    right: 0;
    justify-content: flex-end;
    height: 100%;
    align-items: center;
    padding-right: 54px;
    border: none;
    cursor: pointer
}

.header__other-icons-color {
    height: 24px;
    width: 24px
}

.header__active-other {
    background: #457ce9;
    border-radius: 24px;
    width: 50%;
    z-index: 100;
    height: 80px;
    position: absolute
}

.header__inst {
    top: 0;
    left: 0;
    border: none
}

.header__services-nav-test {
    display: flex;
    justify-content: center;
    padding-top: 80px
}

.header__color-icons {
    background: #457ce9;
    border: 1px solid rgba(255, 255, 255, .25)
}

.header_account {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 130px;
    height: 60px;
    border: 1.5px solid #457ce9;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer
}

.header_account-flex {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-around;
    min-height: 40px
}

.header_account-flex-title-small {
    font-weight: 400;
    font-size: 10px;
    opacity: .6
}

.header_account-flex-title-big {
    font-weight: 500;
    font-size: 16px
}

.header_flex_block {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px
}

@media only screen and (max-width: 958px) {
    .header_flex_block {
        flex-wrap: wrap;
        justify-content: space-between
    }

    .header_item_special {
        order: 1
    }

    .header_flex_item.header_item_special {
        margin-top: 20px;
        width: 100%
    }
    .box {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: space-between;
    }
    .box__card {
        /* width: calc(100% - 12px); */
        width: 100%;
        margin: 0;
        height: 152px;
        padding: 8px 9px;
        /* flex: 1 1 calc(100% - 12px); */
        flex: 1 1 100%;
        box-sizing: border-box;
    }
    .first-group {
        width: calc(23% - 12px);
        flex: 1 1 calc(23% - 12px);
    }
    
    .second-group {
        width: calc(33.33% - 12px);
        flex: 1 1 calc(33.33% - 12px);
    }
    
    .third-group {
        width: 100%;
        flex: 1 1 100%;
    }
    .triAngle__count-block {
        flex-direction: column;
        display: flex;
        gap: 24px
    }

    .triAngle__text {
        gap: 0;
        flex-direction: column-reverse
    }
}

@media only screen and (max-width: 600px) {
    .header__other {
        padding-right: 80px
    }

    .header__services-nav {
        padding-top: 36px
    }

    .header__instagram-wrapper-white {
        padding-left: calc((100% - 129px) / 2 - 20px)
    }

    .header__instagram-title-color,
    .header__instagram-title {
        font-size: 16px
    }

    .header__other,
    .header__inst {
        height: 64px;
        border-radius: 16px
    }

    .header__cirkul {
        width: 36px;
        height: 36px
    }

    .header__cirkul-color {
        height: 36px;
        width: 36px
    }

    .header__instagram-img {
        width: 18px;
        height: 18px
    }

    .header__facebook,
    .header__youtube,
    .header__spotify {
        width: 36px;
        height: 36px
    }

    .header__other-icons {
        height: 18px;
        width: 18px
    }

    .header__other-title,
    .header__other-title-color {
        font-size: 16px;
        margin-left: 6px
    }

    .header__services-container {
        padding-top: 36px
    }
}

@media only screen and (max-width: 550px) {
    .header__other {
        padding-right: 65px
    }
}

@media only screen and (max-width: 480px) {
    .header__other {
        padding-right: 40px
    }
}

@media only screen and (max-width: 420px) {
    .header__other {
        padding-right: 20px
    }
}

@media only screen and (max-width: 375px) {
    .header__services-nav {
        padding-top: 36px
    }

    .header__instagram-wrapper-white {
        padding-left: calc((100% - 129px) / 2 - 15px)
    }
}

.footer {
    /* background-color: #457ce9; */
    padding: 48px 0 100px
}

.footer__container {
    /* background: #457ce9 */
}

.footer__title {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 170%;
    cursor: pointer;
    color: #fff
}

.footer__icons-wrapper {
    display: flex;
    gap: 0 16px;
    margin-top: 24px
}

.footer__icon-wrapper {
    border: 1px solid #e3e8eb;
    height: 48px;
    width: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.footer__payment {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px
}

.footer__top {
    display: flex;
    gap: 0 114px
}

.footer__cards {
    display: flex;
    justify-content: space-between;
    gap: 0 91px
}

.footer__card-text {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 200%;
    color: #fff;
    opacity: .7
}

.footer__card-text:hover {
    color: #fff;
    opacity: .7;
    text-decoration: underline
}

.footer__card-text:active {
    color: #fff;
    opacity: .7
}

.footer__bottom {
    border-top: 1px solid rgba(255, 255, 255, .25);
    margin-top: 64px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.footer__pay-img {
    margin-top: 51px;
    display: flex;
    justify-content: flex-start;
    gap: 0 16px;
    align-items: center
}

.footer__card-title {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: #fff
}

.footer__card-flags {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 64px
}

.footer__card-active {
    background: rgba(255, 255, 255, .25);
    border-radius: 6px;
    width: 64px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
    padding-top: 4px
}

.footer__account {
    display: flex;
    justify-content: center;
    gap: 0 32px;
    width: 780px;
    margin: 160px auto
}

.footer__sign-in,
.footer__my-account-btn {
    background: #457ce9;
    width: 50%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 8px;
    border-radius: 16px;
    color: #fff;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 14px;
    cursor: pointer
}

.footer__contact {
    border: 1.5px solid #457ce9;
    width: 50%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 8px;
    background: #fff;
    border-radius: 16px;
    color: #457ce9;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 14px
}

.footer__contact>img {
    max-width: 24px
}

.footer__img-flag {
    height: 36px;
    width: 33px
}

.footer__sign-in>img {
    width: 24px
}

.flags>img {
    height: 24px;
    width: 36px
}

.first-link-footer {
    margin-top: 18px;
    display: block
}

.last-title-footer {
    margin-top: 36px;
    display: block
}

.rules-footer {
    max-width: 224px
}

@media only screen and (max-width: 1350px) {
    .footer__top {
        display: flex;
        flex-wrap: wrap;
        gap: 30px 0;
        padding: 0 16px
    }

    .footer__title {
        display: flex;
        justify-content: center;
        width: 272px
    }

    .footer__cards {
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
        text-align: center;
        gap: 50px
    }

    .footer__card {
        width: 272px
    }

    .footer__header {
        display: flex;
        justify-content: center;
        width: 100%;
        gap: 50px;
        flex-wrap: wrap
    }

    .footer__icons-wrapper {
        margin-top: 0
    }

    .footer__pay-img {
        display: flex;
        justify-content: center;
        width: 272px;
        margin-top: 0
    }
}

@media only screen and (max-width: 800px) {
    .footer__bottom {
        padding: 0 16px
    }

    .footer__card-flags {
        margin-top: 20px
    }

    .footer__card-active {
        margin-top: 20px
    }
}

@media only screen and (max-width: 630px) {
    .footer {
        padding: 32px 0
    }

    .footer__header {
        display: flex;
        justify-content: flex-start;
        width: 100%;
        gap: 32px 0;
        flex-direction: column
    }

    .footer__title {
        width: fit-content;
        font-size: 24px
    }

    .footer__cards {
        gap: 36px 0;
        text-align: left
    }

    .footer__card {
        width: fit-content
    }

    .footer__pay-img {
        width: fit-content;
        margin-top: 0
    }

    .footer__card-title {
        font-size: 18px
    }

    .footer__card-text {
        font-size: 14px
    }

    .rules-footer {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        max-width: fit-content
    }

    .us-footer {
        width: 200px
    }

    .help-footer {
        width: fit-content
    }

    .last-title-footer {
        margin: 0
    }
}

@media only screen and (max-width: 600px) {
    .footer {
        padding: 32px 0
    }

    .footer .rules-footer {
        max-width: 100%
    }

    .footer__bottom {
        padding: 0
    }

    .footer__top {
        padding: 0;
        gap: 48px 0
    }

    .footer__header {
        display: flex;
        justify-content: flex-start;
        width: 100%;
        gap: 32px 0;
        flex-direction: column
    }

    .footer__title {
        width: fit-content;
        font-size: 24px
    }

    .footer__accept {
        max-width: 186px
    }

    .footer__card {
        width: 100%
    }

    .footer__card-flags {
        margin-top: 28px
    }

    .footer__card-active {
        margin-top: 26px
    }

    .footer__cards {
        gap: 36px 0;
        justify-content: space-between
    }

    .footer__pay-img {
        width: fit-content;
        margin-top: 0
    }

    .footer__card-title {
        font-size: 18px
    }

    .footer__card-text {
        font-size: 14px
    }

    .footer__icons-wrapper {
        gap: 0 12px
    }

    .footer__bottom {
        margin-top: 28px;
        overflow-x: scroll;
        max-width: 450px;
        gap: 0 14px;
        flex-wrap: nowrap;
        margin: 28px auto 0;
        padding-bottom: 10px
    }

    .footer__bottom::-webkit-scrollbar {
        height: 6px
    }

    .footer__bottom::-webkit-scrollbar-track {
        background: #fafafa
    }

    .footer__bottom::-webkit-scrollbar-thumb {
        background: rgba(69, 124, 233, .25);
        border-radius: 3px
    }

    .footer__account {
        display: flex;
        flex-direction: column;
        gap: 20px 0;
        width: 100%;
        margin: 64px auto
    }

    .footer__sign-in,
    .footer__contact,
    .footer__my-account-btn {
        width: 100%
    }

    .us-footer {
        width: fit-content
    }

    .first-link-footer {
        margin-top: 10px
    }

    .help-footer {
        width: fit-content
    }
}

.form {
    transition: all .2s ease-out;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.form--mt {
    margin-top: 18px
}

.form__textField {
    position: relative;
    display: block;
    width: 100%;
    /* border: 1px solid rgba(0, 0, 0, .1); */
    border: none !important;
    border-radius: 16px;
    height: 60px;
    padding-left: 60px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 3px 0px;
}

.form__textField::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: rgba(0, 0, 0, .25)
}
.form__textarea{
        position: relative;
    display: block;
    width: 100%;
    /* border: 1px solid rgba(0, 0, 0, .1); */
    border: none !important;
    border-radius: 16px;
    height: 60px;
    padding-left: 60px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 3px 0px;
}
.form__textarea::placeholder{
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: rgba(0, 0, 0, .25)
}
.form__count {
    margin-top: 20px
}

.form__textField-error {
    border: 1px solid red
}

.form .default-input {
    position: relative;
    display: block;
    width: 100%;
    padding: 17px 0;
    border: none;
    border-bottom: 1px solid #00abdf;
    background-color: transparent;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    outline: none
}

@media (max-width: 450px) {
    .form .default-input {
        font-size: 16px
    }
}

.form .default-input::placeholder {
    font-weight: 300;
    color: #000
}

.form input[type=email],
.form input[type=text],
.form input[type=number] {
    font-family: inherit;
    font-size: 18px;
    line-height: 18px
}

.form__email {
    position: relative;
    margin-top: 20px
}

.form__email:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 25px;
    margin: auto 0;
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgBAMAAAAQtmoLAAAAMFBMVEUAAABHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA2KWqSAAAAEHRSTlOAABBwYDh4QAhIKBhQaCAwPp9oegAAAdZJREFUWMPt17FKHFEUxvE/zjoqaPFdIisq4qCkCw4plcCaEGK5gZB6CdikUgjWWUiTLqVVQAJCysUXyL6B+AY+g2WaFHfmzjh7Z+dOuoQ53bLn5945fHs9i1oWHejA/w42PqU0VPw6KYAZEFCriQPvCarTHPQJrPMMDEPBogVmFAriRELatq+ipH6WW9kQjyWkXYjzD6ypIUAKyxLSEBb2AC7r+r8CHD2FJQlpAFMzmHMocwv0xn3oSUgjmNjRHvrBtR3pDkQSEiDpRz7omeoDfFTW6IBJgZ7nUBsDYC2ZAfbJns+CGzePCrCze1vtXy8mXgUmBVbGlQN9A6KJF2jfc6hnACfyA50B0VW5f3MELKkObKalt92fiK9qgfYAXhb9XwDuVA/sIyaPQlqMwQPKQ5wdtA+oHFsbUs0HpdhmIW0ApdheV+PoBy62LqRNwKRA9PvAhbQJ2Ge19fhLWweKe6pyLdQCk10qWUibgY2tC2kA0IO7ewOBfr568V1tgP+fTwc60IF/AaRwH9K/BXG+nJyHgO18OTmDDyFgFxYlpM/zt7HyBbogIT0BVidN/TsXwPTvlsTWa2j7Rbf1Ki3zK6S/VyzrMu8aHzx6M+5+ZXWgA5X6A5dTG3wjYTjTAAAAAElFTkSuQmCC) no-repeat;
    background-size: cover;
    z-index: 100
}

.form__username {
    position: relative
}

.form__username:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 25px;
    margin: auto 0;
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAM1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAABHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABOeO39AAAAEXRSTlOAeAhAcFBgABAwIDgoaEgYWBUXKggAAAC0SURBVCjPZZBbFsQgCEMDAkXta/+rHbV1bG1+UO8BErH8lXJYxw394IYiWWfgQpmXJEgTUHgtvMkERK+69pYOEO6RiBPYb2tY38CEn7sGSNBKcu8cOQLkVIN+Ai6uIha/yWd1wHE/zWyP/gIcCLQVQID6AIdA78CHEsUOnOQYw31r4QtgEX+u5Y28gQB/G3LSBkRnqwFcQf/Yofr3BZDNQK+ODMnxKaszqt0oeInySO5PtacfZ6MOlrATjsoAAAAASUVORK5CYII=) no-repeat;
    background-size: cover;
    z-index: 100
}

.form__link:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 25px;
    margin: auto 0;
    width: 24px;
    height: 24px;
    background: url('../assets/images/ikonlar/link.svg') no-repeat !important;
    background-size: cover;
    z-index: 100
}
.form_codeKey{
    position: relative;
}

.form_codeKey:before {
    content: "\f084"; /* fa-key unicode değeri */
    font-family: "Font Awesome 6 Free";
    font-weight: 900; /* solid ikonlar için */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 25px;
    margin: auto 0;
    font-size: 20px;
    color: #555; /* isteğe göre */
    z-index: 100;
    margin-top: 16px;
}

.form__btn-block {
    display: flex;
    gap: 12px
}

.form__bin-btn {
    background: rgba(69, 124, 233, .1);
    border-radius: 16px;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 36px
}

.form__bin-btn>div {
    height: 36px;
    width: 36px;
    min-height: 36px;
    max-height: 36px;
    min-width: 36px;
    max-width: 36px
}

.form__username-error {
    position: relative
}

.form__username-error:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 25px;
    margin: auto 0;
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAdVBMVEVHcEz8WlX8W1X7XFT/YFD7W1X6Wlb/WFj6WlX7W1X8WlX3WFj7W1X7Wlb/YFj3YFj6W1f7Wlb6WlX8W1b7WlX8XFP7WlT6WVT7XFj6WVT7W1b7Wlb/UFD6YFX8WlX8XFb7WlX7WlP6W1T6XFf8WVP8WVb7WlVbvjKPAAAAJnRSTlMA359AEO/fIGC/nyDPgCAgcH8wX+9QgKBAcI+vEDBgUJCQoG9QUFR50lsAAAC4SURBVBgZjcFXVgMxEATAVtZsdo5Em77/EdHqgVnJP1Thz3Hqv/BsFCbqjsro3XSF8TQoaQYktlMo+QbZjgYF9shavqLAd2RHvqEgymKmGVAw1BbAjR+o7KkujfATT9qD9xLxbzaeLyJyjgOW7MrRdSLiSD3g4cWzMcjWB7fd4Mfo1BoPbccNMutVwILttgNmKwYUWqcx8w0qPS0S9qjsaJA4QUXTIjlRTXFJuEcWPQvuhF/XsITZNyOeDNjDEoAeAAAAAElFTkSuQmCC) no-repeat;
    background-size: cover;
    z-index: 100
}

.form__comments-list {
    margin-bottom: 20px
}

.form__control {
    display: none;
    animation: fadeIn .5s ease-in
}

.form__control.active {
    display: block
}

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

.form__chosen-number,
.form__number {
    width: 82px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 33px
}

.form__chosen-number {
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 16px;
    background: linear-gradient(94.79deg, #f6ec32 -53.82%, #df2e80 79.03%, #132ef7 201.25%);
    border-radius: 16px;
    border: none;
    color: #fff
}

.form__number {
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 16px;
    cursor: pointer
}

.form__number-another {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    border-radius: 16px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .15);
    color: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 102px;
    height: 60px
}

.form__number-another:hover,
.form__number:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
    border: none
}

.form__btn {
    background: #457ce9;
    box-shadow: 5px 25px 30px rgba(69, 124, 233, .1);
    border-radius: 16px;
    color: #fff;
    width: 100%;
    height: 60px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-top: 18px
}
.form___btn {
    background: linear-gradient(135deg, #0ea5e9, #0995d6) !important;
    box-shadow: 5px 25px 30px rgba(69, 124, 233, .1);
    border-radius: 16px;
    color: #fff;
    width: 100%;
    height: 60px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-top: 18px
}

.form__btn-followers {
    margin: 0
}

.form--loading {
    pointer-events: none;
    opacity: .7
}

.form__stars {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    margin-top: 24px;
    margin-bottom: 32px
}

.form__stars label {
    margin: 0 6px;
    display: block;
    width: 35px;
    height: 32px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACRCAMAAAAbxMEvAAAAY1BMVEVHcEzS0tLPz8/X19fT09PT09Pf39/U1NTPz8/T09PU1NTT09PR0dHT09PV1dXU1NTS0tLV1dXT09PS0tLS0tLT09PU1NTT09PT09PR0dHS0tLS0tLU1NTV1dXPz8/S0tLT09PEeMSgAAAAIHRSTlMAYBAgv+8Q3yBAn5BwgGCP7zCvUKDPz39vgJ+PcH8wsIPo8y8AAARHSURBVHja7Ztre6MgEIXxinhLoontttvu+f+/cj8kUTSoqAPYXedbm0eeE87LDJCRsSOOOOKII/6LELyp96Qn4EAU7EhQCgDhfvR4AADUezIMAKJ4T4YBwGknKwwAfhUAIHYhiAPgzOcA+B5M+wKA5DlROyAaADLGGMsA4LIPwxLG2N0058noHQA8ie7csWERgPT5VwXnFSRtDWOMseTs2jRPMowxxnLHFSR4wTh0W0HSRwrqIjm7rCC1IhU6rSD3mjGIm7sK8vViWJuMnJjW1Yx+OKsgHAD3X//vqoJ8DVLQwLTciWGp+jMnFaTq1YyBaQ4qiDdqWFtBrJoWcADV+OfWK0iqTEGDCpJaNmxy+5xbrSCxsmY4rCCfM4bZriCB1nkns2eahmHPCtJYqxka21RbB8epmvFqmvkKEjcTNUNRQRqjiuLyI5qsGYp0FaWeodWf5OHjGkg7BT8fCHPqDVssTvx5K4XG133Mv7UP8VQQGlVF7cCICn/BswWXnqw8AqDEW9gNiVux+HuK7CYNsM28WJzkqQnzZCV9nvyleLrurB3noawmE/6Wifbrq2QeFpvXNyosSID8LmTzmpPuoHH90TfKJ0wdnrw+eFrHGslGfmKjUerZ75kXTpknJxsgLL5NZfzvPJw3L+gZ9VH6zGgMzQtG0zzAM0ubYZF1jrwe49rMlTCL0RVI9QxlPrMefq6eoeTs6KYp5gCiZGT3ktoXlI7usDIn1yjvI/dez91LZPnuK8DEGcYBRqMAucIondmi28ZoAiAnGE0C5ACjGYDsY5RqnfHsYTQLkGWMNACyipEWQDYxShdcEtjASBMgaxhpA2QJowUASRgZvEP9XACQDYwWAfTAiBu8IAyikd/+HGG0GKB75MYw+gSA38ufM4XRCoCMYrQKIIMYrQTIHEZrATKF0WqADGG0ASAjGG0CyARG2wCSMCK6wPK2ASRhRNSlEG4E6B4CAGgo0vjtWCc4zTCMJYs2iT9IkPJG0uVIh6C5dQ8gohF0JlmvVCiSLY9DkE6mJiodN5KyKGhr2T8oqAbwh0ZQBaDcPEpJd3t1PQRZEVQAKGgE0Qx1CNI5dvymEZQTHDqoSCRcH7sTVNG97UMjKKQ7udKUxR8q6FLWF0uCbvPvscT3BjE+11hGs/mc3XcKqTlpugHPhqDkTWpLGmtNohU0cZiKy25ywkpqK5sQtP2IN3rclLoum8JnLPF4N00Xc0dX9SBx19YWdR1i4tpqVBJuTJDoegsHbY6+1GX62h9MIejV97jjOCoU1iRdnyJ/C8hPioOVEdcSx6P5sh4hnFzQkOOJx5SEUwi6tG9nqDmeSJgd4c2DcApBz/ojqjGOJ66WhoRTFGoBIOxxvGjEPuFUgqDB8Xh4HeERgaBy7esBasK3b4fLtn9401cTVypBYhnHU9N0b4DfvPvM9Ba5LuHX7cOQNhA76EY+4ogjBvEX8BS7hiqDVgYAAAAASUVORK5CYII=) center/100% no-repeat;
    cursor: pointer
}

.form__stars input {
    display: none
}

.form__stars input:checked~label {
    background: url(https://teaserid.com/assets/images/ikonlar/star.png) center/100% no-repeat
}

.form__textarea {
    position: relative;
    display: block;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 16px;
    height: 146px;
    padding-left: 60px;
    margin-top: 20px
}

.form__textarea::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: rgba(0, 0, 0, .25)
}

.form__textField-review {
    padding-left: 24px
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation: fadeIn .5s ease-in
}

.custom-btn {
    padding-left: 60px
}

.back-btn {
    position: absolute;
    z-index: 200;
    top: 20px;
    right: auto;
    left: 15px;
    cursor: pointer;
    display: flex;
    color: #29abe2;
    line-height: inherit;
    font-weight: 400
}

.back-btn img {
    width: 15px;
    height: 15px;
    margin-right: 10px
}

.back-btn:hover {
    text-decoration: underline
}

.subtitle {
    position: relative
}

.subtitle .line {
    display: block;
    height: 1px;
    background-color: #f2f2f2;
    margin-top: 24px;
    position: absolute;
    width: 100%
}

.subtitle .text {
    background-color: #fff;
    transform: translateY(-28px);
    display: block;
    width: fit-content;
    margin: auto;
    padding: 0 15px
}

.payment-button-container {
    position: relative;
    width: calc(25% - 7.5px);
    margin-left: 5px;
    margin-right: 5px;
}

.payment-button-container:first-of-type {
    margin-left: 0;
}

.payment-button-container:last-of-type {
    margin-right: 0;
}

@media (max-width: 992px) {
    .payment-button-container{
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 10px !important;
    }
}
.payment-button {
    border: 1px solid #ededed;
    transition: .1s;
    background-color: #fcfcfc;
    border-radius: 25px;
    width: 100%;
    padding: 36px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: default;
    opacity: .5
}

.payment-button .left {
    position: relative
}

.payment-button .left .image-wrapper {
    background-color: #fff;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(0, 0, 0, .05);
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 450px) {
    .payment-button .left .image-wrapper {
        width: 50px;
        height: 50px
    }
}

.payment-button .left .image-wrapper img {
    max-width: 90%;
    max-height: 28px
}

.payment-button .left .image-wrapper div {
    max-width: 90%;
    max-height: 28px;
    height: 30px;
    width: 100%
}

.payment-button .left .image-wrapper div>div>img {
    margin: 0 auto
}

.payment-button .left .image-wrapper .payment-lock-img {
    position: absolute;
    top: -9px;
    left: 30px;
    height: 24px;
    width: 24px
}

.payment-button .center {
    flex: 2;
    margin-left: 15px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px
}

@media (max-width: 450px) {
    .payment-button .center {
        font-size: 12px
    }
}

.payment-button .center p {
    font-size: 13px;
    text-align: left;
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}

.payment-button .center p:first-child {
    font-weight: 500;
    margin-bottom: 7px
}

.payment-button .center p:last-child {
    font-weight: 400
}

.payment-button .center p:last-child.green {
    color: #39b54a
}

.payment-button .center p:last-child.green2 {
    color: #39b54a
}

.payment-button .center p:last-child.red {
    color: #fb5a55
}

.payment-button .center p:last-child span.tax {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #b3b3b3
}

@media (max-width: 450px) {
    .payment-button .center p:last-child span.tax {
        font-size: 10px;
        display: inline-block;
        transform: translateY(-3px)
    }
}

.payment-button.available {
    cursor: pointer;
    opacity: unset
}

.payment-button.available:hover {
    background-color: #f3f2f2
}

.payment-button.btn--loading::after {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgMTI4IDEyOCI+PGcgZmlsbD0iI2ZmZiI+PGNpcmNsZSBjeD0iMTYiIGN5PSI2NCIgcj0iMTYiLz48Y2lyY2xlIGN4PSIxNiIgY3k9IjY0IiByPSIxNC4zNDQiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDY0IDY0KSIvPjxjaXJjbGUgY3g9IjE2IiBjeT0iNjQiIHI9IjEyLjUzMSIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNjQgNjQpIi8+PGNpcmNsZSBjeD0iMTYiIGN5PSI2NCIgcj0iMTAuNzUiIHRyYW5zZm9ybT0icm90YXRlKDEzNSA2NCA2NCkiLz48Y2lyY2xlIGN4PSIxNiIgY3k9IjY0IiByPSIxMC4wNjMiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA2NCA2NCkiLz48Y2lyY2xlIGN4PSIxNiIgY3k9IjY0IiByPSI4LjA2MyIgdHJhbnNmb3JtPSJyb3RhdGUoMjI1IDY0IDY0KSIvPjxjaXJjbGUgY3g9IjE2IiBjeT0iNjQiIHI9IjYuNDM4IiB0cmFuc2Zvcm09InJvdGF0ZSgyNzAgNjQgNjQpIi8+PGNpcmNsZSBjeD0iMTYiIGN5PSI2NCIgcj0iNS4zNzUiIHRyYW5zZm9ybT0icm90YXRlKDMxNSA2NCA2NCkiLz48L2c+PC9zdmc+) 0 0 no-repeat;
    background-size: contain;
    z-index: 2
}

.payment-button.btn--loading:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    z-index: 1;
    background-color: rgba(255, 255, 255, .7)
}

.right {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-50%)
}

.right .discount-count {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    width: fit-content
}

@media (max-width: 450px) {
    .right .discount-count {
        font-size: 10px
    }
}

.right .discount-count.blue {
    color: #fff;
    background-color: #457ce9;
    border-radius: 12px;
    z-index: 100
}

.right .discount-count.red {
    color: #fff;
    background-color: #fb5a55;
    border-radius: 12px;
    z-index: 100
}

.payment-methods {
    max-height: 550px;
    display: flex;
    justify-content: space-between;
}

.payment-methods::-webkit-scrollbar {
    width: 6px
}

.payment-methods::-webkit-scrollbar-track {
    background: #fafafa
}

.payment-methods::-webkit-scrollbar-thumb {
    background: rgba(69, 124, 233, .25);
    border-radius: 3px
}

.payment-button-block {
    border: 1px solid rgba(0, 0, 0, .1) !important;
    border-radius: 16px;
    width: 290px;
    height: 120px;
    background: #fff
}

.add-new-user-btn {
    border: 1px dashed rgba(0, 0, 0, .1);
    border-radius: 16px;
    cursor: pointer;
    height: 120px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 8px
}

.add-new-user-btn:hover {
    text-decoration: underline
}

.add-new-user-icon {
    width: 24px;
    height: 24px;
    border: 1.5px solid rgba(0, 0, 0, .5);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.add-new-user-icon div {
    /*height: 8px;
    width: 8px*/
}

.add-new-user-btn-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /*color: #457ce9*/
}

.user-discount-block {
    position: absolute;
    right: -20px;
    top: -18px
}

.user-discount {
    display: flex;
    justify-content: center;
    align-items: center
}

.user-discount div {
    height: 40px;
    width: 40px
}

.user-discount-count {
    position: relative;
    font-family: poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #457ce9
}

.user-item {
    position: relative
}

.users-container-auto-likes {
    height: auto;
    max-height: 342px;
    margin-top: 15px;
    padding-top: 10px;
    overflow-x: auto
}

@media only screen and (min-width: 600px) {
    .users-container-auto-likes::-webkit-scrollbar {
        width: 30px
    }

    .users-container-auto-likes::-webkit-scrollbar-track {
        background: 0 0;
        width: 35px
    }

    .users-container-auto-likes::-webkit-scrollbar-thumb {
        background: #f2f2f2;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        border: 10px solid transparent;
        background-clip: padding-box
    }
}

.users-container-auto-likes::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none
}

.users-container-auto-likes .user-item {
    padding: 12px 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.users-container-auto-likes .user-item .user-item-left {
    display: flex;
    align-items: center
}

.users-container-auto-likes .user-item .user-item-avatar {
    user-select: none;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #f5f5f5;
    margin-right: 25px
}

.users-container-auto-likes .user-item .user-item-avatar div {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.users-container-auto-likes .user-item .user-item-avatar div.empty-avatar {
    padding: 10px
}

.users-container-auto-likes .user-item .user-item-name {
    font-size: 14px;
    font-weight: 500
}

.users-container-auto-likes .user-item.tight {
    padding: 0
}

.popup-users-footer {
    margin-top: 0
}

.new-user-form {
    margin-top: 30px;
    margin-bottom: 15px
}

@media only screen and (max-width: 600px) {
    .add-new-user-btn {
        height: 85px
    }

    .payment-methods {
        gap: 10px 0;
        flex-direction: column;
        max-height: 608px;
        flex-wrap: nowrap
    }

    .payment-button {
        border-radius: 25px;
        width: 100%;
        padding: 14px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: default;
        opacity: .5
    }

    .payment-button .payment-button-block {
        width: 100%;
        height: 76px
    }

    .form {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }

    .form--mt {
        margin-top: 24px
    }

    .form__textField {
        padding-left: 52px
    }

    .form__textField::placeholder {
        font-size: 16px
    }

    .form__number,
    .form__chosen-number {
        width: 50px
    }

    .form__last-number {
        display: none
    }

    .form__number-another {
        width: 71px
    }

    .form__email {
        margin-top: 16px
    }

    .form__email:before {
        left: 19px
    }

    .form__username {
        position: relative;
        margin-top: 16px
    }

    .form__username:before {
        left: 19px
    }

    .form__username-error {
        margin-top: 16px
    }

    .form__username-error:before {
        width: 24px;
        height: 24px
    }

    .form__btn {
        margin-top: 16px
    }
    .form___btn {
        margin-top: 16px
    }

    .form__bin-btn {
        margin-top: 16px
    }

    .form__btn-payout {
        margin-top: 32px
    }

    .form__textField-review {
        padding-left: 16px
    }

    .form__textField-review::placeholder {
        font-size: 16px
    }

    .form__stars {
        margin: 32px auto
    }
}

.popup {
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: rgba(32, 32, 32, 0.5);
    transition: all .2s ease-out;
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    display: none;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.popup__close {
    position: absolute;
    z-index: 200;
    top: 36px;
    width: 24px;
    height: 24px;
    right: 40px;
    cursor: pointer
}

.popup__back {
    position: absolute;
    z-index: 200;
    top: 36px;
    width: 24px;
    height: 24px;
    left: 40px;
    cursor: pointer
}

.popup__close:hover::before,
.popup__close:hover::after {
    background-color: #000
}

.popup__pay-title {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 60px;
    text-align: center;
    color: #457ce9
}

.popup__pay-subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #000
}

.popup__pay-subtitle-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px
}

.popup__pay-line {
    width: 30%;
    height: 1.5px;
    background-color: rgba(0, 0, 0, .1)
}

.popup__inner {
    position: relative;
    border-radius: 35px;
    width: 755px;
    margin: auto;
    padding: 64px 72px;
    background-color: #f0f8ff;
    z-index: 2;
    transition: all .4s ease-out
}

.popup__done {
    display: flex;
    align-items: center;
    gap: 30px
}

.popup__done div {
    width: 100px;
    height: 100px
}

.popup__done-text {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    color: #457ce9
}

.popup--inline {
    overflow: visible;
    background-color: transparent;
    position: static;
    margin: 20px 0
}

.popup--inline .popup__inner {
    box-shadow: 0 0 11px rgba(0, 0, 0, .1)
}

.popup--inline .popup__close {
    display: none
}

.popup.active {
    opacity: 1;
    z-index: 1000;
    pointer-events: visible;
    display: flex
}

.popup__title {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 42px;
    text-align: center
}

.popup__sub-title {
    display: flex;
    justify-content: center;
    gap: 0 12px;
    align-items: center;
    margin-top: 15px;
    text-transform: capitalize;
}

.popup__likes-color {
    height: 30px;
    width: 28px
}

.popup__count {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 33px;
    text-align: center
}
.popup__price span{
    margin-top: 5px;
}

.popup__price {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: rgba(0, 0, 0, .5);
    margin-top: 3px
}

.popup__payout_count {
    margin-top: 32px;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 42px;
    text-align: center;
    text-decoration-line: underline;
    color: #457ce9
}

.popup__footer-text {
    margin-top: 24px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #000;
    opacity: .35;
    width: 100%;
}

.popup__person_red {
    width: 30px;
    height: 30px
}

.users-container {
    height: auto;
    max-height: 342px;
    margin-top: 20px
}

@media only screen and (min-width: 600px) {
    .users-container::-webkit-scrollbar {
        width: 30px
    }

    .users-container::-webkit-scrollbar-track {
        background: 0 0;
        width: 35px
    }

    .users-container::-webkit-scrollbar-thumb {
        background: #f2f2f2;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        border: 10px solid transparent;
        background-clip: padding-box
    }
}

.users-container.one-user {
    height: auto
}

.users-container::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none
}

.users-container::-webkit-scrollbar {
    width: 6px
}

.users-container::-webkit-scrollbar-track {
    background: #fafafa
}

.users-container::-webkit-scrollbar-thumb {
    background: rgba(69, 124, 233, .25);
    border-radius: 3px
}

.users-container .user-item {
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 16px;
    height: 120px;
    margin-top: 20px
}

.users-container .user-item .user-item-left,
.users-container .user-item .user-item-right {
    display: flex;
    align-items: center
}

.users-container .user-item .user-item-avatar {
    user-select: none;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #f5f5f5;
    margin-right: 25px
}

.users-container .user-item .user-item-avatar div {
    width: 72px;
    height: 72px;
    object-fit: cover
}

.users-container .user-item .user-item-avatar div.empty-avatar {
    padding: 10px
}

.users-container .user-item .user-item-name {
    font-size: 14px;
    font-weight: 500
}

.users-container .user-item .user-item-choose {
    user-select: none
}

.users-container .user-item .user-item-choose .custom-radio {
    display: none
}

.users-container .user-item .user-item-choose label {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ededed;
    border-radius: 50%;
    cursor: pointer
}

.users-container .user-item .user-item-choose label img {
    width: 14px;
    height: 14px;
    opacity: 0;
    transition: .1s
}

.users-container .user-item .user-item-choose .custom-radio:checked+label img {
    opacity: 1
}

.users-container .user-item .user-item-remove {
    user-select: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    transition: .1s;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 100px
}

.users-container .user-item .user-item-remove div {
    /*width: 22px;
    height: 25px*/
}

.users-container .user-item-chosen {
    border-color: #29abe2
}

.users-container .user-item-chosen .user-item-remove {
    opacity: 0;
    pointer-events: none
}

.user-spinner {
    height: 48px;
    width: 48px
}

@keyframes move {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(180deg);
        border-radius: 50%
    }

    100% {
        transform: rotate(360deg)
    }
}

.user-nav-block {
    display: flex;
    gap: 20px
}

.popup-users-footer {
    margin-top: 0
}

.choose-account {
    display: flex;
    justify-content: space-between;
    align-items: end
}

.choose-account .form__email {
    width: 100%
}

.choose-account .button-log-out {
    width: 138px;
    height: 60px;
    cursor: pointer
}

.choose-account .button-log-out__button {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, .1);
    background: #fff;
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

.choose-account .button-log-out__button-text {
    color: #000;
    font-size: 18px
}

.choose-account .button-log-out__button-img {
    display: flex
}

.new-user-form {
    margin-top: 30px;
    margin-bottom: 15px
}

.popup-back-button {
    position: absolute;
    z-index: 200;
    top: 36px;
    right: auto;
    left: 45px;
    cursor: pointer;
    display: flex;
    line-height: inherit
}

.popup-back-button div {
    width: 24px;
    height: 24px;
    margin-right: 10px
}

.popup-back-button:hover {
    text-decoration: underline
}

@media only screen and (max-width: 600px) {
    .users-container {
        height: 220px
    }

    .users-container .user-item {
        padding: 16px;
        height: 85px;
        margin-top: 16px
    }

    .users-container .user-item .user-item-avatar {
        width: 48px;
        height: 48px;
        margin-right: 12px
    }

    .users-container .user-item .user-item-avatar div {
        width: 48px;
        height: 48px
    }

    .popup-back-button {
        left: 16px
    }

    .popup {
        padding: 0 16px
    }

    .popup__inner {
        min-height: fit-content;
        padding: 32px 16px;
        width: 100%
    }

    .popup__close {
        top: 36px;
        right: 16px
    }

    .popup__title {
        font-weight: 600;
        font-size: 22px;
        line-height: 33px;
        text-align: center
    }

    .popup__sub-title {
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        gap: 0 6px;
        margin-top: 15px;
        text-transform: capitalize
    }

    .popup__pay-title {
        font-size: 22px;
        line-height: 33px
    }

    .popup__pay-subtitle {
        font-size: 16px;
        line-height: 24px
    }

    .popup__likes-color {
        width: 23px;
        height: 23px;
        margin-top: 2px
    }

    .popup__count {
        font-size: 17px;
        line-height: 21px;
        margin-top: 3px
    }
    .popup__price span{
        margin-top: 0px;
    }

    .popup__footer-text {
        margin-top: 18px
    }

    .popup__pay-line {
        width: 26%
    }
}

.servL {
    max-width: 728px;
    /* border: 1px solid rgba(0, 0, 0, .0); */
    /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); */
    border-radius: 24px;
}

.servL__type-block {
    width: 100%;
    position: relative;
    display: block;
    height: 80px
}

.servL__color-block {
    border-radius: 16px;
    width: 50%;
    z-index: 98;
    height: 80px;
    /* position: absolute; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer
}

.servL__white-block {
    z-index: 50;
    border-radius: 16px;
    width: 60%;
    border: 1px solid rgba(0, 0, 0, .1);
    position: absolute;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer
}

.servL .instant-indents {
    padding-right: 65px
}

.servL .gradual-indents {
    padding-left: 65px
}

.servL .gradual {
    right: 0
}

.servL .instant {
    left: 0
}

.servL__quality {
    display: flex;
    gap: 0 10px;
    align-items: center;
    /*margin-top: 10px;*/
}

.servL__premium {
    display: flex;
    gap: 0 10px;
    align-items: center
}

.servL__crown-img {
    width: 20px;
    height: 14px
}

.servL__quality-img {
    width: 25px;
    height: 25px
}

.servL__container {
    padding: 32px 31px;
    max-height: 1200px
}

.servL__color-text {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    color: rgba(0, 0, 0, .6);
    text-align: center
}

.servL__white-text {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
}

.servL__white-reviews {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    opacity: .7;
    margin-top: 5px
}

.servL__color-reviews {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #000;
    opacity: .4;
    margin-top: 5px
}

.servL.disable {
    display: none
}

.servL .btn--def {
    margin-top: 17px;
    padding: 17px 20px;
    border-radius: 30px
}

.servL__nav {
    display: flex;
    justify-content: space-between;
    position: relative
}

.servL__hide-border {
    border: none
}

@media only screen and (max-width: 600px) {
    .servL {
        border: none
    }

    .servL__nav {
        display: flex;
        justify-content: space-between;
        position: relative
    }



    .servL__quality-block {
        height: 64px;
        border-radius: 16px
    }

    .servL__quality-text {
        font-size: 15px;
        line-height: 22px
    }

    .servL__quality-reviews {
        font-size: 14px;
        line-height: 21px
    }

    .servL__premium-block {
        height: 64px;
        border-radius: 16px;
        text-align: right;
        box-shadow: 5px 5px 30px rgba(0, 0, 0, .05);
        border-radius: 16px;
        border: none
    }

    .servL__premium-text {
        font-size: 15px;
        line-height: 22px
    }

    .servL__premium-reviews {
        font-size: 14px;
        line-height: 21px
    }

    .servL__container {
        padding: 0
    }

    .servL__white-text,
    .servL__color-text {
        font-size: 15px
    }

    .servL__white-block {
        box-shadow: 5px 5px 30px rgba(0, 0, 0, .05);
        border: none;
        height: 64px
    }

    .servL__color-block {
        height: 64px
    }

    .servL .instant-indents {
        padding-right: 45px
    }

    .servL .gradual-indents {
        padding-left: 40px
    }
}

@media only screen and (max-width: 375px) {
    .servL .gradual-indents {
        padding-left: 30px
    }
}

@media only screen and (max-width: 320px) {
    .servL .gradual-indents {
        padding-left: 20px
    }
}

.servicesNav {
    margin-top: 64px
}

@media only screen and (min-width: 1024px) {
    .sN_navbar {
        display: flex;
        position: relative;
        flex-wrap: wrap;
        gap: 20px 32px;
        max-width: 1140px;
        margin-left: 15px;
    }
    .triAngle__count-block{
        margin: 36px 0 0 -5px !important;
        gap: 22px !important;
    }
}

@media only screen and (max-width: 768px) {
    .sN_navbar {
        overflow-x: auto !important;
        flex-wrap: unset !important;
        gap: unset !important;
        display: flex !important;
        padding-bottom: 10px;
    }
    .sN_navbar a .sN_link{
        display: inline-flex;
        flex-direction: column !important;
        margin-left: 10px !important;
    }
}

.sN_navbar::-webkit-scrollbar {
    height: 6px
}

.sN_navbar::-webkit-scrollbar-track {
    background: #fafafa
}

.sN_navbar::-webkit-scrollbar-thumb {
    background: rgba(69, 124, 233, .25);
    border-radius: 3px
}

.sN_text {
    font-weight: 400;
    font-size: 17px;
    color: rgba(0, 0, 0, .5);
    margin-bottom: 0px;
}

.sN_text-active {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0px;
}

.sN_link {
    height: 60px;
    width: 202px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    gap: 0 8px;
    cursor: pointer
}

.sN_link-active {
    background: #fff
}

.sN_icon {
    height: 32px;
    width: 32px
}

.sN_likes {
    height: 20px;
    width: 20px
}

.sN_active {
    opacity: .2
}

.servicesNav a:hover {
    color: #00abdf
}

.servicesNav .heart-icon {
    height: 24px;
    width: 28px
}

@media only screen and (max-width: 600px) {
    .servicesNav {
        margin-top: 24px
    }

    .sN_navbar {
        max-width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        gap: 0 14px;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 10px;
    }

    .sN_link {
        height: 74px;
        width: fit-content;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        font-size: 16px;
        padding: 12px 14px
    }

    .sN_text {
        font-weight: 400;
        font-size: 16px;
        color: rgba(0, 0, 0, .5);
        margin-top: 2px
    }

    .sN_text-active {
        color: #fff;
        font-weight: 400;
        font-size: 16px;
        margin-top: 2px
    }

    .sN_icon {
        height: 24px;
        width: 24px;
        min-width: 24px
    }

    .heart-icon {
        height: 18px;
        width: 22px
    }
}

.instagramSPage {
    max-width: 1140px;
    margin: 0 auto
}

.instagramSPage_title-main {
    margin-top: 64px;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 60px;
    margin-bottom: 17px;
    color: #090a1f
}

.instagramSPage_subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    text-align: center;
    color: rgba(0, 0, 0, .5);
    max-width: 814px;
    margin: 16px auto 96px
}

.instagramSPage_subtitle-free-followers {
    max-width: 810px
}

.instagramSPage_text-likes {
    display: flex;
    justify-content: center;
    margin-bottom: 64px;
    text-align: center
}

.instagramSPage_text-likes>p {
    width: 362px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, .3)
}

.instagramSPage_buy-block {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    align-items: center;
    justify-content: center
}

.instagramSPage_free-btn {
    background: #457ce9;
    border: 1.5px solid #457ce9;
    border-radius: 16px;
    width: 50%;
    height: 60px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 14px;
    text-align: center;
    color: #fff
}

.instagramSPage_byu-more-btn {
    border: 1.5px solid #457ce9;
    border-radius: 16px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 14px;
    text-align: center;
    color: #457ce9;
    background: #fff;
    width: 50%;
    height: 60px;
    cursor: initial
}

.instagramSPage_free-btn-block {
    display: flex;
    gap: 0 24px;
    width: 504px;
    margin: 64px auto 160px
}

.instagramSPage_faq {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 37px;
    margin: 160px auto 64px;
    text-align: center
}

.sI_item {
    padding: 23px 23px 23px 30px;
    margin-top: 48px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    color: #000;
    background: rgba(69, 124, 233, .05);
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px
}

.sI_icon {
    width: 36px;
    height: 33px;
    min-width: 24px
}

.table {
    overflow: auto;
    border-radius: 15px;
    border: 1px solid #29abe2;
    margin-top: 20px
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    border-style: hidden;
    width: 100%;
    max-width: 100%
}

table td,
table th {
    padding: 8px;
    border: 1px solid #29abe2
}

table td {
    text-align: center;
    min-width: 55px
}

table td:first-of-type {
    text-align: left;
    min-width: 170px
}



@media only screen and (max-width: 600px) {

    .instagramSPage {
        margin-top: 32px;
        padding: 0 16px;
    }

    .instagramSPage_free-btn,
    .instagramSPage_byu-more-btn {
        width: 100%
    }

    .instagramSPage_title-main {
        margin-top: 24px;
        font-size: 19px;
        line-height: 36px;
        margin-bottom: 24px
    }

    .instagramSPage_title-main-likes {
        margin-bottom: 10px
    }

    .instagramSPage_subtitle {
        line-height: 170%;
        margin: 4px auto 42px
    }

    .instagramSPage_text-likes {
        margin-bottom: 32px
    }

    .instagramSPage_text-likes>p {
        font-size: 16px;
        line-height: 170%;
        width: 320px;
        text-align: center
    }

    .instagramSPage_buy-block {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
        align-items: center;
        justify-content: center
    }

    .instagramSPage_free-btn-block {
        margin: 48px auto 64px;
        flex-direction: column;
        gap: 20px;
        width: 100%
    }

    .instagramSPage_buy-block-auto-likes {
        margin-top: 24px
    }

    .servL {
        order: 0
    }

    .utilities {
        order: 2
    }

    .triAngle {
        order: 1
    }
}

.internalHeader {
    box-shadow: 0 0 6px 1px rgba(226, 226, 226, .6);
    position: relative
}

.internalHeader__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 75px;
    position: relative
}

.internalHeader__logo {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 37px;
    color: #457ce9;
    cursor: pointer
}

.internalHeader__nav-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.internalHeader__nav {
    display: flex;
    height: 100%;
    gap: 0 330px;
    align-items: center
}

.internalHeader__nav a {
    display: block;
    text-decoration: none;
    transition: all .2s ease-out;
    -webkit-tap-highlight-color: transparent;
    width: fit-content
}

.internalHeader__nav-block {
    display: flex;
    justify-content: center;
    gap: 0 18px;
    align-items: center
}

.internalHeader__nav-text-active {
    color: #457ce9
}

.internalHeader__partner {
    display: flex;
    align-items: center
}

.internalHeader__partner>*+* {
    margin-left: 50px
}

.internalHeader__home {
    height: 42px;
    width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    overflow: hidden;
    transition: all .2s ease-out
}

.internalHeader__home div {
    width: 23px;
    height: 23px
}

.internalHeader__home:hover {
    background-color: #f9f9f9
}

.internalHeader__burger-menu {
    display: none
}

.internalHeader__pc {
    display: block
}

.internalHeader__mobile {
    display: none
}

.internalHeader__client-nav-btn-block {
    background: #457ce9;
    cursor: pointer;
    border: 1.5px solid #457ce9;
    border-radius: 16px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 14px;
    text-align: center;
    height: 60px;
    width: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px
}

.internalHeader__client-nav-btn {
    color: #fff
}

.internalHeader__client-nav-btn-block>div {
    width: 24px;
    height: 24px
}

@media only screen and (max-width: 1320px) {
    .internalHeader__inner {
        padding: 0 16px;
        justify-content: space-between
    }

    .internalHeader__nav {
        display: none
    }

    .internalHeader__burger-menu {
        display: block
    }

    .internalHeader__nav-block-burger {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-bottom: 48px
    }

    .internalHeader__nav-block {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start
    }

    .internalHeader__sign-in {
        width: 100%
    }

    .internalHeader__nav-text {
        margin-bottom: 32px
    }

    .internalHeader__pc {
        display: none
    }

    .internalHeader__client-nav-btn-block {
        width: 100%
    }

    .internalHeader__mobile {
        display: block
    }
}

.instaServices {
    overflow: hidden
}

@media only screen and (max-width: 1000px) {
    .instaServices {
        padding: 0 20px
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation: fadeIn .5s ease-in
}

@media only screen and (max-width: 600px) {
    .instaServices {
        padding: 0 0px
    }
}

.reviews {
    animation: fadeIn .5s ease-in;
    overflow: hidden
}

.r_nav {
    display: flex;
    justify-content: space-between;
    margin-top: 160px
}

.r_add-feedback {
    background: rgba(69, 124, 233, .05);
    border-radius: 16px;
    width: fit-content;
    min-width: 178px;
    max-width: fit-content;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 10px
}

.r_add-feedback-pc {
    display: flex
}

.r_add-feedback-mobile {
    display: none
}

.review_t {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 37px
}

.r_plus {
    width: 12px;
    height: 12px
}

.review_t-card {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 37px;
    text-align: center;
    margin-top: 30px
}

.r_text-card {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    text-align: center;
    color: #000;
    opacity: .5;
    margin-top: 6 [x]
}

.r_rate {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: #000
}

.r_add-feedback-text {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #457ce9
}

.review_Fc {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .7);
    margin-top: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 0 5px;
    justify-content: center
}

.r_rate-star {
    height: 12px;
    margin-left: 3px;
    margin-bottom: 1.5rem;
}

.reviews .swiper-wrapper {
    display: flex;
    margin-top: 52px
}

.reviews .swiper-pagination {
    display: flex;
    justify-content: center;
    pointer-events: none;
    bottom: auto !important;
    /* top: 200px;
    left: calc(50% - 14px) !important; */
    width: auto !important;
    margin-top: 40px
}

.reviews .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 3px !important;
    border: 1px solid #29abe2;
    opacity: 1;
    background-color: #457ce9;
    position: relative;
    transition: all .2s ease-out;
    pointer-events: visible;
    opacity: .2;
    border-radius: 50%
}

.reviews .swiper-pagination-bullet-active {
    background-color: #457ce9;
    opacity: 1
}

.r_arrow-block {
    display: flex;
    justify-content: center;
    gap: 0 16px
}

.r_arrow-container {
    border: 1px solid rgba(9, 10, 31, .15);
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer
}

.r_arrow-container>div {
    height: 12px;
    width: 6px
}

.r_stars {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto
}

.r_stars div {
    width: 23px;
    height: 23px;
    margin: 0 5px
}

.reviews .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    position: relative;
    /* background: rgba(255, 255, 255, .8); */
    /* border: 1px solid rgba(9, 10, 31, .1); */
    box-shadow:0 2px 10px rgba(0, 0, 0, 0.05) !important;
    border: none !important;
    border-radius: 24px;
    padding: 48px 30px;
    min-height: 340px
}

@media only screen and (max-width: 600px) {
    .review_t {
        text-align: center;
        font-size: 24px
    }

    .r_nav {
        margin-top: 64px;
        justify-content: center
    }

    .r_add-feedback-pc {
        display: none
    }

    .r_add-feedback-mobile {
        display: flex;
        width: 100%;
        margin-top: 32px;
        padding: 0;
        max-width: 100%
    }

    .r_arrow-block {
        display: none
    }

    .reviews .swiper-slide {
        padding: 32px 20px;
        min-height: 285px !important;
    }

    .reviews .swiper-wrapper {
        min-height: 249px
    }

    .review_t-card {
        margin-top: 16px
    }

    .reviews .swiper-pagination {
        margin-top: 24px
    }
}

.visEdit h2,
.visEdit h1 {
    margin: 80px 0 45px;
    position: relative;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    padding-bottom: 25px;
    text-align: center
}

.visEdit h2::before,
.visEdit h1::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 200px;
    background: #00abdf
}

.visEdit h1 {
    font-size: 22px;
    font-weight: 500
}

.visEdit h3 {
    margin: 40px 0 20px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400
}

.visEdit p,
.visEdit ul,
.visEdit ol {
    line-height: 30px;
    color: #636363;
    font-size: 16px;
    font-weight: 300;
    font-family: verdana;
}

.visEdit p+p,
.visEdit ul+p,
.visEdit ol+p {
    margin-top: 20px
}

.visEdit ul,
.visEdit ol {
    margin-top: 20px;
    padding-left: 20px
}

.visEdit ul {
    list-style: disc inside
}

.visEdit ol {
    list-style: decimal inside
}

.visEdit .attention {
    padding: 20px;
    background-color: #f4f4f4
}

.visEdit a {
    text-decoration: underline;
    color: #00abdf
}

.visEdit img {
    width: 100%
}

.visEdit__center {
    text-align: center
}

.visEdit>*:first-child {
    margin-top: 0
}

.utilities {
    min-width: 380px
}

.utilities__wrapper {
    /* border: 1px solid rgba(0, 0, 0, .1); */
    border-radius: 24px;
    padding: 15px 22px 38px;
    max-width: 380px;
    max-height: 480px;
    height: 480px;
    position: relative;
    z-index: 0 !important;
}

.utilities__title {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #090a1f
}

.utilities__container {
    display: flex;
    gap: 10px;
    align-items: center
}

.utilities__icons-cirkul {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #f0f8ff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 11;
    min-width: 48px
}

.utilities__icon {
    height: 40px;
    width: 40px
}

.utilities__icon-32 {
    height: 32px;
    width: 32px
}

.utilities__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #000
}

.utilities__text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #babec0;
    margin-top: 4px
}

.utilities__dashed-line {
    height: 80%;
    border-left: 1px dashed #457ce9;
    width: 1px;
    position: absolute;
    top: 10%;
    left: 24px;
    z-index: 10
}

.utilities__info {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
    position: relative
}

@media only screen and (max-width: 600px) {
    .utilities {
        margin-top: 64px;
        width: 100%
    }

    .utilities__wrapper {
        padding-bottom: 32px;
        max-width: 100%;
        max-height: 100%
    }

    .utilities__info {
        height: 90%
    }

    .utilities__title {
        font-size: 20px
    }

    .utilities__subtitle {
        font-size: 16px
    }

    .utilities__icons-cirkul {
        width: 48px;
        height: 48px
    }

    .utilities__icon {
        /*height: 24px;
        width: 24px*/
    }
    .triAngle__count-text {
        text-align: center;
        font-style: normal;
        font-size: 15px !important;
        line-height: 15px;
        text-align: center;
        margin-top: 15px;
        color: #090a1f
    }
}

@media only screen and (max-width: 480px) {
    .utilities {
        min-width: 100%
    }
}

.triAngle {
    width: 100%
}

.triAngle__wrapper {
    /* border: 1px solid rgba(0, 0, 0, .1); */
    border-radius: 24px;
    display: flex;
    padding-left: 36px;
    width: 100%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.triAngle__count-block {
    display: flex;
    /* justify-content: space-between; */
    justify-content: start;
    margin: 36px 0 0;
    gap: 24px
}

.triAngle__count {
    /* border: 1px solid rgba(0, 0, 0, .1); */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    border-radius: 24px;
    width: 210px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 18px
}

.triAngle__text-likes-triAngle {
    display: none
}

.triAngle__count-text {
    text-align: center;
    font-style: normal;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    color: #090a1f
}

.triAngle__cirkul {
    height: 32px;
    width: 32px;
    border: 1px solid rgba(9, 10, 31, .05);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.triAngle__count-text-desktop {
    display: block;
    margin-bottom: 0px;
}

.triAngle .active-block:hover {
    box-shadow: 10px 10px 30px rgba(135, 160, 164, .1);
    border: none
}

.triAngle__active-guarantee {
    border: 1.5px solid #457ce9;
    border-radius: 24px
}

.triAngle__active-guarantee:hover {
    box-shadow: none
}

.triAngle__count-text-mobile {
    display: none
}

.triAngle__text {
    display: flex;
    margin-top: 36px;
    gap: 24px;
    align-items: center
}

.triAngle__hide-triAngle {
    display: flex;
    margin-top: 36px;
    gap: 24px;
    align-items: flex-end;
    justify-content: flex-end
}

.triAngle__text-likes {
    /* background: linear-gradient(135deg, #ff5757, #d76395, #a675d1, #8c52ff)!important; */
    border-radius: 16px;
    width: 220px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #fff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.triAngle__text-likes.font_instagram{
    background: linear-gradient(135deg, #ff5757, #d76395, #a675d1, #8c52ff)!important;
}
.triAngle__text-likes.font_tiktok{
  background: linear-gradient(
      180deg,
      rgba(255,255,255,0.1) 0%,
      rgba(0,0,0,0.3) 100%
    ),
    linear-gradient(90deg, #1a1a1a 0%, #252525 45%, #3b3b3b 100%);
}
.triAngle__text-likes.font_twitter{
    background: linear-gradient(
      180deg,
      rgba(255,255,255,0.1) 0%,
      rgba(0,0,0,0.3) 100%
    ),
    linear-gradient(90deg, #2a7bb8 0%, #40a4ee 45%, #6bc3ff 100%);
}
.triAngle__text-likes.font_youtube{
    background: linear-gradient(
      180deg,
      rgba(255,255,255,0.1) 0%,
      rgba(0,0,0,0.3) 100%
    ),
    linear-gradient(90deg, #9c1f1f 0%, #e43535 45%, #ff5b5b 100%);
}
.triAngle__text-likes.font_facebook{
     background: linear-gradient(
      180deg,
      rgba(255,255,255,0.1) 0%,
      rgba(0,0,0,0.3) 100%
    ),
    linear-gradient(90deg, #324a7a 0%, #4966A4 45%, #6b8cd0 100%);
}
.triAngle__text-likes.font_spotify{
    background: linear-gradient(
      180deg,
      rgba(255,255,255,0.1) 0%,
      rgba(0,0,0,0.3) 100%
    ),
    linear-gradient(90deg, #12893e 0%, #1db954 45%, #48e578 100%);
}
.triAngle__text-likes.font_telegram{
    background: linear-gradient(
      180deg,
      rgba(255,255,255,0.1) 0%,
      rgba(0,0,0,0.3) 100%
    ),
    linear-gradient(90deg, #1f6d9c 0%, #2e8ac8 45%, #5cb4f3 100%);
}
.triAngle__text-likes.font_twitch{
    background: linear-gradient(
      180deg,
      rgba(255,255,255,0.1) 0%,
      rgba(0,0,0,0.3) 100%
    ),
    linear-gradient(90deg, #5b4b8a 0%, #846aba 45%, #a58ce2 100%);
}
.triAngle__text-likes.font_threads{
    background: linear-gradient(
      180deg,
      rgba(255,255,255,0.1) 0%,
      rgba(0,0,0,0.3) 100%
    ),
    linear-gradient(90deg, #1a1a1a 0%, #252525 45%, #3b3b3b 100%);
}

.triAngle__text-cost {
    width: 190px;
    height: 60px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    color: #457ce9;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.triAngle__container {
    padding-bottom: 32px;
    padding-right: 11px
}

.triAngle__buy {
    background: #f0f8ff;
    border-radius: 16px;
    width: 220px;
    height: 60px;
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    color: rgba(0, 0, 0, .35);
    justify-content: center;
    border: 0px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.triAngle__percent {
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 66px;
    color: #457ce9;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: unset
}

.triAngle__percent-block {
    width: 100%;
    border-radius: 16px;
    display: flex; 
    align-items: center; 
    justify-content: space-around; 
    height: 170px; 
    margin-top: 36px; 
    margin-left: 24px;
}
@media (max-width:1200px){
    .triAngle__percent-block { 
    margin-left: 0px;
    width: 89% !important;
}
}
.triAngle__percent-container {
    display: flex;
    gap: 0 20px;
    margin-top: 32px;
    align-items: center
}

.triAngle__percent-title {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%
}

.triAngle__percent-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #969696;
    margin-top: 5px
}

.triAngle__percent-icons {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    margin-top: 20px
}

.triAngle__percent-icons-comments {
    gap: 10px
}

.triAngle__percent-icon {
    display: flex;
    flex-direction: column;
    /* margin-right: 15px; */
}


.triAngle__percent-icon-img {
    display: block;
    margin: 0 auto;
    max-width: 36px;
    max-height: 36px;
    height: 36px;
    width: 36px
}

.triAngle__percent-icon-text {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 21px;
    color: #969696;
    margin-top: 10px;
    text-align: center;
}

.triAngle__percent-block-color {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 78px;
    background: linear-gradient(94.79deg, rgba(246, 236, 50, 0.03) -53.82%, rgba(223, 46, 128, 0.03) 79.03%, rgba(19, 46, 247, 0.03) 201.25%)
}

.triAngle__period-text {
    max-width: 270px;
    background: linear-gradient(94.79deg, #f6ec32 -53.82%, #df2e80 79.03%, #132ef7 201.25%), #457ce9;
    -webkit-background-clip: text;
    background-clip: text;
    text-fill-color: transparent;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    text-align: center
}

.triAngle__buy-active {
    background: #457ce9;
    color: #fff
}

.triAngle__cirkul>div {
    width: 12px;
    max-height: 12px;
    height: 100%
}

.triAngle__cirkul-minus>div {
    max-height: 3px
}

.triAngle__cirkul-disabled {
    opacity: .4;
    cursor: initial
}

.triAngle__count-guarantee {
    flex-direction: column;
    justify-content: center;
    cursor: pointer
}

.triAngle__count-number {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #457ce9
}

.triAngle__count-guarantee-disabled {
    border: 1px solid rgba(9, 10, 31, .1);
    cursor: unset
}

.triAngle__count-guarantee-disabled>p,
.triAngle__count-guarantee-disabled>div>p {
    color: rgba(0, 0, 0, .35)
}

@media only screen and (max-width: 1320px) {
    .triAngle {
        margin: 32px 0 0;
        display: flex;
        width: 100%
    }

    .triAngle__wrapper {
        flex-direction: column;
        padding: 0
    }

    .triAngle__count-block {
        margin: 36px 0 0
    }

    .triAngle__text {
        margin-top: 20px
    }

    .triAngle__text>a {
        width: 100%;
        display: block
    }

    .triAngle__text-likes {
        width: 100%
    }

    .triAngle__buy {
        width: 100%
    }

    .triAngle__count {
        border-radius: 24px;
        width: 100%;
        height: 72px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 18px
    }

    .triAngle__count-text-desktop {
        display: none
    }

    .triAngle__count-text-mobile {
        display: block
    }

    .triAngle__container {
        padding: 0 20px
    }

    .triAngle__text-cost {
        width: 100%;
        justify-content: center
    }

    .triAngle__percent-block {
        margin-top: 32px;
        padding: 0 12px;
        width: 100% !important;
        border-radius: 24px;
        height: fit-content
    }

    .triAngle__percent {
        font-size: 28px;
        line-height: 42px
    }

    .triAngle__percent-title {
        font-size: 14px;
        line-height: 140%;
        max-width: 200px
    }

    .triAngle__percent-text {
        font-size: 14px;
        line-height: 140%;
        max-width: 200px
    }

    .triAngle__percent-icons {
        gap: 20px;
        justify-content: space-around;
        margin-bottom: 14px
    }

    .triAngle__count-guarantee {
        flex-direction: column;
        justify-content: center;
        align-self: center
    }

    .triAngle__period-text {
        max-width: 303px;
        font-size: 14px;
        line-height: 160%;
        padding-bottom: 26px;
    }

    .triAngle__percent-block-color {
        padding: 0;
        height: 92px
    }

    .triAngle__percent-container {
        margin-top: 32px;
        display: flex;
        justify-content: center
    }
}

@media only screen and (max-width: 600px) {
    .triAngle__percent-icon {
        margin: 10px;
        display: flex;
        flex-direction: column
    }

    .triAngle__percent-icons {
        justify-content: space-between
    }

    .triAngle .active-block:hover {
        box-shadow: none;
        border: 1px solid rgba(9, 10, 31, .1)
    }
}

.descriptions {
    margin: 160px auto 0;
}
@media(max-width: 992px){
    .descriptions{
    display: inline-flex;
    }
}

.descriptions .swiper-pagination {
    position: absolute;
    display: flex;
    justify-content: center;
    pointer-events: none;
    bottom: auto !important;
    top: 200px;
    left: calc(50%) !important;
    transform: translateX(-50%);
    width: auto !important
}

.article__step-count-text-swipper {
    font-family: poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 170%;
    text-align: center;
    color: #457ce9;
    border: 2px solid #457ce9;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #fff;
    z-index: 200
}

.article__nav-block {
    display: flex;
    gap: 0 60px;
    align-items: center;
    justify-content: space-around;
    /* justify-content: center; */
    min-height: 512px;
    position: relative;
    height: 1px
}

.article__nav-title {
    font-family: poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 60px;
    color: #000;
    text-align: end
}

.article__nav-mobiles {
    max-width: 455px;
    width: 100%;
    height: 100%;
    min-height: 100%
}

.article__nav-text {
    font-family: poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 200%;
    margin-top: 10px;
    color: rgba(0, 0, 0, .5)
}

.article__nav-text-line {
    line-height: 180%
}

.article__nav-text-link {
    color: #457ce9
}

.article__nav-text-right {
    text-align: right
}

.article__nav-text>a {
    color: #457ce9
}

.article__subtitle-likes,
.article__subtitle-autolikes,
.article__subtitle-followers {
    font-family: poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    text-align: center;
    color: rgba(0, 0, 0, .5);
    margin: 20px auto 0;
    max-width: 858px
}

.article__subtitle-likes>a,
.article__subtitle-autolikes>a,
.article__subtitle-followers>a {
    color: #457ce9
}

.article__nav-title-followers {
    display: flex;
    justify-content: flex-start
}

.article__nav-title-followers>p {
    max-width: 500px;
    text-align: left
}

.article__order {
    margin-top: 100px
}

.article__lists-get-block {
    max-height: 150px
}

.article__order-title {
    font-family: poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 37px;
    text-align: center
}

.article__order-title-left {
    text-align: left;
    line-height: 150%
}

.article__why-block {
    max-width: 570px
}

.article__why-title {
    font-family: poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 180%
}

.article__why-title>p {
    max-width: 84px
}

.article__why-title-autolikes>p {
    max-width: 110px
}

.article__order-text {
    font-family: poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 170%;
    text-align: center;
    color: #000;
    opacity: .5;
    margin-top: 24px
}

.article__order-steps {
    display: flex;
    justify-content: space-between;
    gap: 0 96px;
    margin-top: 100px
}

.article__order-img-block-arm,
.article__order-img-block-tv,
.article__order-img-block-salute {
    width: 120px;
    height: 120px;
    background: #f6f9ff;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

.article__order-img-block-arm {
    padding: 17px 30px
}

.article__order-img-block-tv {
    padding: 13px 30px
}

.article__order-img-block-salute {
    padding: 14px 37px
}

.article__order-step-number-block {
    position: relative;
    margin-top: 24px
}

.article__order-step-number-cirkul {
    height: 48px;
    width: 48px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #a1bdf4;
    margin: 0 auto;
    position: relative;
    z-index: 100;
    background: #fff
}

.article__order-step-number {
    font-family: poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 170%;
    text-align: center;
    color: #457ce9
}

.article__step-one {
    border: 2px solid #c6d7f8
}

.article__line-delimetr {
    display: none
}

.article__step-two {
    border: 2px solid #a1bdf4
}

.article__step-three {
    border: 2px solid #749dee
}

.article__line {
    position: absolute;
    top: 50%;
    background-image: linear-gradient(to right, #c6d7f8, #457CE9);
    height: 2px;
    width: 100%;
    background-color: #457ce9
}

.article__should-buy-block {
    display: flex;
    margin-top: 166px;
    gap: 60px;
    height: 100%;
    max-height: fit-content
}

.article__wrapper-should-buy {
    max-width: 570px
}

.article__step-count-text {
    font-family: poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 170%;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #457ce9;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    background: #fff;
    z-index: 100
}

.article__order-step-number-line {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background: #a1bdf4;
    width: 100%;
    z-index: 10
}

.article__img-cirkul {
    background: #f6f9ff;
    border-radius: 24px;
    height: 120px;
    width: 120px;
    display: flex;
    justify-content: center;
    align-items: center
}

.article__img-block {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 72px
}

.article__why-description {
    display: grid;
    grid-template-columns: 25.5% 74.5%;
    margin-top: 20px
}

.article__text-block {
    display: flex;
    justify-content: space-around
}

.article__text-content {
    max-width: 364px
}

.article__count-block {
    display: flex;
    justify-content: space-around;
    position: relative;
    margin-top: 24px
}

.article__count-block-swipper {
    display: flex;
    position: relative;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    z-index: 200;
    margin-top: 24px
}

.article__order-step-subtitle {
    font-family: poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 170%;
    text-align: center;
    margin-top: 24px
}

.article__order-step-text {
    font-family: poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    text-align: center;
    color: #000;
    opacity: .5;
    margin-top: 10px
}

.article__nav-text-update {
    margin-top: 10px
}

.article__lists-order-block {
    list-style: decimal;
    padding-left: 27px
}

.article__list-tips-order>span {
    margin-right: 10px
}

.article__list-tips-order>a {
    color: #457ce9
}

.article__list-tips-order {
    font-family: poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 200%;
    color: rgba(0, 0, 0, .5);
    position: relative
}

.article__list-tips>span {
    color: rgba(0, 0, 0, .5)
}

.article__list-tips-order>span>a {
    color: #457ce9
}

.article__list-tips {
    font-family: poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 200%;
    padding-left: 27px;
    color: rgba(0, 0, 0, .5);
    position: relative
}

.article__list-tips::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    top: 40%;
    left: 8px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 7.5px;
    opacity: .5;
    background-color: #000;
    position: absolute
}

.article__utilities {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 33px;
    margin-top: 160px
}

.article__wrapper {
    max-width: 570px
}

.article__utilities-title-block {
    max-width: 418px;
    max-height: 500px;
    padding: 0 21px
}

.article__utilities-block {
    background: rgba(255, 255, 255, .8);
    border: 1px solid rgba(9, 10, 31, .1);
    border-radius: 24px;
    max-width: 418px;
    max-height: 500px;
    padding: 48px 27px 56px
}

.article__utilities-block>img {
    display: block;
    margin: 0 auto
}

.article__utilities-title {
    font-family: poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 60px;
    color: #000;
    margin-top: 72px
}

.article__utilities-text {
    font-family: poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 170%;
    color: #000;
    margin-top: 36px;
    opacity: .5
}

.article__utilities-subtitle {
    font-family: poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 170%;
    text-align: center;
    margin-top: 30px
}

.article__utilities-descr {
    font-family: poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    text-align: center;
    color: #000;
    opacity: .5;
    margin-top: 14px
}

.article__why-up-block {
    padding-bottom: 20px
}

.article__expanded-cirkul {
    border: 1.5px solid rgba(0, 0, 0, .1);
    border-radius: 22px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s ease-out;
    cursor: pointer
}

.article__list {
    font-family: poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 200%;
    padding-left: 27px;
    color: rgba(0, 0, 0, .5);
    position: relative
}

.article__nav-text-description {
    margin-top: 30px
}

.article__list::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    top: 13px;
    left: 8px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 7.5px;
    opacity: .5;
    background-color: #000;
    position: absolute
}

.article__nav-title-autolikes {
    text-align: start
}

.article__expanded-cirkul-color {
    border: 1.5px solid rgba(0, 0, 0, .1);
    border-radius: 22px;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #457ce9;
    transition: all .5s ease-out;
    cursor: pointer
}

.article__faq-main-title {
    margin: 160px 0 40px;
    font-family: poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 37px;
    text-align: center;
    color: #000
}

.article__faq-block {
    min-height: 108px;
    padding: 39px 48px;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px
}

.article__faq-block-color {
    background: rgba(69, 124, 233, .05);
    border-radius: 24px;
    padding: 39px 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px
}

.article__faq-container {
    max-width: 85%
}

.article__faq-title {
    font-family: poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #000
}

.article__faq-text {
    font-family: poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    color: #303030;
    opacity: .5;
    margin-top: 8px;
    max-width: 1000px
}

.article__step-line {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    background: #457ce9;
    height: 1.5px;
    z-index: 10
}

.article__why-down-block {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 20px
}

.article__why-text {
    font-family: poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    padding-left: 24px;
    color: rgba(0, 0, 0, .5);
    border-left: 1px solid rgba(0, 0, 0, .1)
}

@media only screen and (max-width: 950px) {
    .article__nav-block {
        flex-direction: column;
        height: 100%
    }
    .mobile-descriptions{
        flex-direction: column-reverse !important;
    }
    .article__nav-title {
        margin-top: 50px
    }

    .article__nav-mobiles {
        min-height: 600px
    }

    .article__wrapper {
        max-width: 100%
    }

    .article__why-block {
        max-width: 100%
    }

    .article__utilities {
        justify-content: center
    }

    .article__should-buy-block {
        flex-direction: column;
        height: 100%;
        margin-top: 64px;
        flex-direction: column-reverse;
        gap: 0;
        max-height: 100%
    }

    .article__wrapper-should-buy {
        max-width: 100%
    }
}

@media only screen and (max-width: 600px) {
    .descriptions {
        margin-top: 64px
    }

    .article__step-block {
        display: none
    }

    .article__nav-mobiles {
        width: 100%
    }

    .article__nav-title {
        font-size: 20px;
        line-height: 30px;
        margin-top: 36px;
        text-align: center
    }

    .article__nav-text-description {
        margin-top: 0
    }

    .article__nav-mobiles {
        min-height: 550px
    }

    .article__line-delimetr {
        display: block;
        margin: 12px auto;
        background: rgba(0, 0, 0, .1);
        height: 1px;
        width: 100%
    }

    .article__nav-text {
        margin-top: 16px;
        font-size: 16px;
        line-height: 200%
    }

    .article__why-description {
        display: flex;
        flex-direction: column;
        margin: 0
    }

    .article__why-text {
        border: none;
        padding-left: 0;
        font-size: 16px
    }

    .article__nav-text-autolikes {
        margin-top: 10px
    }

    .article__order {
        margin-top: 64px
    }

    .article__nav-title-autolikes {
        margin-top: 48px
    }

    .article__order-title {
        font-size: 24px;
        line-height: 36px;
        text-align: left
    }

    .article__order-text {
        font-size: 16px;
        line-height: 170%;
        margin-top: 10px
    }

    .article__list-tips {
        padding-left: 24px
    }

    .article__list-tips::before {
        top: 13px
    }

    .article__img-cirkul {
        height: 96px;
        width: 96px
    }

    .article__arm {
        width: 44px;
        height: 50px
    }

    .article__lists-get-block {
        max-height: fit-content
    }

    .article__list {
        font-family: poppins;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 200%;
        padding-left: 24px;
        color: rgba(0, 0, 0, .5);
        position: relative
    }

    .article__list::before {
        content: "";
        display: inline-block;
        width: 4px;
        height: 4px;
        top: 13px;
        left: 8px;
        -moz-border-radius: 7.5px;
        -webkit-border-radius: 7.5px;
        border-radius: 7.5px;
        opacity: .5;
        background-color: #000;
        position: absolute
    }

    .article__order-step-subtitle {
        margin-top: 46px;
        font-size: 18px;
        line-height: 170%
    }

    .article__text-content {
        max-width: 100%
    }

    .article__order-step-text {
        margin-top: 4px
    }

    .article__tv {
        height: 45px;
        width: 45px
    }

    .article__nav-text-right {
        text-align: left
    }

    .article__salute {
        width: 40px
    }

    .article__utilities {
        margin-top: 64px;
        gap: 24px 0
    }

    .article__utilities-title {
        margin: 0;
        font-size: 24px;
        line-height: 36px
    }

    .article__utilities-descr {
        margin-top: 4px
    }

    .article__utilities-text {
        font-size: 16px;
        line-height: 170%;
        margin-top: 10px
    }

    .article__utilities-subtitle {
        font-size: 18px
    }

    .article__utilities-block {
        max-width: 100%;
        padding: 32px 20px
    }

    .article__utilities-subtitle {
        margin-top: 12px
    }

    .article___utilities-subtitle {
        margin-top: 4px
    }

    .article__benefit1,
    .article__benefit2,
    .article__benefit5 {
        width: 60%
    }

    .article__benefit3,
    .article__benefit4 {
        width: 80%
    }

    .article__faq-main-title {
        margin: 64px 0 24px;
        font-size: 24px;
        line-height: 37px
    }

    .article__faq-block,
    .article__faq-block-color {
        padding: 24px 16px
    }

    .article__faq-block-color {
        align-items: flex-start
    }

    .article__tips-main-title {
        font-size: 24px;
        line-height: 37px;
        margin-top: 64px;
        margin-bottom: 32px
    }

    .article__first-tips-block {
        margin-top: 0
    }

    .article__tips-title {
        font-size: 24px;
        line-height: 37px;
        margin-top: 24px
    }

    .article__subtitle-likes {
        text-align: left;
        margin-top: 10px
    }

    .article__subtitle-autolikes {
        margin-top: 10px
    }

    .article__why-block {
        padding-top: 36px
    }

    .article__nav-title-followers {
        justify-content: flex-start
    }

    .article__nav-title-followers>p {
        max-width: fit-content;
        text-align: left
    }

    .article__why-title>p {
        max-width: fit-content
    }

    .article__why-up-block,
    .article__why-down-block {
        border: none;
        padding: 0
    }

    .article__why-title {
        margin-top: 24px
    }

    .article__should-buy-block-reverse {
        flex-direction: column
    }
}

.otherServiceCard {
    display: flex;
    max-width: 928px;
    margin: 0 auto;
    position: relative;
    margin-top: 36px
}

.otherServiceCard__img {
    width: 64px;
    height: 64px;
    background: #f7f9ff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0
}

.otherServiceCard__blocks-img {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 24px;
    min-height: 352px;
    padding: 42px 0 48px 97px
}

.otherServiceCard__block-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px 0;
    max-width: 133px
}

.otherServiceCard__block-img>p {
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-align: center;
    font-size: 16px
}

.otherServiceCard__buy-block {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 418px;
    background: #fff;
    display: flex;
    flex-direction: column;
    border-radius: 24px;
    box-shadow: 0 10px 70px rgba(0, 0, 0, .04);
    padding: 48px 22px
}

.otherServiceCard__blocks-img-container {
    max-width: 330px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 54px 60px
}

.otherServiceCard__buy-btn {
    height: 60px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #457ce9;
    color: #fff;
    border-radius: 16px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 14px;
    margin-top: 32px
}

.otherServiceCard__title {
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    gap: 0 18px
}

.otherServiceCard__title>img {
    height: 48px;
    width: 48px
}

@media only screen and (max-width: 900px) {
    .otherServiceCard__blocks-img-container {
        gap: 60px 40px
    }

    .otherServiceCard__blocks-img {
        padding-left: 40px
    }
}

@media only screen and (max-width: 800px) {
    .otherServiceCard__blocks-img-container {
        gap: 60px 10px
    }

    .otherServiceCard__blocks-img {
        padding-left: 10px
    }
}

@media only screen and (max-width: 600px) {
    .otherServiceCard__blocks-img {
        flex-direction: column;
        justify-content: flex-end;
        width: 100%;
        min-height: 532px;
        padding: 0
    }

    .otherServiceCard__block-img {
        gap: 12px 0;
        justify-content: flex-start
    }

    .otherServiceCard__buy-block {
        position: absolute;
        top: 0;
        right: 0;
        height: 268px;
        width: 100%;
        background: #fff;
        display: flex;
        flex-direction: column;
        border-radius: 24px;
        box-shadow: 0 10px 70px rgba(0, 0, 0, .04);
        padding: 24px 16px 33px
    }

    .otherServiceCard__title>img {
        height: 24px;
        width: 24px
    }

    .otherServiceCard__title {
        font-size: 18px;
        line-height: 27px;
        gap: 0 10px
    }

    .otherServiceCard__buy-btn {
        margin-top: 24px
    }

    .otherServiceCard__blocks-img-container {
        margin: 290px auto 0;
        padding-bottom: 10px;
        justify-content: center;
        gap: 36px 46px
    }

    .otherServiceCard__img {
        height: 48px;
        width: 48px
    }

    .otherServiceCard__img>img {
        height: 24px;
        width: 24px
    }
}

.auth-btns {
    display: flex;
    justify-content: center;
    gap: 32px;
    margin-top: 140px
}

.auth-btns__btn {
    background: #457ce9;
    width: 240px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 8px;
    border-radius: 16px;
    color: #fff;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 14px
}

.auth-btns>a:hover {
    cursor: pointer;
    text-decoration: none;
    color: #fff
}

@media only screen and (max-width: 600px) {
    .auth-btns {
        flex-direction: column-reverse;
        gap: 10px
    }

    .auth-btns__btn {
        width: 100%
    }

    .auth-btns__btn-reverse {
        background: #fff;
        color: #457ce9
    }
}

.page404 {
    animation: fadeIn .5s ease-in;
    padding: 20vh 0
}

.page404__text {
    text-align: center;
    color: #7f7f7f;
    font-size: 22px
}

.page404 .btn-control {
    border-top: none;
    padding-top: 0;
    margin: 40px auto 0
}

.account .swiper-pagination {
    position: absolute;
    display: flex;
    justify-content: center;
    pointer-events: none;
    bottom: auto !important;
    top: 200px;
    left: calc(50%) !important;
    transform: translateX(-50%);
    width: auto !important
}

.account__title {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 37px;
    text-align: center;
    margin-top: 100px
}

.account__blocks {
    display: flex
}

.account__step-count {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 24px;
    width: 100%
}

.account__step-line {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    background: #457ce9;
    height: 1.5px;
    z-index: 10
}

@media only screen and (max-width: 600px) {
    .account__title {
        font-size: 24px;
        line-height: 36px;
        margin-top: 36px
    }

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

    .account__card-text {
        margin-left: 0;
        margin-top: 30px
    }

    .account__account-img {
        width: 44px
    }
}

.blog {
    overflow: hidden;
    animation: fadeIn .5s ease-in
}

.blog h1 {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 37px;
    text-align: center
}

.blog__inner-cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 33px;
}

.blog__inner-card {
    padding: 24px;
    border-radius: 24px;
    min-height: 418px;
    display: block;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.blog .text {
    position: relative;
    z-index: 3
}

.blog .blog__inner-card-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 273px
}

.blog img {
    border-radius: 24px;
    width: 100%;
    height: 100%;
    max-height: 273px
}

.blog__inner-card-title {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    margin-top: 20px
}

.blog__inner-card-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    margin-top: 8px;
    color: #303030;
    opacity: .5
}

.blog__inner-card:hover {
    border: none;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
    border-radius: 24px
}

.load {
    display: flex;
    justify-content: center;
    padding-bottom: 20px
}
@media only screen and (max-width: 1000px) {
    .blog__inner-cards {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (max-width: 600px) {
    .blog h1 {
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        text-align: center
    }

    .blog__inner-cards {
        grid-template-columns: 1fr;
        margin-top: 24px;
        gap: 20px
    }

    .blog__inner-card {
        padding: 24px 16px
    }

    .blog img {
        min-height: 200px
    }
}

.singArt {
    animation: fadeIn .5s ease-in
}

.singArt__header {
    height: 500px;
    position: relative;
    overflow: hidden;
    border-radius: 25px
}

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

.singArt__header.gray {
    background-color: #ececec
}

.singArt__info {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
    margin: 0 -30px;
    flex-wrap: wrap
}

.singArt__info-card {
    display: flex;
    align-items: center;
    margin: 15px 30px
}

.singArt__info-card img {
    margin-right: 10px;
    width: 21px
}

.singArt__content {
    margin-top: 80px;
    padding-bottom: 30px
}

@media only screen and (max-width: 991px) {
    .singArt__content {
        margin-top: 50px
    }

    .singArt__header {
        height: 52vw
    }

    .singArt__info {
        margin: 0 -15px
    }

    .singArt__info-card {
        margin: 15px
    }
}
.payment {
    animation: fadeIn .5s ease-in
}

.payment__wrapper {
    max-width: 600px;
    height: 370px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 24px;
    padding: 50px 48px;
    margin: 0 auto
}

.payment__btn {
    background: #457ce9;
    margin-top: 36px;
    border-radius: 16px;
    width: 100%;
    height: 60px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 14px;
    text-align: center;
    color: #fff
}

.payment__disabled_btn {
    background: rgba(69, 124, 233, .25)
}

.payment__balance {
    background: rgba(69, 124, 233, .05);
    border-radius: 24px;
    height: 98px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #457ce9;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.payment__balance>span {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-align: center
}

.payment__select {
    margin-top: 20px;
    position: relative
}

.payment__select-head {
    display: flex;
    align-items: center;
    height: 51px;
    padding: 0 24px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 16px;
    justify-content: space-between
}

.payment__select-active {
    border-radius: 16px 16px 0 0;
    border-bottom: none
}

.payment__last-sum {
    border-radius: 0 0 16px 16px
}

.payment__sums>.payment__last-sum {
    height: 51px
}

.payment__sums {
    position: absolute;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0 0 16px 16px;
    border-left: 1px solid rgba(0, 0, 0, .1);
    border-right: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 12px
}

.payment__sums>div {
    display: flex;
    align-items: center;
    padding: 0 12px;
    height: 51px
}

.payment__sums>div>div {
    padding: 0 12px;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%
}

.payment__sums>div>div:hover {
    background: rgba(0, 0, 0, .03);
    border-radius: 12px
}

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

.payment__allowed-discount-amount {
    display: flex
}

.payment__allowed-amount {
    margin-left: 2px;
    color: rgba(0, 0, 0, .5)
}

.payment__head-text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: rgba(0, 0, 0, .25)
}

.payment__top_arrow {
    transform: rotate(180deg)
}

.payment__buttom_arrow {
    transform: rotate(0deg)
}

.payment__arrow {
    height: 6px;
    width: 12px
}

.payment__inner {
    margin-top: 35px
}

.crypto-icon {
    max-width: 65px !important
}

@media only screen and (max-width: 600px) {
    .payment__wrapper {
        max-width: 600px;
        height: 280px;
        padding: 32px 16px
    }

    .payment__balance {
        font-size: 16px;
        height: 60px
    }
}

.contact {
    animation: fadeIn .5s ease-in
}

.contact .go-home-btn {
    margin-bottom: 160px
}

.contact__title {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 37px;
    text-align: center
}

.contact__wrapper {
    display: flex;
    gap: 0 60px;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 10px;
}

.contact__textField {
    position: relative;
    display: block;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 3px 0px;
    border: none !important;
    border-radius: 16px;
    height: 60px;
    padding-left: 60px
}

.contact__textField::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: rgba(0, 0, 0, .25)
}

.contact__email {
    position: relative;
}

.contact__email:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 24px;
    margin: auto 0;
    width: 25px;
    height: 25px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgBAMAAAAQtmoLAAAAMFBMVEUAAABHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA2KWqSAAAAEHRSTlOAABBwYDh4QAhIKBhQaCAwPp9oegAAAdZJREFUWMPt17FKHFEUxvE/zjoqaPFdIisq4qCkCw4plcCaEGK5gZB6CdikUgjWWUiTLqVVQAJCysUXyL6B+AY+g2WaFHfmzjh7Z+dOuoQ53bLn5945fHs9i1oWHejA/w42PqU0VPw6KYAZEFCriQPvCarTHPQJrPMMDEPBogVmFAriRELatq+ipH6WW9kQjyWkXYjzD6ypIUAKyxLSEBb2AC7r+r8CHD2FJQlpAFMzmHMocwv0xn3oSUgjmNjRHvrBtR3pDkQSEiDpRz7omeoDfFTW6IBJgZ7nUBsDYC2ZAfbJns+CGzePCrCze1vtXy8mXgUmBVbGlQN9A6KJF2jfc6hnACfyA50B0VW5f3MELKkObKalt92fiK9qgfYAXhb9XwDuVA/sIyaPQlqMwQPKQ5wdtA+oHFsbUs0HpdhmIW0ApdheV+PoBy62LqRNwKRA9PvAhbQJ2Ge19fhLWweKe6pyLdQCk10qWUibgY2tC2kA0IO7ewOBfr568V1tgP+fTwc60IF/AaRwH9K/BXG+nJyHgO18OTmDDyFgFxYlpM/zt7HyBbogIT0BVidN/TsXwPTvlsTWa2j7Rbf1Ki3zK6S/VyzrMu8aHzx6M+5+ZXWgA5X6A5dTG3wjYTjTAAAAAElFTkSuQmCC) no-repeat;
    background-size: cover;
    z-index: 100
}

.contact__btn {
    height: 60px;
    width: 100%;
    background: linear-gradient(135deg, #0ea5e9, #0995d6) !important;
    border: none !important;
    border-radius: 16px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 14px;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 32px
}

.contact__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    text-align: center;
    color: rgba(0, 0, 0, .5);
    margin: 20px auto 0;
    max-width: 521px
}

.contact__form {
    position: relative
}

.contact__chooseOrder {
    margin: 24px 0 0
}

.contact__info-block {
    margin-top: 36px;
    display: flex;
    flex-direction: column;
}

.contact__info-blocks {
    /* border: 1px solid rgba(0, 0, 0, .1); */
    filter: drop-shadow(25px 25px 100px rgba(152, 152, 152, 0.1));
    border-radius: 41px;
    padding: 0;
    width: 29%;
    /* height: 600px */
}
.contact__info-blocks i{
    font-size: 1.3rem;
    color: #00abdf;
    padding: 3px;
    border-radius: 50%;
    margin-right: 5px;
}
.contact__info-data-block {
    display: flex;
    justify-content: flex-start;
    gap: 0 20px
}

.contact__info-data-block div{
    margin-bottom: 10px;
}

.contact__info-social-icons {
    display: flex;
    justify-content: center;
    gap: 0 24px;
    margin-top: 24px
}

.contact__info-social-icons-title {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-top: 24px;
    text-align: center;
    color: #090a1f
}

.contact__info-data-way {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #babec0
}

.contact__info-data {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    color: #000
}

.contact__circle>.contact__social-icon {
    height: 24px;
    width: 24px
}

.contact__info-title {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #090a1f
}

.contact__circle {
    width: 64px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    min-width: 64px;
    background: #f7f9ff
}

.contact__circle>.contact__contact-icon {
    max-height: 32px;
    max-width: 32px;
    height: 32px;
    width: 32px
}

.contact__chooseOrder-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    max-height: 219px;
    overflow-y: auto;
    margin-top: 24px
}

.contact__chooseOrder-list::-webkit-scrollbar {
    width: 6px
}

.contact__chooseOrder-list::-webkit-scrollbar-track {
    background: #fafafa
}

.contact__chooseOrder-list::-webkit-scrollbar-thumb {
    background: rgba(69, 124, 233, .25);
    border-radius: 3px
}

.contact__cards-title {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #000
}

.contact__chooseOrder-card {
    width: 134px;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    display: flex;
    align-items: center
}

.contact__chooseOrder-photo {
    width: 100%;
    border-radius: 4px
}

.contact__chooseOrder-icon {
    z-index: 2;
    width: 28px;
    height: 24px;
    display: flex;
    align-items: center
}

.contact__chooseOrder-photo-active {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    display: flex;
    justify-content: center;
    z-index: 100;
    align-items: center;
    color: #fff;
    background-color: rgba(0, 0, 0, .65);
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 33px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    gap: 0 12px
}

.contact__chooseOrder-photo-not-active {
    display: none
}

.contact__form {
    /* box-shadow: 25px 25px 100px rgba(152, 152, 152, .1); */
    border-radius: 41px;
    padding: 0 48px 0;
    /* height: 600px */
}

.contact__inner {
    width: 694px
}

.contact__success {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f4f4f4;
    pointer-events: none;
    opacity: 0;
    transition: all .2s ease-out;
    z-index: 400
}

.contact__success div {
    width: 100px;
    height: 100px
}

.contact__success.active {
    opacity: 1;
    pointer-events: visible
}

.contact__success.active img {
    animation: scaleMinMax .3s linear
}

.contact__form-card+.contact__form-card {
    margin-top: 20px
}

.contact__line {
    height: 1px;
    background-color: rgba(0, 0, 0, .1);
    width: 100%;
    display: none
}

/* .contact__small-version {
    height: 500px
} */

@keyframes scaleMinMax {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@media only screen and (max-width: 1270px) {
    .contact__wrapper {
        flex-direction: column-reverse;
        align-items: center;
        gap: 52px;
        justify-content: center;
        width: 100%;
        padding: 0 16px
    }

    .contact__inner {
        width: 100%
    }

    .contact__form {
        box-shadow: none
    }

    .contact__info-blocks {
        width: 100%;
        height: fit-content;
        padding: 0 42px;
    }

    .contact__form {
        width: 100%
    }

    .contact__auth-btn {
        margin-top: -100px
    }

    .contact__auth-btn-2 {
        margin-top: -180px
    }
}

@media only screen and (max-width: 600px) {
    .contact__wrapper {
        padding: 0 16px
    }

    .contact__circle {
        width: 48px;
        height: 48px;
        min-width: 48px
    }

    .contact__circle>.contact__contact-icon {
        max-height: 24px;
        max-width: 24px;
        height: 24px;
        width: 24px
    }

    .contact__circle>.contact__social-icon {
        height: 18px;
        width: 18px
    }
}

@media only screen and (max-width: 600px) {
    .contact .go-home-btn {
        margin-bottom: 64px
    }

    .contact__title {
        font-size: 24px;
        margin-top: 36px
    }

    .contact__wrapper {
        padding: 0;
        margin-top: 32px
    }

    .contact__form {
        padding: 0
    }

    .contact__chooseOrder-list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        padding-right: 17px
    }

    .contact__chooseOrder {
        margin: 0
    }

    .contact__line {
        display: block;
        margin-top: 36px
    }

    .contact__chooseOrder-card {
        width: 100%;
        height: 100%
    }

    .contact__cards-title {
        font-size: 20px;
        line-height: 30px
    }

    .contact__textarea-wrapper {
        margin-top: 16px
    }

    .contact__btn {
        margin-top: 24px
    }

    .contact__info-blocks {
        padding: 32px 0px
    }

    .contact__info-title {
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 30px;
        text-align: center
    }

    .contact__info-block {
        margin-top: 24px;
        gap: 24px
    }

    .contact__info-data {
        font-size: 16px
    }

    .contact__info-address {
        width: 100%;
        max-width: 320px
    }

    .contact__info-social-icons-title {
        margin-top: 32px;
        font-size: 16px;
        line-height: 24px
    }

    .contact__info-social-icons {
        margin-top: 20px
    }
}

.faq {
    animation: fadeIn .5s ease-in
}

.faq__inner {
    margin-top: 80px
}

.faq__title {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 37px;
    margin-top: 100px;
    text-align: center;
    color: #000
}

.faq__card {
    padding: 0 40px 25px;
    border: 1px solid #e5e5e5;
    border-radius: 5px
}

.faq__card .text {
    padding: 0 5px
}

.faq__card+.faq__card {
    margin-top: 30px
}

.faq__card-title {
    background-color: #fff;
    padding: 0 5px;
    margin-bottom: 18px;
    color: #333;
    font-size: 18px;
    position: relative;
    top: 20px;
    display: inline-block;
    cursor: pointer;
    transition: all .2s ease-out
}

.faq__card-title.active {
    top: -11px
}

@media only screen and (max-width: 600px) {
    .faq__title {
        font-size: 24px;
        margin-top: 36px
    }

    .faq__inner {
        margin-top: 50px
    }
}

.partner__nav-block {
    display: flex;
    gap: 36px;
    height: 229px
}

.partner__link-attraction {
    background: #457ce9;
    border-radius: 24px;
    padding: 40px 36px 0;
    width: 698px
}

.partner__inner {
    margin-top: 40px;
    text-align: center
}

.partner__inner .btn-control {
    margin-top: 80px
}

.partner__current-balance {
    background: rgba(69, 124, 233, .05);
    border-radius: 24px;
    justify-content: space-between;
    height: 98px;
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #457ce9;
    padding: 0 36px
}

.partner__current-balance>div>span {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px
}

.partner__current-balance>button {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 14px;
    width: 128px;
    height: 60px;
    color: #fff;
    background: #457ce9;
    border-radius: 16px
}

.partner__get-new {
    background: #fff;
    border-radius: 16px;
    height: 60px;
    width: 128px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 14px;
    text-align: center;
    color: #457ce9
}

.partner__information-block {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 24px;
    width: 600px;
    max-width: 600px;
    padding: 40px 32px 0
}

.partner__link-copied-block {
    background: rgba(255, 255, 255, .15);
    border-radius: 24px;
    display: flex;
    align-items: center;
    padding: 0 36px;
    height: 98px;
    justify-content: space-between
}

.partner__link-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #fff
}

.partner__link {
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
    position: relative
}

.partner__link>* {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.partner__block-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    margin-top: 24px
}

.partner__copy-status {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 10px);
    padding: 8px;
    font-weight: 300;
    border-radius: 2px;
    color: #fff;
    background-color: #000;
    animation: fadeIn .5s ease-in
}

.partner__head-nav {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center
}

.partner__head-nav-first {
    display: flex;
    align-items: center;
    gap: 10px
}

.partner__mocked-column {
    color: #fff
}

.partner__head-mobile {
    display: none
}

.partner__history {
    table-layout: fixed;
    margin-top: 64px;
    text-align: left
}

.partner__history table {
    border-style: hidden;
    width: 100%;
    border-collapse: collapse
}

.partner__history table thead tr {
    height: 50px
}

.partner__history table thead th {
    font-size: 16px;
    font-weight: 400;
    border: none;
    border-left: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.partner__history table tbody td {
    border: none;
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.partner__history table tbody :first-of-type {
    border: none
}

.partner__head-icon {
    width: 20px;
    height: 20px
}

.partner__head-icon-ref {
    width: 24px;
    height: 24px
}

.partner__head-icon-percon {
    height: 18px;
    width: 18px
}

.partner__head-icon-amount {
    width: 24px;
    height: 20px
}

.partner__head-icon-profit {
    width: 20px;
    height: 14px
}

.partner__head-icon-price {
    height: 18px;
    width: 20px
}

.partner__column-ref {
    max-width: 140px
}

.partner__first_column {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    color: #919191;
    padding: 0 36px 12px 0
}

.partner__column-values {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    padding: 0 0 12px 20px;
    color: #457ce9
}

.partner__link-pc {
    display: block
}

.partner__link-mobile {
    display: none
}

@media only screen and (max-width: 950px) {
    .partner__nav-block {
        flex-direction: column;
        height: fit-content
    }

    .partner__link-attraction {
        width: 100%;
        padding: 24px 16px
    }

    .partner__link-copied-block {
        flex-direction: column;
        background: 0 0;
        padding: 0;
        height: fit-content
    }

    .partner__link-pc {
        display: none
    }

    .partner__link {
        height: 60px;
        background: rgba(255, 255, 255, .15);
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        border-radius: 16px;
        padding: 0 29px
    }

    .partner__current-balance {
        padding: 0;
        flex-direction: column;
        background: 0 0;
        height: auto
    }

    .partner__current-balance>button {
        width: 100%;
        margin-top: 16px
    }

    .partner__current-balance>div {
        height: 60px;
        background: rgba(69, 124, 233, .15);
        width: 100%;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        gap: 10px
    }

    .partner__current-balance>div>span {
        font-size: 18px
    }

    .partner__information-block {
        padding: 24px 16px
    }

    .partner__link-mobile {
        display: block
    }

    .partner__get-new {
        width: 100%;
        margin-top: 16px
    }

    .partner__information-block {
        width: 100%;
        max-width: 100%
    }

    .partner__subtitle-text {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #000
    }

    .partner__line {
        height: 1px;
        width: 100%;
        background: rgba(0, 0, 0, .1);
        margin: 16px 0
    }

    .partner__types {
        height: 312px;
        overflow-y: auto;
        padding-right: 40px
    }

    .partner__types::-webkit-scrollbar {
        width: 6px
    }

    .partner__types::-webkit-scrollbar-track {
        background: #fafafa
    }

    .partner__types::-webkit-scrollbar-thumb {
        background: rgba(69, 124, 233, .25);
        border-radius: 3px
    }

    .partner__type {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 12px;
        color: #919191;
        display: flex;
        gap: 10px
    }

    .partner__head-nav {
        justify-content: flex-start;
        margin-top: 36px
    }

    .partner__text {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        margin-top: 16px;
        color: #457ce9
    }
}

@media only screen and (max-width: 600px) {
    .partner__head-mobile {
        display: block
    }

    .partner__history table {
        display: none
    }
}

.paypal-payment-page {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 110px;
    padding-bottom: 110px
}

@media only screen and (max-width: 600px) {
    .paypal-payment-page {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px
    }
}

.paypal-payment-page h1 {
    text-align: center;
    font-size: 28px;
    font-weight: 700
}

.paypal-payment-page .steps-paypal .item {
    margin-top: 56px;
    display: flex;
    justify-content: center;
    align-items: flex-start
}

@media only screen and (max-width: 600px) {
    .paypal-payment-page .steps-paypal .item {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start
    }
}

.paypal-payment-page .steps-paypal .item .title {
    color: #7f7f7f;
    font-size: 28px;
    font-weight: 500;
    text-align: left;
    width: 33%
}

@media only screen and (max-width: 600px) {
    .paypal-payment-page .steps-paypal .item .title {
        font-size: 14px;
        text-align: center;
        margin-bottom: 10px
    }
}

.paypal-payment-page .steps-paypal .item .right-block {
    width: 33%;
    display: block;
    height: 100%;
    background-color: red;
    z-index: 500
}

.paypal-payment-page .steps-paypal .item .preview {
    border-style: solid;
    border-width: 1px;
    border-color: #e5e5e5;
    background-color: transparent;
    border-radius: 35px;
    padding: 27px;
    width: 80%;
    text-align: left
}

.paypal-payment-page .steps-paypal .item .preview img {
    border-radius: 25px
}

.paypal-payment-page .steps-paypal .item .preview .caption {
    font-weight: 400;
    font-size: 14px;
    margin-top: 20px
}

.paypal-payment-page .steps-paypal .item .preview .caption .mark {
    color: #29abe2
}

.paypal-payment-page .steps-paypal .item .preview .caption .warn-text {
    color: #f15a24
}

.paypal-payment-page .steps-paypal .item .preview .last {
    margin: 0
}

@media only screen and (max-width: 600px) {
    .paypal-payment-page .steps-paypal .item .preview {
        width: 100%
    }
}

.referral {
    animation: fadeIn .5s ease-in;
    overflow: hidden;
    color: #000
}

.referral__title-main {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 37px;
    text-align: center
}

.referral__subtitle {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 37px;
    text-align: center;
    z-index: 300
}

.referral__amount-blocks {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
    margin-top: 64px
}

.referral__line {
    height: 1px;
    width: 100%;
    background: rgba(0, 0, 0, .1);
    margin-top: 20px
}

.referral__amount-block {
    width: 22%;
    min-height: 292px;
    z-index: 100;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 24px;
    padding: 32px 14px 32px 32px
}

.referral__amount-block:hover {
    box-shadow: 25px 25px 100px rgba(152, 152, 152, .1);
    border: none
}

.referral__title {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 37px;
    text-align: center;
    color: #b5b5b5
}

.referral__step-count {
    height: 24px;
    width: 24px;
    border: 1.5px dashed #cedcf6;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    z-index: 100;
    background: #fff
}

.referral__line-dashed {
    position: absolute;
    top: 50%;
    border-top: 1.5px dashed #cedcf6;
    width: 100%;
    z-index: 50
}

.referral__price-block,
.referral__percent-block {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 12px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 14px
}

.referral__price-block {
    margin-top: 24px
}

.referral__percent-block {
    margin-top: 19px
}

.referral__price-cirkul {
    background: #f7f9ff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 64px;
    width: 64px;
    border-radius: 50%
}

.referral__price-cirkul>div {
    width: 32px;
    height: 32px
}

.referral__step-count>div {
    width: 3px;
    height: 7px
}

.referral__amounts {
    margin-top: 120px
}

@media only screen and (max-width: 1200px) {
    .referral__amount-blocks {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center
    }

    .referral__amount-block {
        min-width: 290px
    }

    .referral__line-dashed,
    .referral__step-count {
        display: none
    }
}

@media only screen and (max-width: 600px) {
    .referral__title-main {
        font-size: 24px;
        line-height: 36px
    }

    .referral__amount-block {
        min-width: 100%;
        min-height: 177px;
        padding: 24px
    }

    .referral__content-amount {
        display: flex;
        margin-top: 19px;
        align-items: center;
        justify-content: center;
        gap: 0 24px
    }

    .referral__price-block,
    .referral__percent-block {
        margin-top: 0;
        font-size: 16px;
        line-height: 14px
    }

    .referral__price-cirkul {
        height: 48px;
        width: 48px
    }

    .referral__price-cirkul>img {
        width: 24px;
        height: 24px
    }

    .referral__subtitle {
        font-size: 20px;
        line-height: 37px;
        margin-top: 64px
    }

    .referral__amounts {
        margin: 0
    }
}

.rules {
    animation: fadeIn .5s ease-in
}

.rules__title {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 37px;
    text-align: center
}

.rules__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    text-align: center;
    max-width: 521px;
    color: rgba(0, 0, 0, .5);
    margin: 0 auto
}

.rules__item-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 14px
}

.rules__item {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 37px
}

.rules__item-counter {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #457ce9;
    background: #f7f9ff;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 170%
}

.rules__inner {
    margin-top: 20px
}

.rules__list {
    margin-top: 58px;
    counter-reset: li;
    color: #333
}

.rules__list>li>.text::before {
    display: inline-block;
    content: counter(li) ". ";
    counter-increment: li;
    margin-right: 5px
}

.rules__list>li+li {
    margin-top: 64px
}

.rules__text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: rgba(0, 0, 0, .5)
}

.rules__inner-list {
    margin-top: 32px;
    counter-reset: li;
    line-height: 160%
}

.rules__inner-list li+li {
    margin-top: 12px
}

.rules__inner-list--alpha li {
    display: flex
}

.rules__inner-list--alpha li::before {
    content: counter(li, lower-alpha) ". ";
    counter-increment: li;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    margin-right: 5px
}

@media only screen and (max-width: 600px) {
    .rules__title {
        font-size: 24px
    }

    .rules__item {
        font-size: 20px
    }

    .rules__inner {
        margin-top: 10px
    }

    .rules__inner-list {
        margin-top: 20px
    }

    .rules__list {
        margin-top: 48px
    }
}

.searchHashtagsServices {
    animation: fadeIn .5s ease-in;
    overflow: hidden
}

.searchHashtagsServices__box {
    padding: 80px;
    background-color: #f2f2f2;
    border: 1px solid #ededed;
    border-radius: 25px;
    width: 100%;
    max-width: 815px;
    margin: 0 auto
}

.searchHashtagsServices__result {
    margin-top: 60px
}

.searchHashtagsServices__result ul {
    display: flex;
    flex-wrap: wrap;
    margin: -5px
}

.searchHashtagsServices__result ul li {
    margin: 5px;
    background-color: #f9f9f9;
    padding: 0 30px;
    height: 45px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    border-radius: 25px;
    cursor: pointer
}

.searchHashtagsServices__search {
    max-width: 500px;
    width: 100%;
    margin: 50px auto 0;
    position: relative
}

.searchHashtagsServices__search input {
    border: 1px solid #ededed;
    background-color: #fff;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    outline: none;
    display: block;
    width: 100%;
    text-align: center;
    height: 50px;
    border-radius: 30px
}

@media (max-width: 450px) {
    .searchHashtagsServices__search input {
        font-size: 16px
    }
}

.searchHashtagsServices__search input::placeholder {
    font-size: 14px;
    font-weight: 300
}

.searchHashtagsServices__search button {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    padding: 0;
    background-color: transparent;
    display: flex;
    align-items: center
}

.searchHashtagsServices__search button img {
    width: 22px
}

@media only screen and (max-width: 768px) {
    .searchHashtagsServices__search {
        margin: 40px auto 0
    }

    .searchHashtagsServices__box {
        padding: 50px
    }

    .searchHashtagsServices__result,
    .searchHashtagsServices .btn-control {
        margin-top: 30px
    }
}

@media only screen and (max-width: 599px) {
    .searchHashtagsServices__search {
        margin: 30px auto 0
    }

    .searchHashtagsServices__box {
        padding: 40px 20px
    }

    .searchHashtagsServices__result ul li {
        height: 35px;
        padding: 0 20px
    }
}

@media only screen and (max-width: 599px) {
    .searchHashtagsServices__box {
        padding: 40px 20px
    }
}

.otherServices {
    animation: fadeIn .5s ease-in
}

.otherServices__title {
    text-align: center;
    margin-top: 72px
}

.otherServices__title-text {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 60px;
    text-align: center;
    color: #090a1f;
    cursor: pointer
}

.otherServices__title-text:hover {
    color: red
}

.otherServices__services {
    display: flex;
    justify-content: space-between;
    max-width: 928px;
    margin: 50px auto 0;
    overflow-x: auto;
    gap: 0 14px;
    margin-bottom: 60px;
    padding-bottom: 10px
}

.otherServices__services::-webkit-scrollbar {
    height: 6px
}

.otherServices__services::-webkit-scrollbar-track {
    background: #fafafa
}

.otherServices__services::-webkit-scrollbar-thumb {
    background: rgba(69, 124, 233, .25);
    border-radius: 3px
}

.otherServices__active {
    background: #457ce9;
    border-radius: 16px;
    padding: 12px 24px;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
    color: #fff
}

.otherServices__not-active {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
    padding: 12px 24px;
    color: #666;
    border: 1px solid rgba(9, 10, 31, .1);
    border-radius: 16px
}

@media only screen and (max-width: 600px) {
    .otherServices__title {
        margin-top: 48px
    }

    .otherServices__title-text {
        font-size: 24px;
        line-height: 36px
    }

    .otherServices__services {
        margin: 48px auto 20px
    }

    .otherServices__active,
    .otherServices__not-active {
        padding: 12px 14px;
        font-size: 16px
    }
}
.clear {
    clear: both
}

.message-wrapper {
    display: block;
    clear: both
}

.message-block {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-bottom: 32px;
    gap: 24px
}

@media only screen and (max-width: 600px) {
    .message-block {
        gap: 10px;
        margin-bottom: 10px
    }

    .message-block-reverse {
        flex-direction: row-reverse;
        justify-content: flex-end
    }
}

input[name="paket_"]:checked+label:hover {
    border: 2px solid #457ce9 !important;
}

input[name="guarantee_"]:checked+label:hover {
    border: 2px solid #e46874 !important;
}

label.box__card.card-hover.paket {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.triAngle__container {
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
    /* Standard syntax */
}

.overflow-hidden {
    overflow: hidden;
}

input[name="auto-choose"] {
    display: none;
}

input[name="auto-choose"]:checked+label.form__number {
    /*border: 1px solid rgba(0, 0, 0, .15);*/
    /*border-radius: 16px;*/
    background: linear-gradient(94.79deg, #f6ec32 -53.82%, #df2e80 79.03%, #132ef7 201.25%);
    border-radius: 16px;
    border: none;
    color: #fff
}


.channel_link_input {
    font-size: 15px !important;
    padding: 11px;
    border-radius: 0.5em;
    border: 1px solid #ededed;
}

body {
    padding: 0px !important;
    margin: 0px !important;
}

ul.copyright_menu {
    margin-top: 15px;
    display: flex;
    justify-content: center;
}

.copyright_menu li {
    margin: 5px 10px;
}

@media screen and (max-width:768px) {
    ul.copyright_menu {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }
}
.fa{
    font-size: 12px !important;
}
.footer-desc p{
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
}
.dualChoice__white-block{
    display: flex;
    align-items: center;
    justify-content: center;
}
.dualChoice__color-block{
    display: flex;
    align-items: center;
    justify-content: center;
}
#comment_type_custom:checked + .dualChoice__white-block{
    /* background: var(--instagram); */
    background: linear-gradient(135deg, #ff5757, #d76395, #a675d1, #8c52ff)!important;
    color: #fff;
}
#comment_type_random:checked + .dualChoice__color-block{
    /* background: var(--instagram); */
    background: linear-gradient(135deg, #ff5757, #d76395, #a675d1, #8c52ff)!important;
    color: #fff;
}
@media(min-width: 600px){
    .box__likes-color div img{
        margin-bottom: 10px !important;
    }
}
@media(max-width: 600px){
    .popup__price{
        flex-direction: column;
        margin-top: 12px;
    }
    .popup__likes-color{
        width: 150px !important;
    }
    .popup__likes-color div{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .popup__likes-color div .servisadet{
        margin-left: 5px;
    }
}
@media(min-width: 601px){

    .popup__price{
        flex-direction: row;
    }
    .popup__likes-color div{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .popup__likes-color div .servisadet{
        margin-left: 5px;
    }
}
@media(max-width: 600px){
    .mobilautor{
        font-size: 20px !important;
    }
}
@media(max-width: 991px){
    .popup__likes-color div img{
        width: 18px !important;
        margin-top: 5px !important;
    }
    .popup-sub-header{
        display: flex;
        flex-direction: column;
    }
}
@media(min-width: 992px){
    .popup__likes-color div img{
        position: absolute;
        margin: auto;
        min-width: 90% !important;
        max-width: 90% !important;
        margin-top: 2px;
    }
    .popup-sub-header{
        display: flex;
        flex-direction: row;
    }
}
@media(max-width: 780px){
    .cusb_Title{
        text-align: center;
    }
    .cusb_Number{
        text-align: start;
    }
    .contact__info-blocks{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}
.panel-text p{
    font-family: Arial !important;
    margin-bottom: 0 !important;
}
.form__card .form__count{
    margin-top: 0 !important;
}

.form__btn:disabled{
    opacity: .7 !important;
}
.form___btn:disabled{
    opacity: .7 !important;
}
.code-photo {
    display: inline-block;
    background-color: #f8f8f8; /* Light background like paper */
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Adds depth */
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none; /* Chrome, Safari, Opera */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* Internet Explorer/Edge */
    user-select: none;
}

.code-photo:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.3); /* Light reflection effect */
    z-index: 1;
}

.code-photo #generatedCodeSpan {
    font-family: 'Courier New', Courier, monospace;
    font-size: 2rem;
    white-space: pre-wrap;
    color: #333;
    z-index: 2;
    position: relative;
}
.toc-section{
    -webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
    padding: 15px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 15px;
}
.toc-section h2{
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 0;
    text-align: start;
    border-bottom: none;
    font-weight: bold;
}
.toc-section h2::before{
    display: none;
}
@media(min-width: 1200px){
    .fa-regular.fa-user{
        font-size: 18px !important;
    }
}
@media(max-width: 1199.8px){
    .fa-regular.fa-user{
        font-size: 17px !important;
    }
}
@media (max-width: 992px) {
    .aacontact {
        width: 90% !important;
        height: 50px !important;
    }
}
.aacontact{
    height: 50px !important;
}
/* .collapse_menu_bottom{
    width: 100% !important;
    height: 83px !important;
    padding-top: 20px !important;
    display: flex;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    padding-top: 13px;
    padding-bottom: 10px;
} */
.collapse_menu_bottom_inner{

}
.collapse_menu_bottom_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 25% !important;
}
.collapse_menu_bottom_item a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.collapse_menu_bottom_item i{
    font-size: 16px;
    color: #1D1A25;
}
.collapse_menu_bottom_item span{
    font-size: 10px;
    color: #1D1A25;
}
.popupVarkenBody{
    height: 100vh !important;
    overflow: hidden !important;
}
@media(max-width: 992px){
    .popupVarkenBody{
        height: 60vh !important;
    }
}

.postsList__list {
    overflow-y: scroll; /* scroll her zaman gösterilir */
    scrollbar-width: auto; /* Firefox */
    scrollbar-color: #f1f1f1; /* Firefox için (renk isteğe bağlı) */
}

/* Chrome, Edge, Safari (WebKit) */
.postsList__list::-webkit-scrollbar {
    width: 4px;
}

.postsList__list::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.postsList__list::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
}
.aanopad .card{
    background: none !important;
}
.payment_input{
    position: relative;
    display: block;
    width: 100%;
    border: none !important;
    border-radius: 16px;
    height: 45px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 3px 0px;
    background: #fff !important;
}
@supports (-webkit-touch-callout: none) {
    .collapse_menu_bottom {
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }
}