/* main page */
.cola-item .cola-content .thumb {
    width: 200px !important;
}

.review-item .review-content {
    min-height: 11em;
}

.mb-30-none {
    margin-bottom: 30px !important;
}

.client-item .client-content {
    background: #f8f8fe;
}

.three-dim-effect {
    transform: perspective(800px) rotateY(-30deg) scale(0.9) rotateX(10deg);
    filter: blur(0);
    opacity: 1;
    transition: 0.6s ease all;
    border-radius: 2rem;
}

.three-dim-effect:hover {
    transform: perspective(800px) rotateY(0deg) translateY(-50px) rotateX(0deg) scale(1.2);
    filter: blur(0);
    opacity: 1;
}

.indent, .faq-content p {
    text-indent: 1em;
}

.cmplayer-icon {
    display: flex;
    justify-content: space-around !important;
    margin: 0 -15px -27px;
}

.comunity-area img {
    border-radius: unset;
}

@media (min-width: 1200px) {
    .bg-xl-100 {
        bottom: unset;
    }
}

/* cmplayer */
.cmp-link {
    display: unset;
}

.cmplayer-icon .social-icons li a {
    width: 76px !important;
    height: 76px !important;
    line-height: 76px !important;
    font-size: 56px !important;
    border: 1px solid #039be5 !important;
    background: #039be5 !important;
}

.cmplayer-icon .social-icons li a:hover {
    border: 1px solid #039be5 !important;
    background: white !important;
    color: #039be5 !important;
}

/* download and upgrade button from first section */
.download-btn {
    border-radius: 78px !important;
}

.download-btn .download-content-first-line {
    font-size: 22px;
}

.upgrade-btn {
    font-size: 22px !important;
    border-radius: 78px !important;
}

.buy-btn {
    font-size: 22px;
    border-radius: 78px !important;
}

/* other app */
#other-app-group .app-button {
    width: 40% !important;
}

#other .ex-item .ex-thumb {
    border-radius: 25% !important;
}

#other-app-right-image {
    display: flex !important;
}

/* contact */
.how-item .how-thumb::before {
    display: none;
}

.member-counter-area {
    width: 50%;
    margin: auto;
}

.contact-support-right {
    display: flex;
    align-items: center;
}

.how--item .how-content .thumb {
    height: unset;
}

.how--item:nth-of-type(2n + 1) .how-content {
    margin-left: unset;
}

.how--item:nth-of-type(2n + 2) .how-content {
    margin-right: unset;
}

.individual-button {
    min-width: 200px;
}

.in-app-title {
    max-inline-size: none;
}

.image-downie-permute {
    border-radius: 1em;
}

.in-app-content a {
    display: unset;
    color: #1153fc !important;
}

.select-custom {
    height: 60px;
}

.nice-select {
    width: 100%;
    padding: 15px;
    height: 60px;
    border: 1px solid rgba(59, 54, 140, 0.1);
    background-color: rgb(246, 246, 250);
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    color: #3b368c;
}

#status {
    margin: 0 15px;
}

.btn-send {
    transform: translateY(23px) !important;
}

a.how-feature {
    display: unset;
}

@media (max-width: 767px) {
    .how--item .how-content {
        margin: 0 auto 40px !important;
    }

    .how--item {
        margin-bottom: unset;
    }
}

/* ribbon for discount */
.ribbon {
    --d: 6px;
    /* folded part */
    --c: blue;
    /* color */
    --f: 16px;
    /* ribbon font-size */

    position: relative;
    display: inline-block;
}

.ribbon::before {
    content: attr(data-ribbon);
    position: absolute;
    font-size: var(--f);
    font-family: "Josefin Sans", sans-serif;
    top: 0;
    right: 0;
    transform: translate(29.29%, -100%) rotate(45deg);
    color: #fff;
    text-align: center;
    border: 1px solid transparent;
    border-bottom: 0;
    transform-origin: bottom left;
    padding: 5px 55px calc(var(--d) + 5px);
    background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% var(--d) no-repeat var(--c);
    background-clip: padding-box;
    clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - var(--d)) calc(100% - var(--d)), var(--d) calc(100% - var(--d)), 0 100%);
    mask: linear-gradient(135deg, transparent calc(50% - var(--d) * 0.707), #fff 0) bottom left,
        linear-gradient(-135deg, transparent calc(50% - var(--d) * 0.707), #fff 0)bottom right;
    -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--d) * 0.707), #fff 0) bottom left,
        linear-gradient(-135deg, transparent calc(50% - var(--d) * 0.707), #fff 0)bottom right;
    mask-size: 300vmax 300vmax;
    -webkit-mask-size: 300vmax 300vmax;
    -webkit-mask-composite: destination-in;
    mask-composite: intersect;
}

.left::before {
    left: 0;
    right: auto;
    transform: translate(-29.29%, -100%) rotate(-45deg);
    transform-origin: bottom right;
}

/* footer */
.footer-section::before {
    background: unset !important;
}

.footer-top .logo a img {
    height: 56px;
}

@media (min-width: 992px) {
    .pt-lg-half {
        padding-bottom: 120px !important;
    }
}

/* cookie */
.cookie {
    width: 420px;
    background-color: #fff;
    position: fixed;
    bottom: 30px;
    border-radius: 10px;
    left: 5%;
    padding: 20px 20px;
    z-index: 1;
}

.cookie-title {
    padding: 20px 0;
    font-size: x-large;
    color: #202342;
}

.cookie-body {
    padding: 10px 0;
    color: #202342;
}

.cookie-button-wrapper {
    padding: 10px;
    width: 50%;
}

.cookie-button {
    font-size: 13px;
    color: white;
    background-color: #202342;
    border-radius: 25px;
}

.cookie-button:hover {
    border: 1px solid #202342;
    color: #202342;
    background-color: white;
}

@media (max-width: 640px) {
    .cookie {
        width: 100%;
        left: 0;
        bottom: 30px;
    }

    .cookie-button {
        width: 100%;
    }

    .cookie-button-wrapper {
        width: 100%;
    }
}