#plans {
    display: flex;
    flex-direction: column;
    margin: var(--padding) auto 0;
    max-width: 1200px !important;
    padding: 0;
    h2 {
        margin: 0 auto calc(var(--padding) * 1 );
        font-size: 33px;

    }
    .plans {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content:center;
        padding: var(--padding);
        gap: var(--padding);
        overflow-x: auto;
        
        .plan.best {
            background: linear-gradient(
                -30deg,
                /* rgb(226, 255, 248),  */
                var(--color1000),
                var(--color950)
            );
        }
        .plan{
            min-width: 345px;
            flex: 1 1;
            /* margin: 0 auto; */
            display: flex;
            flex-direction: column;
            background: linear-gradient(
                -30deg,
                /* rgb(226, 255, 248),  */
                #fff,
                var(--color1100)
            );
            box-shadow: rgba(0,0,0,.2) 0px 0px 15px 0px;
            border-radius: var(--padding);
            padding: var(--padding) 0;
            >* {
                padding: 0 var(--padding);
            }
            
            p {
                margin: 10px 0;
                font-family: 'Nunito';
            }
            .title {
                display: flex;
                justify-content: space-between;
                h3 {
                    font-size: 28px;
                    font-weight: 500;
                }
                h4 {
                    font-family: 'Noto serif';
                    font-size: 20px;
                    font-weight: 300;
                    /* transform: translateY(-0px); */
                    margin-bottom: 5px;
                    span {
                        margin-left: 2px;
                        font-size: 16px;
                        font-weight: 400;
                    }
                }
                .info > span {
                    font-family: 'Noto serif';
                    font-size: 14px;
                    /* transform: translateY(1px); */
                }
                
                .icons {
                    display: flex;

                    .icon {
                        position: absolute;
                        transform: 
                            translateX(calc(var(--tx) - 30px)) 
                            translateY(var(--ty)) 
                            rotate(var(--r)) 
                            scale(var(--s))
                        ;

                        svg {
                            fill: rgba(0,0,0,var(--o));
                            height: 30px;
                            width: 30px; 

                        }
                    }
                }
            }
            hr {
                border-color: rgba(0,0,0,.2);
                width: 99.5%;
                padding: 0;
            }
            .adv {
                display: flex;
                gap: 5px;
                align-items: start;
                font-family: 'Nunito';
                margin-top: 10px;
                svg {
                    height: 20px;
                    width: 20px;
                    min-width: 20px;
                    transform: translateY(1px);
                }
                span {
                    transform: translateY(0px);
                    font-weight: normal;
                    font-size: 17px;
                }
            }
        }
    }
}