h1 {
    font-size: 50px;
}

h2 {
    font-weight: normal;
    margin-bottom: 75px;
}

h1, h2 {
    background-color: rgba(255,255,255,0.0);
    background-image: linear-gradient(45deg, #6954DF, #6954DF, #AB4DE4, #AB4DE4);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
    opacity: 1.0;
}

h3 i {
    margin-right: 5px;
}

.ispytext-icon {
    width: 150px;
    height: auto;
    border-radius: 25%;
}

.ispytext-header {
    padding: 50px;
    padding-top: 100px;
    text-align: center;
}

.ispytext-apple-app-store-badge {
    width: 150px;
    max-width: 80%;
    height: auto;
}

.ispytext-feature {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-radius: 50px;
    background: #ffffff;
    overflow: hidden;
}

.ispytext-feature > div {
    width: 50%;
    flex: 1;
    justify-content: center;
}

.ispytext-feature > div.ispytext-feature-text-full-width {
    width: 100%;
    flex: unset;
    padding-top: 175px;
    display: flex;
}

.ispytext-feature > div.ispytext-feature-text-large-text-block {
    width: 100%;
    flex: unset;
}

.ispytext-feature-small-text {
    font-size: 14px;
}

.ispytext-feature-text-limited-width {
    max-width: 450px;
}

.ispytext-feature-dark {
    background: #000000;
    color: #ffffff;
}

.ispytext-feature-dark a,
.ispytext-small-feature-box a {
    color: rgba(255,255,255,0.75);
}

sup {
    font-size: 80%;
    font-weight: bold;
    line-height: 0;
}

.ispytext-feature-text {
    padding: 50px;
    align-content: center;
    font-size: 110%;
    line-height: 150%;
}

.ispytext-feature-text p {
    opacity: 0.9;
}

.ispytext-feature-dark .ispytext-feature-text p b {
    color: #ffff00;
}

.ispytext-feature-media {
    text-align: center;
    padding: 0px 25px;
}

.ispytext-feature-media img {
    max-width: min(350px, 80%);
    min-width: 300px;
    height: auto;
    transform: translateY(150px);
    border-radius: 50px;
    border: solid 10px #000000;
    outline: solid 10px #999999;
    box-shadow: 0 0 50px #000000;
}

.ispytext-feature-bg-1 {
    background: #53005c;
    background: linear-gradient(0deg, rgba(83, 0, 92, 1) 0%, rgba(0, 14, 43, 1) 50%, rgba(0, 0, 0, 1) 100%);
}

.ispytext-feature-horizontal-media {
    display: flex;
}

.ispytext-small-features-boxes {
    display: flex;
    gap: 20px;
    margin: 50px 0;
}

#scripts-and-langs {
    margin-top: 50px;
}

.ispytext-small-feature-box {
    background: #53005c;
    background: linear-gradient(180deg, rgba(83, 0, 92, 1) 0%, rgba(0, 14, 43, 1) 50%, rgba(0, 0, 0, 1) 100%);
    color: #ffffff;
    text-align: center;
    flex: 1;
    padding: 25px;
    border-radius: 30px;
    align-content: center;
    height: 200px;
}

.languages-footer {
    background: #efeaf3;
    padding: 5px 30px;
    margin: 0 -30px -30px -30px;
    border-radius: 40px;
}

.languages-footer p {
    line-height: 150%;
    opacity: 0.75;
}

@media (max-width: 800px) {
    .ispytext-header {
        padding: 25px;
        min-height: calc(100lvh - 60px);
        display: flex;
    }

    .ispytext-feature {
        flex-direction: column;
    }

    .ispytext-feature > div {
        width: 100%;
        flex: 1;
    }

    .ispytext-feature-media img {
        margin-top: -125px;
    }

    .ispytext-feature > div.ispytext-feature-text-full-width {
        padding-top: 50px;
    }

    .ispytext-feature > div.ispytext-feature-horizontal-media {
        transform: translateX(50%);
        animation: ispytext-feature-text-full-width-scroll 10.0s 0.25s ease-in-out forwards infinite;
    }

    @keyframes ispytext-feature-text-full-width-scroll {
        0% {
            transform: translateX(50%);
        }
        50% {
            transform: translateX(-50%);
        }
        100% {
            transform: translateX(50%);
        }
    }

    .ispytext-small-features-boxes {
        flex-wrap: wrap;
    }

    .ispytext-small-feature-box {
        width: calc(50% - 10px);
        flex: unset;
    }
}

.ispytext-coming-soon {
    display: inline-block;
    background: linear-gradient(45deg, #6954DF, #AB4DE4);
    color: #ffffff;
    padding: 15px 20px;
    font-weight: bold;
    font-size: 125%;
    border-radius: 15px;
}