:root {
    --gray-o: #fbfbfd;
    --green: #28a745;
    --black: #000000;
    --light: #f8f9fa;
}

.content {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
}
.subscription .text-muted {
    font-size: 12px;
}
/*.footer {
    margin: 0 -15px -5px -15px;
}*/

a, a:hover, button, button:hover {
    transition: all ease 0.5s
}

.bg-slide {
    background-color: rgba(0, 0, 0, 50%);
    background-image: url("https://s.trackservers.net/r/Features/es/lista/bg-list-features.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.rounded-50 {
    border-radius: 50px;
}

.btn-checkout {
    width: 57px;
    height: 57px;
    color: white;
    background-color: var(--green);
    border-radius: 50px 0 0 50px;
    font-size: 34px;
    text-align: center;
    padding: 3px 0 0 10px;
    position: absolute;
    top: 40%;
    right: 0;
    display: block;
    z-index: 1;
}

    .btn-checkout:hover {
        color: white;
        background-color: gray;
    }

.icon-check {
    background-image: url(https://s.trackservers.net/r/Features/es/lista/icon-check.png);
    background-repeat: no-repeat;
    background-clip: content-box;
    width: 34px;
    height: 34px;
    margin: 0 auto;
    display: block;
}

tr td:nth-child(1) {
    color: var(--black);
    padding: 10px 20px;
}

tr td:nth-child(2), tr td:nth-child(3), tr td:nth-child(4) {
    text-align: center
}

.fa.text-gray {
    color: gray;
}

.fa.text-business {
    color: #28a745 !important;
}

.fa.text-success {
    color: blue !important;
}

.bg-business {
    background-color: #28a745;
}

.bg-free {
    background-color: gray;
}

.bg-pro {
    background-color: blue;
}

.number-credit {
    font-size: 25px;
    margin: 0px 0px 0px 14px;
}

    .number-credit::before {
        content: "";
        width: 40px;
        height: 40px;
        border: solid 1px var(--black);
        border-radius: 100%;
        display: block;
        position: absolute;
    }

.sup-text a:first-child {
    color: white;
    background-color: gray;
    font-size: 9px;
    line-height: 7px;
    border-radius: 10px;
    padding: 1px 3px;
    text-decoration: none;
}

.sup-text a:hover:first-child {
    color: white;
    background-color: darkgray;
}

.text-muted {
    font-size: 10px;
}

.country-select.inside {
    display: block;
}

.join-to-plaspy {
    display: block;
    position: sticky;
    top: 70px;
    z-index: 9;
    text-align: center;
    background-color: white;
}

.countrycurrency > .forex {
    margin-top: 0;
}

@media (min-width: 576px) {
    .join-container {
        max-width: 540px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 500px) {
    .join-to-plaspy {
        top: 55px;
    }
}

@media (min-width: 992px) {
    .join-to-plaspy {
        display: none;
    }

    .p-sticky {
        position: sticky;
        top: 70px;
        z-index: 9;
    }
}

@media screen and (max-width:1024px) {
    .text-header {
        writing-mode: vertical-rl;
        text-orientation: mixed;
        transform: rotate(180deg);
        white-space: nowrap;
        margin: 0;
    }
}

