.text-mantisk {
    color: rgb(252, 45, 109);
    background-color: rgb(247, 247, 247);
    font-weight: 700;
    padding-right: 2rem;
    padding-left: 2rem;
}

.text-vist {
    color: rgb(224, 224, 224);
    background-color: rgb(3, 3, 3);
    font-weight: 700;
    padding-right: 2rem;
    padding-left: 2rem;
}

.text-turquoise {
    color: turquoise;
}

.h-collapsible {
    /* The height property is required for the animation to work. You cannot leave it out and expect the hidden height: auto the be used for the transition. */
    height: calc-size(auto, size);
    overflow: clip;
    transition: 0.3s;
    /* The default opacity of 1 is not required for the transition. */
    /* Don't put a top margin to the top or a bottom margin to the bottom element of the containing element that will have this class. There will be a jump when the margin has to show up, when the content box is fully displayed. */
}

.h-collapse {
    opacity: 0.85;
    height: 0;
}

.text-pink {
    color: rgb(252, 45, 109) !important;
}

.text-purple {
    color: rgb(86, 46, 215) !important;
}

.text-purple-subtle {
    color: rgb(210, 201, 240) !important;
}

.bg-pink {
    background-color: rgb(252, 45, 109) !important;
}

.bg-purple {
    background-color: rgb(86, 46, 215) !important;
}

.bg-pink-subtle {
    background-color: rgb(245, 212, 222) !important;
}

.bg-purple-subtle {
    background-color: rgb(210, 201, 240) !important;
}

.bg-pink-subtler {
    background-color: rgb(251, 235, 240) !important;
}

.bg-purple-subtler{
    background-color: rgb(235, 230, 250) !important;
}

.border-pink-subtle {
    border-color: rgb(249, 176, 198) !important;
}

.border-purple-subtle {
    border-color: rgb(186, 166, 253) !important;
}

.btn-pink {
    color: white;
    background-color: rgb(252, 45, 109);
}

.btn-pink:hover {
    color: white;
    background-color: rgb(255, 83, 138);
}

.btn-pink:focus {
    color: white;
    background-color: rgb(255, 83, 138);
}

.btn-purple {
    color: white;
    background-color: rgb(86, 46, 215);
}

.btn-purple:hover {
    color: white;
    background-color: rgb(104, 67, 226);
}

.btn-purple:focus {
    color: white;
    background-color: rgb(104, 67, 226);
}

.cursor-pointer {
    cursor: pointer;
}

.bg-secondary-subtler {
    background-color: rgb(240, 240, 240) !important;
}

.bg-secondary2 {
    background-color: rgb(120, 120, 120) !important;
}

.main-bg {
    background-image: linear-gradient(rgb(202, 202, 202), rgb(161, 161, 161));
}

.form-bg {
    background-image: linear-gradient(rgba(227, 227, 227, 0.98), rgba(150, 150, 165, 0.98));
}

.list-bg {
    background-image: linear-gradient(rgba(200, 200, 200, 0.9), rgba(200, 200, 200, 0.9));
}

.list-entry-bg {
    background-color: rgb(215, 215, 215);
}

.payment-bg {

    background: linear-gradient(42deg,#98caff,#abc8ce,#77e1ce,#d2c3dcd0,#ded372);
    background-size: 300% 300%;
    animation: payment-gradient-animation 15s ease infinite;
}

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

.extra-file-bg {
    background-image: linear-gradient( 93.2deg,  rgba(24,95,246,1) 14.4%, rgba(27,69,166,1) 90.8% );
}

.teal-gradient {
    background-image: radial-gradient( circle 939px at 94.7% 50%,  rgba(0,178,169,1) 0%, rgba(0,106,101,1) 76.9% );
}

.teal-gradient2 {
    background-image: radial-gradient( circle 1292px at -13.6% 51.7%,  rgba(0,56,68,1) 0%, rgb(52, 130, 99) 51.5%, rgb(98, 172, 138) 88.6% );
}

.bg-dark-gradient {
    background-image: linear-gradient( 94.3deg,  rgba(26,33,64,1) 10.9%, rgb(69, 72, 99) 87.1% );
}

.bg-dark-gradient2 {
    background-image: radial-gradient( circle 815px at 23.4% -21.8%,  rgb(14, 39, 108) 0%, rgba(0,0,0,1) 100% );
}

.bg-dark-gradient3 {
    background-image: linear-gradient( 110.3deg,  rgba(73,93,109,1) 4.3%, rgba(49,55,82,1) 96.7% );
}

.bg-dark-purple-gradient {
    background-image: linear-gradient( 85.2deg,  rgba(33,3,40,1) 7.5%, rgba(65,5,72,1) 88.7% );
}

.bg-kys {
    background-image: linear-gradient( 109.6deg,  rgba(61,131,97,1) 11.2%, rgba(28,103,88,1) 91.1% );
}

.bg-kyc {
    background-image: linear-gradient( 112.7deg,  rgba(253,185,83,1) 11.4%, rgba(255,138,0,1) 70.2% );
}

.hidden{
    visibility: hidden;
}

.our_modal {
    visibility: hidden;
    opacity: 0;
    background: rgba(233, 233, 233, 0.95);
    transition: 0.4s;
    z-index: 1;
}

.our_modal.open {
    visibility: visible;
    opacity: 1;
}

.our_modal.closed {
    visibility: hidden;
    opacity: 0;
}

.blur {
    filter: blur(10px);
    transition: 0.4s;
}

.text-indent {
    text-indent: 1.8rem;
}

#content {
    transition: 0.4s;
}

button.update-btn:hover {
    color: white;
    box-shadow: 0px 0px 12px rgb(227, 227, 227) !important;
}