/*! TokenLite - ICO Token Sale Dashboard by Softnio | @version v1.8.0 */
/*! ## WRITE YOUR OWN SYTLE AFTER FROM ADMIN PANEL */

/* @import "../assets/css/style-custom.css"; */
.topbar {
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: rgb(var(--color-dark-rgb));
}

.progress-percent::after {
    background-color: rgb(var(--color-primary-rgb));
}

.page-ath-gfx {
    background: url(../images/banner/pattern.png) no-repeat bottom right, black;
    background-size: auto 70%;
    font-family: Genos, sans-serif;
    font-size: 50px;
    font-style: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    gap: 8px;
    padding: 16px 16px;
}

.page-ath-gfx .text-gradient-white {
    background: linear-gradient(190deg, #fff 22.35%, #999 80.31%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.page-ath-gfx h1 {
    font-size: 50px;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 0;
}

.page-ath-gfx h2 {
    font-size: 50px;
    font-weight: 400;
    line-height: 50px;
}

.page-ath-gfx .text-container {
    min-width: 280px;
    max-width: 400px;
    display: flex;
    flex-direction: column;
}

.page-ath-gfx .img-token {
    width: 18%;
    transform: scale(3);
}

@media (max-width: 1200px) {
    .page-ath-gfx .img-token {
        display: none;
    }
}

@media (max-width: 768px) {
    .page-ath-wrap {
        flex-direction: column-reverse !important;
    }

    .page-ath-gfx .text-container {
        min-width: 280px;
        max-width: max-content;
    }

    .page-ath-gfx h1 {
        font-size: 25px;
        line-height: 25px;
    }

    .page-ath-gfx h2 {
        font-size: 25px;
        line-height: 25px;
    }

    .page-ath-content {
        flex-grow: 2;
    }
}

.buy-modal-button {
    background: #3E65B5;
    color: #FFFFFF !important;
    font-size: 14px;
    padding: 12px 8px;
    border-radius: 2px;
    text-align: center;
    font-weight: 700;
    border-radius: 5px;
    max-width: 214px;
    width: 214px;
}

.buy-modal-button:hover {
    background: #003b85;
}

.buy-modal-button-outline {
    background: white;
    color: #3E65B5 !important;
    border: 1px solid #3E65B5;
    border-radius: 2px;
    font-size: 14px;
    padding: 12px 8px;
    text-align: center;
    font-weight: 700;
    border-radius: 5px;
    max-width: 214px;
    width: 214px;
}

.buy-modal-desc {
    max-width: 370px; 
    text-align: center;
    font-size: 14px;
    font-weight: 700 !important;
    line-height: normal;
    letter-spacing: -0.238px;
}

.icon-paypal {
    content: "";
    height: 22px;
    display: inline-block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M9.10251 11.9075C9.19418 11.9075 11.3208 11.9992 12.5858 11.6875H12.595C14.0525 11.33 16.0783 10.3033 16.6008 6.94833C16.6008 6.94833 17.765 2.75 11.99 2.75H7.03084C6.58168 2.75 6.19668 3.08 6.12334 3.52L4.01501 16.8667C3.96918 17.1417 4.18918 17.3983 4.46418 17.3983H7.60834L8.37834 12.5217C8.43334 12.1733 8.73584 11.9075 9.10251 11.9075Z" fill="%23495463"/><path d="M17.4075 7.59912C16.665 11.0183 14.3275 12.8241 10.6058 12.8241H9.25833L8.31416 18.8008C8.2775 19.0391 8.46083 19.25 8.69916 19.25H10.4408C10.7525 19.25 11.0275 19.0208 11.0733 18.7091C11.1467 18.3425 11.55 15.6658 11.6325 15.2075C11.6783 14.8958 11.9533 14.6666 12.265 14.6666H12.6683C15.2533 14.6666 17.2792 13.6125 17.875 10.5783C18.1133 9.34995 17.985 8.34162 17.4075 7.59912Z" fill="%23495463"/></svg>');
    background-repeat: no-repeat;
    background-position: left;
}