:root {
    --white: #FAFEFF;
    --black: #0C2834;
}

.pricing-card {
    border: 1px solid rgba(12, 40, 52, 0.1);
    border-radius: 10px;
    box-shadow: 0 30px 100px 0 rgba(25, 89, 164, 0.1);
    max-width: 420px;
    min-width: 275px;
    flex: 1;
}

.pricing-card__header {
    border-radius: 10px 10px 0 0;
    padding: 45px 36px 10px;
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    height: 135px;
    background: linear-gradient(to right, #0F3765 0%, #1959A4 100%);
}

.pricing-card__header::after {
    content: '';
    background: no-repeat url('data:image/svg+xml,<svg width="109" height="116" viewBox="0 0 109 116" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M106.833 119.375V106.292C106.833 99.3518 104.076 92.6962 99.1693 87.789C94.2621 82.8818 87.6065 80.125 80.6667 80.125H28.3333C21.3935 80.125 14.7379 82.8818 9.83071 87.789C4.92351 92.6962 2.16667 99.3518 2.16667 106.292V119.375M80.6667 27.7917C80.6667 42.2431 68.9515 53.9583 54.5 53.9583C40.0486 53.9583 28.3333 42.2431 28.3333 27.7917C28.3333 13.3402 40.0486 1.625 54.5 1.625C68.9515 1.625 80.6667 13.3402 80.6667 27.7917Z" stroke="%232882CC" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 109px;
    height: 116px;
    position: absolute;
    right: 13px;
    bottom: 0;
    z-index: -1;
}

.pricing-card:nth-child(2) .pricing-card__header {
    background: linear-gradient(to right, #E44141 0%, #F9824F 100%);
}

.pricing-card:nth-child(2) .pricing-card__header::after {
    width: 147px;
    height: 116px;
    background: no-repeat url('data:image/svg+xml,<svg width="147" height="116" viewBox="0 0 147 116" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M145.458 119.375V106.292C145.454 100.494 143.524 94.8619 139.972 90.2797C136.42 85.6976 131.447 82.4248 125.833 80.9754M106.208 119.375V106.292C106.208 99.3518 103.451 92.6962 98.5443 87.789C93.6371 82.8818 86.9815 80.125 80.0417 80.125H27.7083C20.7685 80.125 14.1129 82.8818 9.20571 87.789C4.29851 92.6962 1.54167 99.3518 1.54167 106.292V119.375M99.6667 2.47542C105.295 3.91655 110.284 7.19 113.847 11.7797C117.409 16.3694 119.343 22.0143 119.343 27.8244C119.343 33.6345 117.409 39.2794 113.847 43.869C110.284 48.4587 105.295 51.7322 99.6667 53.1733M80.0417 27.7917C80.0417 42.2431 68.3264 53.9583 53.875 53.9583C39.4235 53.9583 27.7083 42.2431 27.7083 27.7917C27.7083 13.3402 39.4235 1.625 53.875 1.625C68.3264 1.625 80.0417 13.3402 80.0417 27.7917Z" stroke="%23fea77f" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.pricing-card:nth-child(3) .pricing-card__header {
    background: linear-gradient(to right, #475569 0%, #94A3B8 100%);
}

.pricing-card:nth-child(3) .pricing-card__header::after {
    width: 108px;
    height: 106px;
    background: no-repeat url('data:image/svg+xml,<svg width="108" height="106" viewBox="0 0 108 106" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M48.1667 106.5V1.5H106.5V106.5M71.5 106.5V94.8333H83.1667V106.5M30.6667 36.5H1.5V106.5M94.8333 19H59.8333M94.8333 36.5H59.8333M30.6667 54H13.1667M94.8333 54H59.8333M30.6667 71.5H13.1667M94.8333 71.5H59.8333M30.6667 89H13.1667" stroke="%23cbdae8" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.pricing-card__header .pricing-card__price {
    margin-top: 15px;
}

#pricing .pricing-card__header p {
    color: var(--white);
}

#pricing .pricing-card__header .pricing-card__price span {
    color: var(--white);
    font-size: 30px;
}

#pricing .pricing-card__title {
    font-weight: 900;
    font-size: 40px;
}

.pricing-card__body .action-button {
    margin: 36px 36px 0;
}

.pricing-card__body .action-button a {
    width: 100%;
    box-shadow: 0 10px 20px 0 rgba(15, 55, 101, 0.2);
}

#pricing .pricing-card__body .trial {
    width: fit-content;
    margin: 30px auto 0;
}

#pricing .pricing-card__body .trial span {
    border: 2px solid #1E293B;
    border-radius: 20px;
    padding: 5px 30px;
    font-size: 16px;
    font-weight: 600;
}

#pricing .pricing-card__body ul {
    margin: 36px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

#pricing .pricing-card__body ul > li {
    padding-left: 40px;
    position: relative;
    font-size: 16px;
}

#pricing .pricing-card__body ul > li:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 10px;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6667 5L7.50001 14.1667L3.33334 10" stroke="%23317D35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-size: cover;
}

#pricing u {
    font-size: 16px;
}

.pricing-card__body .pricing-table {
    width: 100%;
    margin: 0 auto 36px;
    text-align: center;
    font-size: 16px;
    padding: 0 36px;
    color: #334155;
}

.pricing-row {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-top: 1px solid #94A3B8;
}

.range {
    font-weight: 700;
}

.price:not(.pricing-row:last-child > .price) {
    color: #F9824F;
}

@media screen and (max-width: 1000px) {
    #pricing main .header {
        text-align: center;
    }
    #pricing main .header h2 {
        /*width: fit-content;*/
        /*margin: auto;*/
    }
    #pricing main .header h3 {
        /*width: fit-content;*/
        /*margin: auto;*/
    }

    #pricing .container__inner {
        flex-direction: column;
        align-items: center;
    }
}