#dupli-litebase-about {
    margin-top: 20px;

    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

    .dupli-litebase-about-columns {
        > div[class*="-column-"] {
            float: left;
        }

        .dupli-litebase-about-column-20 {
            width: 20%;
        }

        .dupli-litebase-about-column-33 {
            width: 33.33333%;
        }

        .dupli-litebase-about-column-40 {
            width: 40%;
        }

        .dupli-litebase-about-column-50 {
            width: 50%;
        }

        .dupli-litebase-about-column-60 {
            width: 60%;
        }

        .dupli-litebase-about-column-80 {
            width: 80%;
        }

        .dupli-litebase-about-column-last {
            float: right !important;
        }

        &:after {
            content: "";
            display: table;
            clear: both;
        }
    }

    .dupli-litebase-about-section {
        margin-bottom: 20px;
        padding: 30px;
        background: #fff;
        border: 1px solid #ddd;
        line-height: 2;

        h1, h2, h3, h4, h5 {
            margin-top: 0;
            padding-top: 0;
            line-height: 1.6;
        }

        h2 {
            font-size: 24px;
        }

        h3 {
            font-size: 18px;
            margin-bottom: 30px;
            color: #23282c;
        }

        ul,
        p {
            font-size: 16px;
        }

        p {
            margin-bottom: 20px;

            &.bigger {
                font-size: 18px;
            }

            &.smaller {
                font-size: 14px;
            }

            &:last-child {
                margin-bottom: 0;
            }
        }

        hr {
            margin: 30px 0;
        }

        figure {
            margin: 0;

            img {
                width: 100%;
            }

            figcaption {
                font-size: 14px;
                color: #888;
                margin-top: 5px;
                text-align: center;
                line-height: initial;
            }
        }

        .dupli-litebase-about-column-40 {
            padding-left: 15px;

            @media (max-width: 767px) {
                width: 100%;
                padding-left: 0;
                padding-top: 20px;
            }
        }

        .dupli-litebase-about-column-60 {
            padding-right: 15px;

            @media (max-width: 767px) {
                width: 100%;
                padding-right: 0;
            }
        }

        ul.dupli-litebase-about-list-plain {
            margin: 0;
            padding-left: 0;
            list-style: none;

            li {
                margin-bottom: 0;
            }
        }

        .fa-star {
            color: gold;
        }

        .no-margin {
            margin: 0 !important;
        }

        .no-padding {
            padding: 0 !important;
        }

        .centered {
            text-align: center !important;
        }
    }

    .dupli-litebase-about-section-first-form {
        display: flex;

        @media (max-width: 767px) {
            display: block !important;
        }

        .dupli-litebase-about-section-first-form-text {
            flex: 1;
            padding-right: 30px;

            @media (max-width: 767px) {
                flex: none;
            }
        }
    }

    .dupli-litebase-about-section-hero {
        padding: 0;

        .dupli-litebase-about-section-hero-main,
        .dupli-litebase-about-section-hero-extra {
            padding: 30px;
        }

        .dupli-litebase-about-section-hero-main {
            background-color: #fafafa;
            border-bottom: 1px solid #ddd;

            &.no-border {
                border-bottom: 0;
            }

            p {
                color: #666;
            }
        }

        h3.call-to-action {
            a {
                font-weight: 600;
            }
        }

        span.price-discount {
            color: #6ab255;
        }
    }

    .dupli-litebase-about-section-features {
        display: flex;
        flex-direction: row;
        align-items: start;
        justify-content: left;

        .list {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            color: #555;
            font-size: 14px;
            list-style: none;
            margin: 0;

            > .item {
                flex: 33.33% 0;
                box-sizing: border-box;
                padding: 0 0 2px 0;

                span::before {
                    font-family: "Font Awesome 5 Free";
                    content: "\f00c";
                    color: #00a32a;
                    margin: 0 8px 0 0;
                    -webkit-font-smoothing: antialiased;
                    display: inline-block;
                    font-style: normal;
                    font-variant: normal;
                    text-rendering: auto;
                    line-height: 1;
                    font-weight: 900;
                }

                @media (max-width: 1000px) {
                    flex: 50% 0;
                }

                @media (max-width: 600px) {
                    flex: 100% 0;
                }
            }
        }
    }

    .dupli-litebase-about-section-squashed {
        margin-bottom: 0;

        &:not(:last-of-type) {
            border-bottom: 0;
        }
    }

    .dupli-litebase-about-section-table {
        padding: 0;

        table.dupli-litebase-about-comparison {
            width: 100%;
            border-collapse: collapse;
            table-layout: fixed;
            margin: 0;

            thead th {
                font-size: 18px;
                font-weight: 600;
                color: #23282c;
                padding: 20px 30px;
                text-align: left;
                border-bottom: 1px solid #ddd;
                width: 33.3333%;
            }

            tbody td {
                padding: 20px 30px;
                border-bottom: 1px solid #ddd;
                border-right: 1px solid #ddd;
                vertical-align: middle;
                width: 33.3333%;
                font-size: 16px;
                font-weight: 500;

                &:last-of-type {
                    border-right: 0;
                }

                i.fa {
                    margin-right: 8px;
                    font-size: 18px;
                    width: 18px;
                    text-align: center;
                }
            }

            tbody tr:last-child td {
                border-bottom: 0;
            }

            td.feature-title {
                font-weight: 500;
            }

            td.features-full {
                i.fa {
                    color: #00a32a;
                }
            }

            td.features-partial {
                i.fa {
                    color: #f5a623;
                }
            }

            td.features-none {
                color: #888;

                i.fa {
                    color: #d63638;
                }
            }
        }
    }

    #dupli-litebase-about-addons {
        *,
        *::before,
        *::after {
            box-sizing: border-box;
        }

        #dupli-litebase-about-addons-list .list {
            display: flex;
            flex-wrap: wrap;
            align-items: stretch;
            margin-left: -20px;
            margin-right: -20px;
        }

        .addons-container {
            padding: 0 20px;
            width: 33.333333%;
            margin-bottom: 20px;

            @media (max-width: 1249px) {
                width: 50%;
            }

            @media (max-width: 767px) {
                width: 100%;
            }
        }

        h4 {
            font-size: 17px;
            font-weight: 700;
        }
    }
}