.plan-summary-acf{
    display: flex;
    flex-flow: column;
    background: var(--wp--preset--gradient--horizontal-secondary-dark-to-light);
    color: var(--wp--preset--color--theme-white);
   
    .plan-hero {
        display: flex;
        position: relative;
        padding: 40px;
        .hero-bg {
            position: absolute;
            top: 0px;
            right: 0px;
            width: 85%;
            height: 430px;
            object-fit: cover;
            object-position: 50% bottom;
            @media (max-width: 1200px){
                position: relative;
                width: 100%;
            }
            @media (min-width: 1440px){
                height: 480px;
            }
        }
        .content-box{
            position: relative;
            background-color: var(--wp--preset--color--theme-white);
            color: var(--wp--preset--color--secondary);
            width: 300px;
            padding: 20px 40px;
            display: flex;
            flex-flow: column;
            @media (max-width: 1200px){
                width: 100%;
                box-sizing: border-box;
            }
            @media (min-width: 1440px){
                padding: 40px 80px;
            }
            .copy-content{
                font-weight: bold;
                border-top: 4px solid var(--wp--preset--color--secondary);
                padding-top: 20px;
                margin-bottom: 10px;
            }
            p {
                margin: 20px 0px;
            }
        }
        @media (max-width: 1200px){
            flex-flow: column-reverse;
        }
    }
    .modules {
        position: relative;
        display: flex;
        @media (max-width: 1200px){
            flex-flow:column;
        }
        .module {
            display: flex;
            flex-flow: column;
            padding: 50px;
            .header{
                display:flex;
                flex-flow: row;
                align-items: center;
                .headline{
                    font-size:  var(--wp--preset--font-size--large) !important;
                    margin-left: 20px;
                    margin-right: 40px;
                }
                .description { 
                    display: flex;
                    flex-flow: column;
                    justify-content: center;
                    
                }
                img {
                    height: 105px;
                    @media (max-width: 600px){
                        height: 75px;
                    }
                }
                @media (max-width: 600px){
                    flex-wrap: wrap;
                }
            }
            @media (max-width: 600px){
                padding: 25px;
            }
            .tagline {
                display: flex;
                color: var(--wp--preset--color--accent-light);
                font-size: var(--wp--preset--font-size--small);
                font-style: italic;
                justify-content: center;
                align-items: center;
                .thin-line{
                    width: 100%;
                    height: 1px;
                    border: 0;
                    background-color: var(--wp--preset--color--theme-white);
                    margin:8px;
                    @media (max-width: 600px){
                        display: none;
                    }
                }
                .copy{
                    white-space: nowrap;
                    @media (max-width: 600px){
                        white-space: normal;
                    }
                    
                }
                .icon{
                    min-width: 28px;
                    @media (max-width: 600px){
                        margin-right: 8px;
                    }
                }
                @media (max-width: 600px){
                    flex-flow: row-reverse;
                    margin-top: 20px;
                    margin-bottom: 20px;
                    padding-top: 20px;
                    border-top: 1px solid white;
                    justify-content: left;
                }
            }
        }
    }
}