.price2024-wrapper {
    display: flex;
    justify-content: center;
    /*padding: 20px;*/
    /*max-width: 1050px;*/
    margin: 0 auto;
    max-width: 800px;
    --price1: #d4d3cd;
    --price1-btn: #f4e3b8;
    --price2: #bbe6c5;
    --price2-btn: #9fb6a9;
    --price3: #f8dd96;
    --price3-btn: #d5d3cd;
    --price4: #fff;
    --price4-btn: #f4f3ef;
}

.price2024-package {
    display: flex; /* Add this to make the package a flex container */
    flex-direction: column; /* Arrange children in a column */
    /*justify-content: space-between; !* This will push the footer to the bottom *!*/
    /*flex: 1 0 33.333%;*/
    /*max-width: 600px;*/
    width: 33.33%;
    margin: 10px;
    background-color: #EEF3F2;
    position: relative;
    box-shadow: 0 0 8px 4px #adadad61;
    border-radius: 8px;
}

.price2024-shadow {
    border-radius: 8px;
    border: 1px solid #ccc;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}


.price2024-include {
    display: flex; /* Add this to make the package a flex container */
    flex-direction: column; /* Arrange children in a column */
    width: 33.33%;
    border-radius: 8px;
    margin: 10px;
    align-items: center;
    text-align: center;
}

.price2024-include img {
    width: 100%;
    max-width: 150px;
}

.price2024-include h3 {
    text-align: center;
    color: var(--font-color-main);
    font-size: 1.3rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.price2024-include p {
    text-align: center;
}
/*
.price2024-splitter {
    height: 5px;
    width: 100%; !* Ensures the splitter goes across the whole container *!
}
*/
.price2024-title {
    color: #000000;
    padding: 13px 0 7px;
    /*margin: -20px;*/
    /*margin-bottom: 20px;*/
    border-radius: 8px 8px 0 0;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-family: sans-serif;
}
.price2024-body {
    flex: 1; /* Allows this div to expand and push the footer down */
    /*border-radius: 8px;*/
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.price2024-prices {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.price2024-package:nth-child(1) .price2024-body,
.price2024-package:nth-child(1) .price2024-prices
{
    /*background-color: var(--price1);*/
}
.price2024-package:nth-child(2) .price2024-body,
.price2024-package:nth-child(2) .price2024-prices
{
    /*background-color: var(--price2);*/
}
.price2024-package:nth-child(3) .price2024-body,
.price2024-package:nth-child(3) .price2024-prices
{
    /*background-color: var(--price3);*/
}
.price2024-package:nth-child(4) .price2024-body,
.price2024-package:nth-child(4) .price2024-prices
{
    /*background-color: var(--price4);*/
}


/*.price2024-footer {
    margin-top: auto; !* Pushes footer to the bottom *!
}*/

.price2024-line {
    height: 3px;
}
.price2024-pack0 {
    background-color: var(--price1);
}

.price2024-pack1 {
    background-color: var(--price2);
}
.price2024-pack2 {
    background-color: var(--price3);
}
.price2024-pack3 {
    background-color: var(--price4);
}

.price2024-package:nth-child(2):after {
    content: '';
    width: 100px;
    height: 100px;
    background: url('https://cdn.dimasfrolov.com/img/best_choice2.png') no-repeat center center;
    background-size: cover;
    position: absolute;
    top: -27px;
    right: -40px;
    z-index: 3;
}

.price2024-features {
    list-style-type: none;
    color: #555;
    padding: 20px;
    text-align: center;
}

.price2024-features li {
    margin-bottom: 1.3rem;
    line-height: 1.1;
}
.price2024-features li>span {
    line-height: 1.1;
    font-size: .8em;
    text-transform: lowercase;
}
.rate2020_btn.btn {
    background-color: #ce3227!important;
    margin-bottom: 0;
    border-radius: 8px;
}

.rate2020_btn.btn ~ span {
    display: block;
    margin-bottom: 10px;
}
.rate2020_btn.btn1 {
    background-color: var(--font-color-accent-light);
    border-radius: 8px;
    padding: 11px 16px;
    font-weight: 300;
    text-transform: none;
    font-size: 1.2rem;
    margin-bottom: 11px;
}
.price2024-price {
    color: #4e4e4e;
    text-align: center;
    padding: 10px;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 8px 8px 0 0;
    position: relative;
}

.price2024-discount {
    text-align: center;
    background-color: #fff;
    color: #333333;
    padding: 5px;
    font-size: 1.7rem;
    white-space: nowrap;
    overflow: hidden;
    z-index: 1;
    line-height: 1;
    position: relative;
}
.price2024-discount span {
    font-weight: bold;
    display: block;
    margin-top: -5px;
    color: var(--font-color-accent);
}

:root {
    --shift-splitter: 20px;
}


.price2024-package .price2024-discount:after,
.price2024-package .price2024-discount:before {
    content: '';
    position: absolute;
    left: calc(-1*var(--shift-splitter));
    /*left: 0;*/
    top: 0;
    width: calc(100% + 2*var(--shift-splitter));
    height: 1px;
    background-color: #000;
}
.price2024-package .price2024-discount:after {
    top: unset;
    bottom: 0;
}

.price2024-package:first-child .price2024-discount {
    position: relative;
    box-sizing: content-box;
    padding: 5px 0;
    margin-left: calc(-1*var(--shift-splitter));
    width: calc(100% * 3 + 4 * var(--shift-splitter));
    z-index: 2;
}

.price2024-final-price {
    color: #000000;
    text-align: center;
    padding: 10px;
    font-size: 1.7rem;
    font-weight: bold;
    border-radius: 0 0 8px 8px;
}

.price2024-package:last-child:before {
    content: '';
    width: 100px;
    height: 100px;
    background: url('https://cdn.dimasfrolov.com/img/crown.svg') no-repeat center center;
    background-size: cover;
    position: absolute;
    top: -60px;
    right: -24px;
}
.price2024-availability {
    padding: 20px 0 9px;
    text-align: center;
}

@media (max-width: 500px) {
    :root {
        --shift-splitter: 10px;
    }
    .price2024-wrapper {
        flex-direction: column;
        margin: 10px 20px;
    }
    .price2024-package, .price2024-include {
        width: 100%;
        margin: 20px 0;
    }
    .price2024-package:first-child .price2024-discount,
    .price2024-packag .price2024-discount {
        width: calc(100% + 2*var(--shift-splitter));
        padding: 5px 0;
        margin-left: calc(-1*var(--shift-splitter));
    }
    .price2024-package:first-child .price2024-discount:after,
    .price2024-package:first-child .price2024-discount:before,
    .price2024-package .price2024-discount:after,
    .price2024-package .price2024-discount:before {
        width: calc(100% + 2*var(--shift-splitter));
        left:  calc(-1*var(--shift-splitter));
    }
    .price2024-discount {
        white-space: normal;
        overflow: initial;
    }


}