body {
        background-color: #ffffff;
    }

    a.btn {
        font-family: "Gilroy"!important;
    }

    .start-text {
        margin: 82px 32px 40px 32px;
    }

    .h1-custom {
        font-family: "Gilroy" !important;
        font-weight: bold;
        position: static;
        width: 80%;
        min-height: 29px;
        left: 0;
        top: 0;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
        color: #181725;
        order: 0;
        flex-grow: 0;
        /*margin: 16px 0;*/
    }

    .p-custom {
        font-family: "Gilroy";
        position: static;
        width: 261px;
        height: 42px;
        left: 0;
        top: 0;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 21px;
        color: #B7B7B7;
        order: 0;
        flex-grow: 0;
        margin: 16px 0;
    }

    .btn-custom-arrow {
        max-width: 41px;
        max-height: 41px;
        /* float: left; */
        margin-top: -30px;
        /* right: 100px; */
        position: absolute;
        /* right: 54px; */
        margin-left: 50%;
        z-index: 1000000000000;
    }

    .btn-custom-arrow img {
        margin: -4px 45px 9px -5px;
    }

    .img-onboarding {
        float: right;
        margin-bottom: 51px;
    }

    .img-onboarding img {
        width: 100%;
        height: 100%;
    }

    .btn-m {
        padding: 13px 13px !important;
    }

    .btn-custom-onboarding {
        max-width: 82px;
        background: rgba(255, 68, 96, 0.09) !important;
        color: #7c3aed !important;
        margin-left: 32px;
    }

    .circle50 {
        width: 100%;
        height: 92px !important;
        border-radius: 50% 50% 0 0 / 100% 100% 0 0;
        background-color: rgba(255, 255, 255, 0.7);
    }

    .main-img-footer {
        max-height: 27px;
        max-width: 27px;
    }

    .secondary-img-group a {
        padding: 0 !important;
    }

    .secondary-img-footer {
        max-height: 24px;
        max-width: 24px;
        margin-bottom: 10px !important;
    }

    .tab-controls-custom {
        margin-top: 48px;
    }

    .topic-slider-custom a {
        padding: 9px 20px;
        color: #7c3aed;
        background: rgb(255 68 96 / 25%);
        border-radius: 11px;
        margin: 9px;
    }

    .owl-carousel .owl-stage-outer {
        padding: 6px;
    }

    .custom-h3-p p {
        font-family: "Gilroy"!important;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 29px;
        color: #BCBCBC !important;
    }

    .custom-h3-p h3 {
        font-family: "Gilroy" !important;
        font-weight: bold;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px 16px;
    }

    .p-custom-h3 {
        color: #7c3aed;
        font-family: "Gilroy";
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 29px;
    }

    .custom-link {
        font-size: 12px;
        background-color: white !important;
        color: #BCBCBC !important;
        font-family: "Gilroy";
        border: 1px solid #e2e2e2;
        margin-bottom: 8px;
        /* padding: 5px 5px !important; */
        font-weight: normal !important;
        padding-right: 16px;
        padding-left: 16px;
        padding-top: 5px;
        padding-bottom: 5px;
        border-radius: 8px !important;
        text-transform: lowercase !important;
    }

    .menu {
        background-color: white !important;
    }

    .input-style-1 input {
        background: #F6F7FA;
        border-radius: 6px;
    }

    .plashka {
        width: 80px;
        border-bottom: 3px solid #E2E2E2;
        ;
        margin: 10px auto;
    }

    .circle-nav-custom {
        top: -30px;
    }

    .circle-nav img {
        max-width: 60px;
        max-height: 60px;
    }

    .footer-bar-6 .circle-nav strong {
        display: none !important;
    }

    .footer-bar-6 .active-nav em {
        display: none !important;
    }

    .header-bar-custom {
        top: 0 !important;
        transform: none !important;
    }


    /*
    .frame6853 input {
        height: 88px !important;
        color: #9D9FA0 !important;
    }

    */



    .color-selection {}

    .color-selection p {
        font-family: Gilroy-Bold;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 29px;
        color: #181725;
    }

    .color-selection p span {
        font-family: "Gilroy";
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 29px;
        color: #BCBCBC;
    }

    .color-selection label {
        display: inline-block;
        cursor: pointer;
        position: relative;
        font-size: 13px;
        height: 28px !important;
        width: 28px !important;

        background: rgb(245, 245, 245) !important;
        border-radius: 8px;

    }

    .color-selection label span{
        color:#000;
    }

    .color-selection label:before {
        content: "";
        display: inline-block;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        left: 0;
    }

    .color-selection .radio1:before {
        background-color: #aaa !important;
    }

    .color-selection .radio label:before {
        border-radius: 8px;
    }

    .color-selection input[type=radio]:checked+label:before {
        content: " ";
        border: 4px solid #917878;
        width: 29px;
    }

    .color-selection img {
        width: 28px;
        height: 28px;
    }

    .language-selection input[type=radio]:checked+label {
        content: " ";
        border: 1px solid #917878;
        border-radius: 6px;
    }

    .language-selection input[type=radio] {
        display: none;
    }

    .color-selection input[type=radio] {
        display: none;
    }

    .color-selection .radio1:before {
        background-color: #FFFFFF !important;
        border: 1px solid #E2E2E2;
    }

    .color-selection .radio2:before {
        background-color: #000000 !important;
    }

    .color-selection .radio3:before {
        background-color: #FFBF44 !important;
    }

    .color-selection .radio4:before {
        background-color: #04D700 !important;
    }

    .color-selection .radio5:before {
        background-color: #4484FF !important;
    }

    .color-selection .radio6:before {
        background-color: #E20022 !important;
    }

    .color-selection .radio7:before {
        background-color: #03053D !important;
    }

    .arrow-bott {
        position: absolute;
        right: 10px;
        z-index: 2;
        font-size: 10px;
        font-style: normal;
        color: #dee2e6;
        line-height: 53px;
    }

    .arrow-bott i {
        font-size: 12px !important;
        margin-top: 5px !important;
    }

    .arrow-bott i:before {
        content: "\f107";
    }

    .input-style-2 .input-style-1-active {
        transform: none !important;
        color: #000 !important;
        background: none !important;
    }

    .input-style-2 select {
        border-width: 1px;
        background-color: rgba(0, 0, 0, 0);
        border-radius: 10px !important;
        display: block;
        border-color: rgba(0, 0, 0, 0.1);
        width: 100%;
        height: 50px;
        line-height: 50px;
        padding: 0px 14px;
        padding-left: 70px !important;
        color: #9D9FA0;
        font-size: 13px;
        -webkit-appearance: none;
    }

    .img-text a:active {
        border: 2px black;
    }

    .img-text img {
        width: 43px;
        height: 43px;
    }

    .img-text label {
        height: 100% !important;
        width: 100% !important;
    }

    .img-text label:before {
        display: none !important;
    }
    @media (max-width: 480px) {
        .img-text input[type=radio] + label {
            padding: 5px;
            font-size: 17px;
        }
    }
    .img-text input[type=radio]:checked+label {
        border: 1px solid #7c3aed;
        border-radius: 8px;
        background: #DED3F9 !important;
    }

    .card-custom {
        background: none !important;
    }

    .menu-title-question i {
        font-size: 20px;
        margin-right: 10px;
        font-weight: bold;
    }

    .menu-title img {
        max-width: 38px;
        width: 100%;
    }

    .rounded-m-question-custom {
        border-radius: 28px !important;
    }

    .list-group-custom span {
        font-family: "Gilroy";
        font-style: normal;
        font-size: 16px;
        line-height: 24px !important;
        color: #03053D;
        font-weight: 400;
    }

    .tabs-custom {
        border-radius: 22px !important;
    }

    .background-ser {
        border-radius: 50px;
        background: #F7F7F7;
    }

    .tabs-rounded a {
        border: none !important;
        background: #F7F7F7 !important;
    }

    .tabs-rounded a:focus {
        background-color: #DA4453 !important;
        color: white !important;
        border-radius: 30px;
    }

    .pre-view p {
        font-family: "Gilroy"!important;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 29px;
        text-align: center;
        color: #03053D;
    }

    .pre-view span {
        font-family: "Gilroy"!important;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 29px;
        color: #7c3aed;
    }

    .input-custom-preview input {
        height: 44px !important;
    }

    .tabs-rounded a:first-child {
        border-radius: 50px !important;
    }

    .create-new-page {
        background: #fff6f7;
        border: #ffe4e8 1px solid;
        border-radius: 6px;
        margin: 16px;
    }

    .name-of-company {
        background: #FFF5F5;
        height: 88px;
    }

    .name-of-company span {
        font-family: "Gilroy";
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
    }

    .input-style-phone-wats em i {
        padding-right: 25px;
        font-size: 20px !important;
        margin: 0 !important;
    }

    .input-style-phone-wats input {
        padding-left: 25px;
    }

    .tabs-round-custom a {
        border: none !important;
        border-radius: 50px;
        background: #F7F7F7;
    }

    .item-base {
        border: 1px solid #E2E2E2;
        box-sizing: border-box;
        border-radius: 12px;
    }

    .item-base p {
        font-family: "Gilroy";
        font-style: normal;
        margin-bottom: 0 !important;
        font-size: 14px;
        line-height: 29px;
        text-align: center;
        color: #9D9FA0;
    }

    .item-base p.price {
        font-weight: 600 !important;
    }

    .item-base span {
        font-family: "Gilroy";
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 12px;
        color: #9D9FA0;
    }

    .profile-description p {
        font-family: "Gilroy";
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 29px;
        color: #9D9FA0;
    }

    .profile-description span {
        font-family: "Gilroy";
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        color: #9D9FA0;
    }

    .radio00 {
        height: 44px !important;
        width: 44px !important;
    }

    .radio00:before {
        height: 44px !important;
        width: 44px !important;
        background-color: rgba(243, 243, 243, 0.7) !important;
        border: 1px solid #E2E2E2;
        box-sizing: border-box;
    }

    .circle-custom {
        height: 44px !important;
        width: 44px !important;
    }

    .circle-custom:before {
        height: 44px !important;
        width: 44px !important;
        background-color: rgba(243, 243, 243, 0.7) !important;
        border: 1px solid #E2E2E2;
    }

    .square-custom {
        height: 44px !important;
        width: 44px !important;
    }

    .square-custom:before {
        height: 44px !important;
        width: 44px !important;
        background-color: rgba(243, 243, 243, 0.7) !important;
        border: 1px solid #E2E2E2;
        box-sizing: border-box;
        border-radius: 0 !important;
    }

    .square-custom-border {
        height: 44px !important;
        width: 44px !important;
    }

    .square-custom-border:before {
        height: 44px !important;
        width: 44px !important;
        background-color: rgba(243, 243, 243, 0.7) !important;
        border: 1px solid #E2E2E2;
        box-sizing: border-box;
        border-radius: 0 !important;
    }

    .diamond-custom {
        height: 44px !important;
        width: 44px !important;
    }

    .diamond-custom:before {
        margin-top: 9px;
        height: 36px !important;
        width: 36px !important;
        border-radius: 0 !important;
        background-color: rgba(243, 243, 243, 0.7) !important;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0 100%;
        -moz-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
        -o-transform-origin: 0 100%;
        transform-origin: 0 100%;
    }

    .line-custom {
        height: 44px !important;
        width: 44px !important;
    }

    .line-custom:before {
        height: 44px !important;
        width: 44px !important;
        border-radius: 0 !important;
        border-bottom: 1px solid #E2E2E2;
        background: none !important;
    }

    .profile-custom {
        padding: 30px 24px;
    }

    .profile-custom span {
        font-family: "Gilroy";
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 29px;
        color: #D7D7D7;
    }

    .profile-custom p {
        font-family: "Gilroy";
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
        color: #181725;
    }

    .profile-custom img {
        max-width: 38px;
    }

    .card-style-custom {
        border-radius: 10px;
    }

    .list-group-custom-next img {
        max-width: 203px;
    }

    .menu-title-custom p {
        font-family: "Gilroy";
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 21px;
        color: #B7B7B7;
    }

    .input-style-new-email input {
        width: 90% !important;
    }

    .list-group-custom-next a {
        max-height: 40px;
        background-color: #43A6FF;
        line-height: normal;
        font-family: "Gilroy";
        font-style: normal;
        font-weight: 600;
        color: #FFFFFF;
        font-size: 14px;
    }

    .card-custom p {
        font-family: "Gilroy";
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: #06070D;
    }

    .card-custom span {
        font-family: "Gilroy";
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 18px;
        color: rgba(6, 6, 13, 0.51);
    }

    .card-name p {
        font-family: "Gilroy";
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: #06070D;
    }

    .card-name span {
        font-family: "Gilroy";
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 18px;
        color: rgba(6, 7, 13, 0.5);
    }

    .header-icon-custom {
        font-size: 21px;
        color: #06070D;
        margin-top: 20px;
    }

    .item-card h1.name {
        font-family: "Gilroy";
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 16px;
        color: #06070D;
    }

    .item-card span {
        font-family: "Gilroy";
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 21px;
        color: rgba(6, 7, 13, 0.5);
    }

    .item-card p.price {
        font-family: "Gilroy";
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #06070D;
    }

    .item-card p.description {
        font-family: "Gilroy";
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 24px;
        color: rgba(6, 7, 13, 0.51);
    }

    .input-search input {
        padding-left: 35px !important;
        background: none !important;
        border: 1px solid #E9E9E9;
        border-radius: 27px;
        height: 48px;
    }

    .input-search input:focus {
        border: solid 1px black;
    }

    .input-search i {
        padding-left: 10px;
        font-size: 15px;
    }

    .item-quantity span {
        font-family: "Gilroy";
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 14px;
        color: #989898;
    }

    .owl-stage-custom {
        width: 850px !important;
    }

    .topic-slider-custom-item h1 a {
        font-family: "Gilroy";
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 22px;
        color: #989898;
    }

    .topic-slider-custom-item h1 a:focus {
        font-family: Gilroy-Bold;
        background: rgba(255, 122, 0, 0.12);
        border-radius: 24px;
        padding: 4px 15px;
        color: #FF7A00;
    }

    .topic-slider-custom-item h1 a:focus:before {
        content: "\2714";
        color: #FF7A00;
        padding-right: 5px;
    }

    .card-custom-item p.price {
        font-family: Gilroy-Bold;
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: 22px;
        color: #000000;
    }

    .card-custom-item p.price span {
        font-family: "Gilroy";
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 22px;
        color: #989898;
    }

    .owl-dot.active {
        background: #FFFFFF;
    }

    .menu-box-bottom-custom {
        transform: none !important;
    }

    .card-custom-item p.price-item {
        font-size: 32px !important;
    }

    .card-custom-item p.price-item span {
        font-size: 24px !important;
    }

    .card-custom-item p.price-approximate {
        font-family: "Gilroy";
        font-style: normal;
        font-weight: 500;
        font-size: 17px;
        line-height: 150%;
        color: #FFBF44;
    }

    .card-custom-item p.description-item {
        font-family: "Gilroy";
        font-style: normal;
        font-weight: normal;
        font-size: 17px;
        line-height: 150%;
        color: #989898;
    }

    .input-search-custom i {
        color: #90CBFF!important;
        margin-top: 17px!important;
    }

    .input-search-custom input {
        color: #90CBFF!important;
        border-color: #90CBFF!important;
    }

    .input-search-custom input::placeholder {
        color: #90CBFF!important;
    }

    .category-list h2 {
        font-family: "Gilroy"!important;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        color: #181725!important;
        box-sizing: border-box;
        border-radius: 12px;
        padding: 33px;
        width: 50%;
        text-align: center;
    }

    .category-list h2 a {
        font-family: "Gilroy"!important;
        font-weight: 600;
        color: #181725!important;
    }

    .category-list1 {
        background: rgba(83, 177, 117, 0.1);
        border: 1px solid rgba(83, 177, 117, 0.7);
    }

    .category-list2 {
        background: rgba(247, 165, 147, 0.1);
        border: 1px solid rgba(247, 165, 147, 0.7);
    }

    .category-list3 {
        background: rgba(183, 223, 245, 0.2);
        border: 1px solid rgba(183, 223, 245, 0.7);
    }

    .category-list4 {
        background: rgba(253, 229, 152, 0.2);
        border: 1px solid rgba(253, 229, 152, 0.7);
    }

    .category-list5 {
        background: rgba(247, 147, 195, 0.1);
        border: 1px solid rgba(247, 147, 195, 0.7);
    }

    .category-list6 {
        background: rgba(96, 83, 177, 0.1);
        border: 1px solid rgba(96, 83, 177, 0.7);
    }

    @media screen and (max-height: 568px) {
        .start-text {
            margin: 26px 32px 15px 32px;
        }
        .img-onboarding {
            margin-bottom: 0;
        }
        .btn-custom-onboarding {
            margin-top: -21px;
        }
        .btn-custom-arrow {
            top: 320px;
        }
    }




    /* Copied this css from Login2.vue style */


    /* Transition rewrite for vue-modal */

    n.vm-transition--overlay-enter-active,
    .vm-transition--overlay-leave-active {
        transition: all 50ms;
    }

    .vm-transition--overlay-enter,
    .vm-transition--overlay-leave-active {
        opacity: 0;
    }

    .vm-transition--modal-enter-active,
    .vm-transition--modal-leave-active {
        transition: all 400ms;
    }

    .vm-transition--modal-enter,
    .vm-transition--modal-leave-active {
        opacity: 1;
        transform: translateY(100%);
    }

    .vm-transition--default-enter-active,
    .vm-transition--default-leave-active {
        transition: all 2ms;
    }

    .vm-transition--default-enter,
    .vm-transition--default-leave-active {
        opacity: 0;
    }

    /*   @import '/src/assets/css/style.css'; */


    .orderscounter {
        margin-left: 3px;
        font-size: 13px;
        text-transform: uppercase;
        color: #fff;
        height: 20px;
        line-height: 12px;
        padding: 4px 7px;
        background: #7c3aed;
        border-radius: 9px;
    }

    .supportchatbtn {
        color: #43A6FF !important;
        background-color: #F5FAFF !important;
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        padding: 11px;
        border-radius: 62px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        text-align: left;
        text-decoration: none;
    }

    .faqbtn {
        color: #43A6FF !important;
        background-color: #F5FAFF !important;
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        padding: 11px;
        border-radius: 62px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        text-align: left;
        text-decoration: none;
    }

    .outlinedbtn {
        cursor: pointer;
        margin: 0px 15px 30px 15px;
        overflow: hidden;
        height: 44px;
        opacity: 1;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        color: rgba(255, 255, 255, 1);
        font-family: Gilroy;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 44px;
        color: #7c3aed;
        border: 1px solid #7c3aed;
    }

    .horizontalscroll {
        display: flex;
        overflow: auto;
        vertical-align: middle;
        padding: 0.75rem;
    }

    body {
        font-family: Gilroy !important;
    }

    .btncancel {
        background: rgb(255 68 96 / 25%) !important;
        color: rgba(255, 68.00000354647636, 96.00000187754631, 1) !important;
    }

    .input-style p {
        color: #BCBCBC;
    }

    button:disabled,
    button[disabled] {
        background-color: #bcbcbc;
    }

    .flexcenter {
        display: flex;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
    }

    .inputfull input {
        width: 100% !important;
    }

    .input-style .m-0 {
        font-size: 13px;
        font-weight: 500;
        color: #000;
        margin-top: 10px !important;
    }

    .st1p {
        position: relative;
        margin: 2px;
        overflow: hidden;
    }

    .st1pi {
        display: block;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        border-radius: 7px;
    }

    .st1pi img {
        width: 100%;
    }

    .st1pt {
        padding-right: 40px;
        position: relative;
        line-height: 1.5;
    }

    .st1pp {
        font-size: 12px;
        color: grey;
    }

    .st1pa {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    html {
        background-color: transparent !important;
        min-height: 100% !important;
    }

    .storetabs1 .half {
        width: 50%;
    }

    .storetabs1 .half img {
        width: 100%;
        margin: 0 auto;
    }

    .storetabs1 .discounts_thumb {
        width: 90%;
    }

    .block {
        margin-top: 15px !important;
    }

    .innermodal {
        /* overflow-y: scroll; */
        height: 90%;
    }

    .storetabs1 {
        width: 100%;
        overflow: scroll hidden;
        white-space: normal;
        display: flex;
        flex-direction: row;
    }

    .scts {
        color: #fff;
        display: inline-block;
        padding: 0px 18px;
        height: 40px;
        font-size: 13px;
        border-radius: 10px;
        text-align: center;
        margin-right: 4px;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        display: flex;
    }

    .card-center {
        text-align: center;
    }

    .circle-nav-custom {
        top: -30px;
    }

    .btn-zakazhi {
        line-height: 16px;
    }

    .floatright {
        float: right;
        text-align: right;
    }

    .card {
        box-shadow: 0 4px 25px 0 rgb(0 0 0 / 10%);
    }

    .title {
        font-weight: bold;
    }

    .mcontent {
        margin: 0 auto;
    }

    .zcontent {
        margin-top: 50px;
        /* margin-bottom: 100px; */
    }

    .price {
        height: 100%;
        padding: 5px 0;
        /*background: #FFF4F6;*/
        position: relative;
        z-index: 2
    }

    .price .title-sect {
        margin: 0 auto 5px;
        text-align: center
    }

    .price-nav ul {
        position: relative;
        max-width: 485px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin: 0 auto;
        padding: 0;
        background: #fff;
        border-radius: 50px;
        list-style: none;
        z-index: 2
    }

    .price-nav ul li {
        padding: 15px 0;
        z-index: 5;
    }

    .price-nav ul li span {
        font-size: 16px;
        text-transform: uppercase;
        color: #18191F;
        opacity: 0.5;
        transition: 0.3s ease all;
        cursor: pointer
    }

    .price-nav ul li span:hover {
        opacity: 1
    }

    .price-nav ul li span.active {
        color: #fff;
        opacity: 1
    }

    .price-nav--slider {
        width: calc(100% / 3);
        height: 100%;
        position: absolute;
        background: #7c3aed;
        border-radius: 50px;
        box-shadow: 0 5px 7px rgba(82, 67, 194, 0.230196);
        top: 0;
        z-index: 0;
        transition: .2s ease all
    }

    .price-nav--slider.month {
        -ms-transform: translate(-100%);
        transform: translate(-100%);
        transition: .2s ease all
    }

    .price-nav--slider.year {
        -ms-transform: translate(2%);
        transform: translate(2%);
        transition: .2s ease all
    }

    .price-nav--slider.life {
        -ms-transform: translate(100%);
        transform: translate(100%);
        transition: .2s ease all
    }

    .price-table {
        margin-top: 25px;
        padding: 0;
        -ms-flex-direction: column;
        flex-direction: column;
        background: transparent
    }

    .price-item {
        width: 40%;
        display: inline-block;
    }


    @media (max-width: 990px) {
        .price-item {
            width: 70%;
            margin: 0 auto 25px
        }

        .price-item:last-child {
            margin-bottom: 0
        }
    }

    @media (max-width: 564px) {
        .price-item {
            width: 100%
        }
    }

    @media (max-width: 990px) {
        .price-item--default {
            padding: 32px 44px;
            border-radius: 26px;
            background: #fff
        }
    }

    .price-item--default .price-item--price .p-price {
        color: #18191F;
        font-size: 26px;
        font-weight: 500
    }

    .price-item--default .price-item--price .p-date {
        color: #7C8087;
        font-size: 17px
    }

    .price-item--default .price-item--pack .p-pack {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 16px;
        color: #18191F;
        font-weight: 500
    }

    .price-item--default .price-item--pack .p-subtitle {
        font-size: 15px;
        color: #7C8087;
        font-weight: 300
    }

    .price-item--default .price-item--body span {
        color: #7C8087
    }

    .price-item--default .price-item--body span:before {
        color: #7c3aed
    }

    .price-item--default .price-item--footer .btn {
        width: 100%;
        padding: 15px 25px;
        border: 1.5px solid #1D293F;
        border-radius: 18px;
        font-size: 15px;
        color: #1D293F;
        transition: .3s ease all
    }

    .price-item--default .price-item--footer .btn:hover {
        background: #1D293F;
        color: #fff
    }

    .price-item--popular .price-item--price .p-price {
        color: #fff;
        font-size: 26px;
        font-weight: 600
    }

    .price-item--popular .price-item--price .p-date {
        color: #fff;
        font-size: 16px
    }

    .price-item--popular .price-item--pack .p-pack {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 16px;
        color: #fff;
        font-weight: 600
    }

    .price-item--popular .price-item--pack .p-pack .p-account {
        font-size: 12px;
        font-weight: 300
    }

    .price-item--popular .price-item--pack .p-subtitle {
        font-size: 12px;
        color: #fff;
        font-weight: 300
    }

    .price-item--popular .price-item--body span {
        color: #fff
    }

    .price-item--popular .price-item--footer .btn {
        width: 100%;
        padding: 15px 25px;
        border: 1.5px solid #7c3aed;
        border-radius: 18px;
        font-size: 12px;
        color: #7c3aed;
        background: #fff;
        transition: .3s ease all
    }

    .price-item--popular .price-item--footer .btn:hover {
        background: #7c3aed;
        color: #fff;
        box-shadow: 0 10px 34px rgba(240, 104, 104, 0.1)
    }

    .price-item--pack {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative
    }

    .price-item--head {
        padding-bottom: 2px
    }

    .price-item--price {
        padding-bottom: 2px
    }

    .price-item--body ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .price-item--body ul li {
        margin-bottom: 1px
    }

    .price-item--body ul li:last-child {
        margin-bottom: 0
    }

    .price-item--body ul li span {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        padding-left: 5px;
        font-size: 16px;
        font-weight: 300
    }

    .price-item--footer {
        margin-top: 5px
    }

    .center {
        text-align: center;
    }

    .f16 {
        font-size: 16px !important;
        font-family: Gilroy;
    }

    .field-icon {
        font-size: 19px;
        left: -10px;
        margin-left: -15px;
        margin-top: -42px;
        float: right;
        position: relative;
        z-index: 2;
        color: #000 !important;
    }

    .templates {
        width: 160px;
        height: 250px;
        padding: 10px;
    }

    .slick-center img {
        margin: 0px;
        height: 240px;
        width: 170px;
    }

    #mobilemodal {
        width: 100%;
    }

    .lds-ring {
        position: relative;
        width: 80px;
        height: 80px;
        margin: 20% auto;
        text-align: center;
    }

    .inactive {
        display: none;
    }

    .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 64px;
        height: 64px;
        margin: 8px;
        border: 8px solid #7C3AED;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #7C3AED transparent transparent transparent;
    }

    .lds-ring div:nth-child(1) {
        animation-delay: -0.45s;
    }

    .lds-ring div:nth-child(2) {
        animation-delay: -0.3s;
    }

    .lds-ring div:nth-child(3) {
        animation-delay: -0.15s;
    }

    @keyframes lds-ring {
        0% {
            transform: rotate(0deg);
        }

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

    .mobilemodal {
        bottom: 0px !important;
        position: fixed !important;
        top: unset !important;
        border-radius: 24px !important;
        margin: 0px;
        left: 0px;
        height: 95% !important;
        overflow-y: scroll;
    }

    .overlay-fade-enter-active,
    .overlay-fade-leave-active {
        transition: all 0.4s !important;
    }

    .slideup-enter-active,
    .slideup-leave-active {
        transition-duration: 1s;
        animation: slideup2;
    }

    .slideup-enter,
    .slideup-leave-to {
        animation: slidedown2;
    }

    @-webkit-keyframes slideup2 {
        0% {
            -webkit-transform: translateY(0);
            opacity: 0;
            transform: translateY(0);
        }

        50% {
            opacity: 1;
            -webkit-transform: translateY(50);
            transform: translateY(50);
        }

        100% {
            -webkit-transform: translateY(100);
            transform: translateY(100);
        }
    }

    @-webkit-keyframes slidedown2 {
        50% {
            -webkit-transform: translateY(50);
        }

        100% {
            -webkit-transform: translateY(0);
        }
    }

    .innermodal {
        margin: 0px 15px 20px 15px;
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
            transform: translateY(startYposition);
        }

        100% {
            opacity: 1;
            transform: translateY(endYposition);
        }
    }

    @keyframes fadeOut {
        0% {
            opacity: 1;
            transform: translateY(startYposition);
        }

        100% {
            opacity: 0;
            transform: translateY(endYposition);
        }
    }

    .fieldlabel2 {
        font-family: 'Gilroy';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 29px;
        color: #BCBCBC;
    }

    .insidemodal {
        z-index: 1000000 !important;
        /*height: 40% !important;*/
    }

    .loading {
        display: inline-block;
        width: 30px;
        height: 30px;
        border: 2px solid rgba(0, 0, 0, .2);
        border-radius: 50%;
        border-top-color: rgba(0, 0, 0, .4);
        animation: spin 1s ease-in-out infinite;
        -webkit-animation: spin 1s ease-in-out infinite;
        left: calc(50%);
        top: calc(50%);
        position: fixed;
        z-index: 1;
    }

    @keyframes spin {
        to {
            -webkit-transform: rotate(360deg);
        }
    }

    @-webkit-keyframes spin {
        to {
            -webkit-transform: rotate(360deg);
        }
    }
    /*[class*=" icon"]*/
    [class^="icon"]
 {
        font-family: 'icomoon' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    /*
    .iconchocofood:before {
        content: "\e900";
        color: #fff;
    }

    .iconglovo:before {
        content: "\e901";
        color: #fff;
    }

    .iconwolt:before {
        content: "\e902";
        color: #fff;
    }

    .iconyandexeda:before {
        content: "\e903";
        color: #fff;
    }

    .icongis:before {
        content: "\e904";
        color: #fff;
    }

    .iconkaspi:before {
        content: "\e905";
        color: #fff;
    } */

    .innermodal {
         overflow-y: scroll !important;
        overflow-x: hidden !important;
    }

    .slider_wrapper {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
    }

    .slider_item {
        height: 100%;
        text-align: left;
        display: flex;
        background-color: #F8F8F8;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
    }

    .slider_item .slider_left {
        padding: 50px 0 50px 20px;
    }

    .slider_item .slider_left {
        padding: 29px 0 29px 20px;
        width: 44%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .slider_item .slider_title {
        font-size: 36px;
    }

    .slider_item .slider_title {
        font-family: "STIXTwoMath";
        font-style: normal;
        font-weight: normal;
        padding-bottom: 0px !important;
    }

    .slider_item .slider_descr {
        font-size: 12px;
        max-width: none;
    }

    .slider_item .slider_descr {
        font-family: "OpenSans";
        font-style: normal;
        font-weight: normal;
        max-width: 95px;
    }

    .slider_item .slider_link {
        font-size: 10px;
        max-width: 130px;
        min-width: 97px;
        padding: 10px 15px;
    }

    .slider_item .slider_link {
        display: block;
        font-family: "OpenSans";
        font-style: normal;
        font-weight: 600;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-align: center;
        text-decoration: none;
    }

    .slider_item .slider_right {
        width: 56%;
        overflow: hidden;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center center;
    }

    .slider_item p {
        margin-bottom: 9px !important;
    }

    .banner-cont {
        padding: 27px 20px;
        background: #f8f8f8;
        border-radius: 10px;
        height: 100%;
        display: flex;
        align-items: center;
    }

    .banner-title {
        font-size: 36px;
        font-weight: 400;
        text-align: left;
        line-height: 50px;
    }

    .banner-description {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 400;
        font-size: 15px;
    }

    .banner-description .ico {
        margin-left: 3px;
    }

    .banner-btn {
        max-width: 160px;
        padding: 12px 0;
    }

    .banner-btn .btn {
        min-width: 97px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .btn-color {
        background: #2ad1c5;
        color: #fff;
        font-weight: 500;
    }

    .btn-main {
        padding: 10px 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 3px;
        font-size: 10px;
        text-decoration: none;
    }

    .header .header-icon {
        font-size: 17px !important;
    }

    .gradient {
        animation-duration: 1.8s;
        animation-fill-mode: forwards;
        animation-iteration-count: infinite;
        animation-name: placeHolderShimmer;
        animation-timing-function: linear;
        background: #f6f7f8;
        background: linear-gradient(to right, #fafafa 8%, #d2d2d2 38%, #fafafa 54%);
        background-size: 1000px 640px;
        position: relative;
    }

    @keyframes placeHolderShimmer {
        0% {
            background-position: -468px 0
        }

        100% {
            background-position: 468px 0
        }
    }

    .element2 {
        width: 130px;
        height: 20px;
        margin-top: 5px;
    }

    .modal-card-head {
        background-color: #F5FAFF !important;
        border-bottom: none !important;
    }

    /*  BELOW TAKEN FROM style.css  */

    /*  Editor.vue  */

    .header {
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        background-color: rgba(255, 255, 255, 0.7);
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        height: 50px;
        z-index: 99;
        transition: all 300ms ease;
    }

    .header .header-icon {
        position: relative;
        height: 50px;
        width: 50px;
        text-align: center;
        line-height: 49px;
        font-size: 12px;
        color: #181725;
        border: none;
        -webkit-appearance: none;
        appearance: none;
        /*background-color: rgba(0, 0, 0, 0) !important;*/
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .list-custom-small {
        padding: 5px;
    }

    .list-custom-small a {
        color: #1f1f1f;
        font-weight: 600;
        font-size: 16px;
    }

    .list-custom-small a i:last-child {
        float: right;
        font-size: 15px;
        opacity: 0.5;
        line-height: 28px !important;
        color: #e0e0e0;
    }

    .tabs-small a {
        height: 33px;
        line-height: 33px;
        font-size: 12px;
    }

    .bg-red-dark {
        background-color: #7c3aed !important;
        color: #FFF !important;
    }

    .font-900 {
        font-weight: 900;
    }

    .rounded-xs {
        border-radius: 5px !important;
    }

    .btn-zakazhifront {
        overflow: hidden;
        opacity: 1;
        width: 100%;
        height: 44px  !important;
        background-color: rgba(255, 68.00000354647636, 96.00000187754631, 1);
        opacity: 1;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        color: rgba(255, 255, 255, 1);
        font-family: Gilroy;
        text-align: center;
        font-size: 16px !important;
        letter-spacing: 0;
        line-height: 44px;
    }

    .input-style-1 textarea {
        border: 1px solid #CBCBCB;
        color: rgba(3.000000058673322, 5.000000176951289, 61.00000016391277, 1);
        opacity: 1;
        text-align: left;
        letter-spacing: 0;
        line-height: 32px;
        background: #f6f7fa !important;
        padding: 10px;
        border-radius: 6px;
        border-bottom: 0px !important;
        height: 44px;
        font-family: Gilroy;
        border-width: 1px;
        font-size: 16px;
        display: block;
        width: 100%;
        margin-bottom: 10px;
        transition: all 250ms ease;
        border-width: 1px;
        font-size: 13px;
        display: block;
        width: 100%;
        height: 50px;
        line-height: 28px;
        margin-bottom: 15px;
        background-color: rgba(0, 0, 0, 0);
        margin-left: 0px !important;
        text-indent: 0px !important;
        border-bottom: solid 1px rgba(0, 0, 0, 0.08);
        transition: all 250ms ease;
    }

    .input-style-1 input {
        border: 1px solid #CBCBCB;
        color: rgba(3.000000058673322, 5.000000176951289, 61.00000016391277, 1);
        opacity: 1;
        text-align: left;
        letter-spacing: 0;
        line-height: 32px;
        padding-left: 16px;
        background: #F0F1F5 !important;
        border-radius: 6px;
        height: 44px;
        font-family: Gilroy;
        border-width: 1px;
        font-size: 16px;
        display: block;
        width: 100%;
        margin-bottom: 10px;
        transition: all 250ms ease;
    }

    .input-style-1 textarea:focus {
        line-height: 24px;
        height: 150px;
        transition: all 250ms ease;
    }

    .btn-zakazhi {
        cursor: pointer;
        border: none;
        overflow: hidden;
        opacity: 1;
        width: 100%;
        height: 44px !important;
        background-color: #7c3aed;
        opacity: 1;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        color: rgba(255, 255, 255, 1);
        font-family: Gilroy;
        text-align: center;
        font-size: 16px !important;
        letter-spacing: 0;
    }

    .btn-zakazhi-light {
        overflow: hidden;
        opacity: 1;
        width: 100%;
        height: 44px;
        background: #feeef1 !important;
        color: #7c3aed !important;
        opacity: 1;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        color: rgba(255, 255, 255, 1);
        font-family: Gilroy;
        text-align: center;
        font-size: 16px;
        letter-spacing: 0;
        shadow: none !important;
        box-shadow: none !important;
    }

    .input-style-1 select {
        color: rgba(3.000000058673322, 5.000000176951289, 61.00000016391277, 1);
        opacity: 1;
        text-align: left;
        letter-spacing: 0;
        line-height: 32px;
        padding-left: 16px;
        background: #f6f7fa !important;
        border-radius: 6px;
        border-bottom: 0px !important;
        height: 44px;
        font-family: Gilroy;
        border-width: 1px;
        font-size: 16px;
        display: block;
        width: 100%;
        margin-bottom: 10px;
        border: none;
        transition: all 250ms ease;
    }

    .input-style-1 select:focus {
        border-bottom: solid 1px black;
    }

    .input-style-1-active {
        opacity: 1 !important;
    }

    textarea:focus,
    input:focus {
        outline: none;
    }

    /*  Editor.vue ends */

    /*  Internalpage.vue */

    .header .header-title {
        position: absolute;
        height: 50px;
        font-size: 14px;
        color: #181725;
        font-weight: 600;
        z-index: 1;

    }

    .header-logo-center .header-title {
        width: 150px;
        left: 50%;
        margin-left: -75px;
        text-align: center;
    }

    /*  Internalpage.vue ends */

    /* TAKEN FROM style.css ENDS  */

    .header .column.is-1 {
        padding: 0px;
        height: 60px;
    }

    .color-white {
        color: #FFF !important;
    }

    .font-14 {
        font-size: 14px !important;
    }

    .shadow-xl {
        box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.02) !important;
    }

    .rounded-sm {
        border-radius: 12px !important;
    }

    .card {
        -webkit-transform: translate3d(0, 0, 0);
        background-size: cover;
        border: 0px !important;
        max-height: 150000px;
        margin-bottom: 10px;
        background-position: center center !important;
        border-radius: 8px !important;
    }

    .card-content {
        padding: 1em !important;
        display: block;
    }

    .font-16 {
        font-size: 16px !important;
    }

    .card-style {
        overflow: hidden;
        margin: 0px 15px 30px 15px;
        border-radius: 16px;
        border: none;
        box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1);
    }

    body {
        line-height: 24px !important;
    }

    /*::-webkit-scrollbar {*/
    /*    display: none;*/
    /*}*/

    p {
        color: #727272;
        /* margin-bottom: 30px; */
        padding-bottom: 0px;

        /*font-family: "Gilroy"!important;*/
    }

    .color-white-light {
        color: #FFF !important;
    }

    .bg-green-light {
        background-color: #A0D468 !important;
        color: #FFF !important;
    }

    .btn-full {
        display: block;
    }

    .btn {

        transition: all 300ms ease;
        color: #FFF;
    }

    .shadow-s {
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1) !important;
    }

    a {
        text-decoration: none !important;
    }

    /* Login */

    #page {
        /*overflow-x: hidden;*/
        position: relative;
    }

    .content {
        margin: 20px 15px 20px 15px;
    }

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

    .input-style-1 {
        position: relative;
    }

    label {
        color: #727272;
        font-size: 16px;
    }

    /* .header-clear-medium {
        padding-top: 70px;
    } */

.colorselection.input-style{
 margin-top:10px;
 margin-bottom:10px;
}

    .page-content {
        margin:0 auto;
        max-width: 700px;
        position: relative;
        transition: all 300ms ease;
        z-index: 90;
        /*
            padding-bottom: 80px;
            padding-bottom: calc(80px + (constant(safe-area-inset-bottom))*1.1);
            padding-bottom: calc(80px + (env(safe-area-inset-bottom))*1.1); */
    }


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

    input {
        font-size: 13px !important;
    }

    h3 {
        font-size: 20px;
        line-height: 24px;
    }

    .modal-card-title {
        display: inline-block;
        /* width: 90%; */
        color: #43A6FF !important;
    }

    .content h1 {
        font-size: 24px !important;
    }

    .pro {
        margin-left: 10px;
        font-size: 11px !important;
        text-transform: uppercase;
        color: #fff !important;
        padding: 4px 7px;
        background: #7c3aed;
        border-radius: 5px;
    }

    .bg-blue-light {
        background-color: rgba(156, 208, 255, 0.2) !important;
        color: rgb(67, 166, 255) !important;
    }

    .btnsave {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .multiselect__tag {
        background: #BCBCBC !important;
    }

    .multiselect__tag-icon:after {
        color: #fff !important;
    }

    .multiselect__option--highlight {
        background: rgb(67, 166, 255) !important;
    }

    .multiselect__option--highlight:after {
        background: rgb(67, 166, 255) !important;
    }

    .innermodal .btn {
        margin-bottom: 30px;
    }

    @font-face {
        font-family: gilroy;
        font-style: normal;
        font-weight: 300;
        src: url('../fonts/Gilroy/Gilroy-Regular.eot?') format("eot"), url('../fonts/Gilroy/Gilroy-Regular.woff') format("woff")
    }

    @font-face {
        font-family: gilroy;
        font-style: normal;
        font-weight: 400;
        src: url('../fonts/Gilroy/Gilroy-Medium.eot?') format("eot"), url('../fonts/Gilroy/Gilroy-Medium.woff') format("woff")
    }

    @font-face {
        font-family: gilroy;
        font-style: normal;
        font-weight: 500;
        src: url('../fonts/Gilroy/Gilroy-Semibold.eot?') format("eot"), url('../fonts/Gilroy/Gilroy-Semibold.woff') format("woff")
    }

    @font-face {
        font-family: gilroy;
        font-style: normal;
        font-weight: 700;
        src: url('../fonts/Gilroy/Gilroy-Extrabold.eot?') format("eot"), url('../fonts/Gilroy/Gilroy-Extrabold.woff') format("woff")
    }

    .header-icon {
        cursor: pointer;
    }

    .bubble {
        position: fixed;
        z-index: 30;
        bottom: 20px;
        width: 60%;
        max-width: 250px;
        margin-right: 0%;
        margin-top: 30px;
    }

    .bubble-btn {
        padding: 6px 30px;
        font-size: 14px;
        font-weight: 500;
        border-radius: 8px;
        background: #7c3aed;
        color: #ffebee;
        cursor: pointer;
    }

    .bubble-btn:hover {
        color: #fff;
    }

    .bubble-new {
        position: absolute;
        top: 0px;
        right: 0px;
        background: #7c3aed;
        border-radius: 50% !important;
        width: 18px;
        height: 18px;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-transform: uppercase;
        font-size: 14px;
        color: rgb(255, 255, 255);
    }

    .bubble-msg {
        font-size: 14px;
        margin-left: 10%;
        padding: 14px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        color: #1d293f;
        border-radius: 16px 16px 16px 4px;
        background-color: #fff4f6;
        box-shadow: 0 4px 16px 0 #c1e2ff;
    }

    .bubble-close {
        color: rgb(174 174 174);
        font-size: 10px;
        display: flex;
        position: absolute;
        right: 13px;
        bottom: -6px;
        position: absolute;
        cursor: pointer;
    }

    .memoji {
        cursor: pointer;
        bottom: 0px;
        position: absolute;
        bottom: -20px;
        right: auto;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    .tinyupload{
        cursor: pointer;line-height: 1.499; display: inline-block;font-weight: 400;white-space: nowrap;text-align: center;background-image: none;box-shadow: rgba(0, 0, 0, 0.02) 0px 2px 0px;transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;user-select: none;touch-action: manipulation;
        padding: 0px 2px;font-size: 14px;border-radius: 4px;color: rgba(0, 0, 0, 0.65);background-color: rgb(255, 255, 255);border: 1px solid rgb(217, 217, 217);
    }

    .mnblue{
        color: #43A6FF !important;
    }

    /*.btn-zakazhi:hover{*/
    /*  background:rgb(255 114 135) !important;*/
    /*}*/
.handle{
    display: flex; align-items: center;
    cursor:grab;
}

    .link_preview:before{
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto;
        z-index: 1;
        background-image: linear-gradient(45deg, #d6d6d6 25%, transparent 0), linear-gradient(-45deg, #d6d6d6 25%, transparent 0), linear-gradient(45deg, transparent 75%, #d6d6d6 0), linear-gradient(-45deg, transparent 75%, #d6d6d6 0);
        background-size: 20px 20px;
        background-position: 0 0, 0 10px, 10px -10px, -10px 0;
        background-color: #fff;
        opacity: .8;
        transition: opacity .5s ease;

    }


    .link_preview{
        position:relative;
    }

    .link_preview .link{
        position: relative;
        z-index: 10;
    }
    .link-text {
        font-weight: 800;
        font-size: 1rem;
        color: rgb(255, 255, 255);
        line-height: 100%;
    }

    .link {
        margin-bottom: 1rem;
        position: relative;
        /*display: block;*/
        width: 100%;
        margin: 0 auto;
    }

    .link-inner {
        padding: 0.4rem 0.4rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        position: relative;
        width: 100%;
    }

    .centertext {
        align-items: center;
        margin: 0 auto;
        text-align:center;
    }