﻿
.ld-smash-sales-explicit-pedagogy {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    padding: 10px;
    padding-top: 15px;
    gap: 10px;
}

    .ld-smash-sales-explicit-pedagogy > div {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
        gap: 30px;
        max-width: 50%;
        justify-content: space-evenly;
    }

        .ld-smash-sales-explicit-pedagogy > div:first-of-type > img {
            width: 100%;
        }

        .ld-smash-sales-explicit-pedagogy > div:first-of-type > div {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
        }

            .ld-smash-sales-explicit-pedagogy > div:first-of-type > div > img {
                width: calc(calc(100% / 3) - 10px);
                max-width: 250px;
            }

    .ld-smash-sales-explicit-pedagogy > div:last-of-type ol {
        max-width: 500px;
        list-style: none;
        max-width: 600px;
        padding: 30px;
        background: #f6f6f6;
        list-style: none;
        text-align: left;
        border-radius: 10px;
    }

    .ld-smash-sales-explicit-pedagogy > div:last-of-type li {
        padding: 5px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 15px;
    }

    .ld-smash-sales-explicit-pedagogy > div:last-of-type h4 {
        margin: 0;
        margin-bottom: 10px;
        color: #ed7d31;
        font-weight: normal;
    }

    .ld-smash-sales-explicit-pedagogy > div:last-of-type span {
        display: inline-block;
        width: 26px;
        height: 26px;
        line-height: 26px;
        color: white;
        background: #ed7d31;
        text-align: center;
        border-radius: 50%;
        flex-shrink: 0;
    }


[data-section="explicitPedagogy"] .ld-smash-sales-section-pf-center-f1 .ld-smash-sales-section,
[data-section="explicitPedagogy"] .ld-smash-sales-section-pf-center-f1 {
    max-width: 1600px;
}

[data-section="explicitPedagogy"] .ld-fp-footer {
    display: none;
}

[data-section="explicitPedagogy"] .ld-smash-sales-section-pf-center-f1 {
    justify-content: flex-start;
    margin-top: 20px;
}


@media all and (max-width: 1100px), all and (max-height: 900px) {
    .ld-smash-sales-explicit-pedagogy > div:first-of-type > div > img {
        max-width: calc(100px + 10vh);
    }

    .ld-smash-sales-explicit-pedagogy > div:last-of-type ol {
        padding: 5px;
    }
}

@media all and (max-height: 800px) {
    .ld-smash-sales-explicit-pedagogy > div:first-of-type > img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: calc(100px + 25vh);
    }
}


@media all and (max-width: 800px), all and (max-height: 700px) {
    [data-section="explicitPedagogy"] {
        padding-bottom: 60px;
    }

        [data-section="explicitPedagogy"] .ld-fp-footer {
            display: flex;
        }

    .ld-smash-sales-explicit-pedagogy .ld-smash-sales-book-a-consultation-btn {
        display: none;
    }


    .ld-smash-sales-explicit-pedagogy > div:first-of-type > img {
        max-height: calc(100px + 20vh);
    }

    .ld-smash-sales-explicit-pedagogy > div:last-of-type h4 {
        margin-bottom: 0px;
    }

    .ld-smash-sales-explicit-pedagogy > div:last-of-type li {
        gap: 10px;
        padding: 0;
        margin-bottom: 15px;
    }
}

@media all and (max-width: 800px) and (orientation: portrait) {
    .ld-smash-sales-explicit-pedagogy {
        flex-direction: column;
        align-content: center;
        align-items: center;
        gap: 20px;
    }

        .ld-smash-sales-explicit-pedagogy > div {
            width: 100%;
            max-width: 600px;
        }

    [data-section="explicitPedagogy"] {
        padding-bottom: 80px;
    }
}

    /*
@media all and (max-width: 1300px) {
    .ld-smash-sales-explicit-pedagogy > div {
        width: 50%;
    }

    .ld-smash-sales-explicit-pedagogy > div:first-of-type {
        position: relative;
    }

        .ld-smash-sales-explicit-pedagogy > div:first-of-type > img {
            max-width: 500px;
        }
}

@media all and (max-width: 1100px) {
    .ld-smash-sales-explicit-pedagogy {
        flex-direction: column;
        gap: 30px;
    }
        .ld-smash-sales-explicit-pedagogy > div {
            width: 80%;
        }

        .ld-smash-sales-explicit-pedagogy > div:first-of-type {
            order: 2;
        }

        .ld-smash-sales-explicit-pedagogy > div:first-of-type > div > img {
            max-width: 120px;
        }

    .ld-smash-sales-explicit-pedagogy > div:last-of-type ol {
        padding: 15px;    
        max-width: initial;
    }

            .ld-smash-sales-explicit-pedagogy > div:first-of-type > img {
                width: 90vw;
                max-width: 800px;
            }


}
*/
    /*
@media all and (max-width: 800px) {
    .ld-smash-sales-explicit-pedagogy > div {
        width: 100%;
    }


}


@media all and (max-width: 500px) {
    .ld-smash-sales-explicit-pedagogy > div:last-of-type ol {
        padding: 5px;
    }

    .ld-smash-sales-explicit-pedagogy > div:last-of-type li {
        gap: 5px;
    }

    .ld-smash-sales-explicit-pedagogy > div:last-of-type span {
        width: 22px;
        height: 22px;
        line-height: 22px;
    }

    .ld-smash-sales-explicit-pedagogy > div:first-of-type > div > img {
        max-width: 100px;
    }
}

@media all and (max-height: 900px) {


    [data-section="explicitPedagogy"] .ld-smash-sales-ovl {
        gap: 0;
    }

    [data-section="explicitPedagogy"] .ld-smash-sales-section {
        padding: 0;
    }

    [data-section="explicitPedagogy"] .ld-smash-sales-book-a-consultation-btn {
        margin-bottom: 15px;
    }

}*/