.window3 {
    position: absolute;
    background: transparent;
    width: 100%;
    height: 150%;

    top: 180%;
    left: 0px
}

.window3handle {
    position: absolute;
    background: transparent;

    width: 70vmax;
    height: 10vmax;

    left: 50%;
    top: 20vmax;
    translate: -50% 0%;
    scale: 0.85;
}
.window3handletxt {
    position: absolute;
    text-align: center;
    background: linear-gradient(to right, var(--gr), var(--gr2), var(--gr));
    background-size: 200% 200%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-family: poppins,sans-serif;
    font-size: 3vmax;
    width: 100%;

    left: 50%;
    translate: -50% 0%;

    line-height: 4vmax;

    animation: txtgradient 5s infinite linear;
}
.window3handledesc {
    position: absolute;
    text-align: center;
    color: var(--txt);
    font-family: poppins,sans-serif;
    font-size: 1.5vmax;
    opacity: 0.75;

    line-height: 1.7vmax;

    top: 6vmax;
}


.window3handle2 {
    position: absolute;
    background: transparent;

    width: 70vmax;
    height: 30vmax;

    left: 50%;
    top: 35vmax;
    translate: -50% 0%;
    scale: 1;
}
.basic, .standard, .premium {
    position: absolute;
    background: var(--bg2);
    width: calc(33.3% - 0.5vmax);

    padding-bottom: 13vmax;
    box-shadow: 0px 0px 1vmax 0.1vmax black;

    border-radius: 2vmax;
    z-index: 1;
}
.standard {
    left: 50%;
    translate: -50% 0%;
    box-shadow: 0vmax -1.75vmax 0vmax -0.05vmax var(--gr);
    z-index: 5;
}
.standardecortxt {
    position: absolute;
    text-align: center;
    color: var(--txt);
    opacity: 0.7;
    font-family: poppins,sans-serif;
    font-size: 1vmax;

    top: -2.20vmax;
    left: 50%;
    translate: -50% 0%;
}
.premium {
    right: 0px;
}

.pricebutton {
    position: absolute;
    text-align: center;
    background: var(--gr);
    background-size: 200% 200%;
    border-radius: 2.1vmax;
    color: var(--txt);
    font-family: poppins,sans-serif;
    font-size: 1vmax;
    padding-top: 0.5vmax;
    padding-bottom: 0.5vmax;
    width: calc(50% - 2vmax);
    cursor: pointer;

    bottom: 0.5vmax;
    left: 50%;
    translate: -50% 0%;

    transition: text-shadow 0.3s ease, width 0.3s ease, box-shadow 0.3s ease;
    animation: txtgradient 5s infinite linear;
}
.pricebutton:hover {
    box-shadow: 0px 0px 1vmax 0.1vmax black;
    text-shadow: 0px 0px 1vmax white;
    width: calc(100% - 2vmax);
}

.premiumfeatures {
    background: var(--bg);
    border-radius: 2vmax;
    padding-top: 0.75vmax;
    padding-bottom: 0.75vmax;

    width: calc(100%);

    display: grid;
    grid-template-columns: repeat(1, 100%);
    grid-template-rows: repeat(8, 2.5vmax);
    overflow: hidden;
}
.premiumfeatureslimit {
    position: relative;
    background: black;
    border-radius: 2vmax;

    width: calc(100% - 2vmax);

    top: 8vmax;
    left: 50%;
    translate: -50% 0%;
}
.pricefeatures {
    position: absolute;
    text-align: left;
    color: var(--txt);
    font-family: poppins,sans-serif;
    font-size: 1vmax;
    opacity: 0.7;
    width: calc(100% - 1vmax);
    line-height: 2.25vmax;

    left: 4vmax;
}

.premiumfeaturegrid {
    position: relative;
    background: transparent;
}
.premiumfeaturegrid > img {
    position: absolute;
    height: 100%;
    scale: 0.9;
    left: 1vmax;
}
.premiumfeaturegrid > h1 {
    color: var(--txt);
    font-family: poppins,sans-serif;
    font-size: 1vmax;
    margin-left: 4vmax;
    margin-top: 0.5vmax;
}


.pricetitle {
    position: absolute;
    text-align: center;
    color: var(--gr);
    font-family: poppins,sans-serif;
    font-size: 2vmax;

    left: 50%;
    top: 1.5vmax;
    translate: -50% 0%;

}

.window3handle3 {
    position: absolute;
    background: transparent;

    width: 80vmax;
    height: 15vmax;

    left: 50%;
    top: 1vmax;
    translate: -50% 0%;
    scale: 0.85;

}
.window3handle3txt {
    position: absolute;
    text-align: center;
    background: linear-gradient(to right, var(--gr), var(--gr2), var(--gr));
    background-size: 200% 200%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-family: poppins,sans-serif;
    font-size: 1.5vmax;
    width: 100%;

    top: -1vmax;
    left: 50%;
    translate: -50% 0%;

    line-height: 4vmax;

    animation: txtgradient 5s infinite linear;
}

.window3handle3box {
    position: absolute;
    background: transparent;

    width: 100%;
    height: 11vmax;

    left: 50%;
    bottom: 0vmax;
    translate: -50% 0%;

    overflow: hidden;
}
.window3handle3boxgr, .window3handle3boxgr2 {
    position: absolute;
    background: linear-gradient(to right, var(--bg) 0%, transparent);
    aspect-ratio: 2/1;
    height: 100%;

    top: 50%;
    translate: 0% -50%;
}
.window3handle3boxgr2 {
    rotate: 180deg;
    right: 0px;
}
.partners {
    position: absolute;
    width: 200%;
    height: 100%;
    scale: 1;

    z-index: -1;

    animation: partnersscroll 25s infinite linear;
}
.partners > img {
    position: absolute;
    height: 100%;
    aspect-ratio: 1/1;
    scale: 0.85;

    left: 0%;
}

.partner2 {
    translate: 100% 0%;
}
.partner3 {
    translate: 200% 0%;
}
.partner4 {
    translate: 300% 0%;
}
.partner5 {
    translate: 400% 0%;
}
.partner6 {
    translate: 500% 0%;
}
.partner7 {
    translate: 600% 0%;
}
.partner8 {
    translate: 700% 0%;
}
.partner9 {
    translate: 800% 0%;
}
.partner10 {
    translate: 900% 0%;
}

.partner1hidden {
    translate: 1000% 0%;
}
.partner2hidden {
    translate: 1100% 0%;
}
.partner3hidden {
    translate: 1200% 0%;
}
.partner4hidden {
    translate: 1300% 0%;
}
.partner5hidden {
    translate: 1400% 0%;
}
.partner6hidden {
    translate: 1500% 0%;
}
.partner7hidden {
    translate: 1600% 0%;
}
.partner8hidden {
    translate: 1700% 0%;
}
.partner9hidden {
    translate: 1800% 0%;
}
.partner10hidden {
    translate: 1900% 0%;
}