.coursepackage-wrap{text-align:center;overflow: hidden;max-width:750px;min-width:320px;margin:0 auto;background:#f6f6f6}
.coursepackage-wrap li{width:100%;padding-top:5rem}
.bg-11 .coursepackage-wrap{padding-bottom:5rem;background:#e59a25}
.bg-12 .coursepackage-wrap{padding-bottom:5rem;background:#303457}
.bg-13 .coursepackage-wrap{padding-bottom:5rem;background:#3378a6}
.bg-14 .coursepackage-wrap{padding-bottom:5rem;background:#665343}
.bg-15 .coursepackage-wrap{padding-bottom:5rem;background:#592209}
.bg-16 .coursepackage-wrap{padding-bottom:5rem;background:#1d7cd5}
.bg-17 .coursepackage-wrap{padding-bottom:5rem;background:#92452d}
.bg-18 .coursepackage-wrap{padding-bottom:5rem;background:#8aad83}
.bg-19 .coursepackage-wrap{padding-bottom:5rem;background:#fb8e01}
.bg-20 .coursepackage-wrap{padding-bottom:5rem;background:#b3b978}
.bg-21 .coursepackage-wrap{padding-bottom:5rem;background:#0d2339}
.bg-22 .coursepackage-wrap{padding-bottom:5rem;background:#991f2e}
img{ vertical-align:bottom; }
.coursepackage-wrapnew{text-align:center;overflow: hidden;max-width:750px;min-width:320px;margin:0 auto;background:#f6f6f6}
.newAdd .coursepackage-wrap li{width:100%;padding-top:0}
@media (prefers-color-scheme: dark) {
    body {
        -webkit-filter:brightness(0.5);
        -o-filter:brightness(0.5);
        -moz-filter:brightness(0.5);
        filter:brightness(0.5);
        background: #fff;
    }
}
.dark{
    -webkit-filter:brightness(0.5);
    -o-filter:brightness(0.5);
    -moz-filter:brightness(0.5);
    filter:brightness(0.5);
    background: #fff; 
}