.learn-more-wrapper h3{
    font-weight:600
}
.learn-more-wrapper .message{
    font-size:14px
}
.learn-more-wrapper a.btn{
    font-size:12px
}


.learn-more-wrapper .pmd-section .message{
    color:#141212
}
.learn-more-wrapper .pmd-section.top .message p{
    color:#fff;
    width:50%;
    min-width:256px;
    margin:auto
}
.learn-more-wrapper .pmd-section.video .video-player{
    display:contents
}
.learn-more-wrapper .pmd-section.diminish{
    padding-bottom:0
}
.learn-more-wrapper .pmd-section.diminish .desktop-btn{
    display:none
}
.learn-more-wrapper .pmd-section.before-after{
    padding-top:0
}
.learn-more-wrapper .pmd-section.how-it-works .action{
    display:none
}
.learn-more-wrapper .pmd-section.compare-devices{
    padding-bottom:0
}
.learn-more-wrapper .pmd-section.compare-devices .title{
    padding-bottom:32px
}
.learn-more-wrapper .pmd-section.compare-devices .message{
    margin-bottom:0
}
.learn-more-wrapper .pmd-section.compare-devices .devices li{
    display:flex;
    justify-content:center;
    flex-direction:column;
    height:calc(100vh - 107px);
    padding:12px 5%
}
.learn-more-wrapper .pmd-section.compare-devices .devices li .image img{
    width:50%;
    max-height:40vh;
    -o-object-fit:contain;
    object-fit:contain;
    padding:0
}
.learn-more-wrapper .pmd-section.compare-devices .devices li .specs{
    flex:66%;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.learn-more-wrapper .pmd-section.compare-devices .devices li .specs .details .title{
    margin:0;
    padding-bottom:0
}
.learn-more-wrapper .pmd-section.compare-devices .devices li .specs .details .title h3{
    font-size:28px;
    font-size:1.75rem;
    line-height:1;
    color:#141212
}
.learn-more-wrapper .pmd-section.compare-devices .devices li .specs .details ul{
    padding:0
}
.learn-more-wrapper .pmd-section.compare-devices .devices li .specs .details ul li{
    padding:4px 0 0;
    color:#494945;
    height:auto
}
.learn-more-wrapper .pmd-section.compare-devices .devices li .specs .disc-image .desktop{
    display:none
}
.learn-more-wrapper .pmd-section.compare-devices .devices li .specs .disc-image img{
    max-height:5.5vh;
    -o-object-fit:contain;
    object-fit:contain;
    padding:0
}
.learn-more-wrapper .pmd-section.compare-devices .devices li .specs .action{
    margin-top:8px
}
.learn-more-wrapper .pmd-section.compare-devices .devices li.classic{
    background-color:#efd5d6
}
.learn-more-wrapper .pmd-section.compare-devices .devices li.plus{
    background-color:#edeae3
}
.learn-more-wrapper .pmd-section.compare-devices .devices li.pro{
    background-color:#d09aaf
}
.learn-more-wrapper .pmd-section.compare-devices .devices li.man{
    background-color:#e4e4e4
}
.learn-more-wrapper .pmd-section.compare-devices .devices li.elite{
    background-color:#b9e2d9
}
.learn-more-wrapper .pmd-section.compare-devices .devices li:hover .specs .details .title h3, .learn-more-wrapper .pmd-section.compare-devices .devices li:hover .specs .details ul li{
    color:#d30061
}

@media only screen and (min-width:1024px){
    .learn-more-wrapper .features-section{
        display:flex;
        flex-direction:row;
        flex-wrap:wrap
    }
    .learn-more-wrapper .features-section .pmd-section.video{
        flex:40%;
        order:1;
        background-color:#fcf0f3;
        align-items:flex-end;
        justify-content:flex-start;
        padding-top:48px;
        padding-left:32px
    }
    .learn-more-wrapper .features-section .pmd-section.video .video-player{
        display:initial;
        position:relative
    }
    .learn-more-wrapper .features-section .pmd-section.video .video-player iframe{
        height:21.25vw!important;
        width:36vw!important
    }
    .learn-more-wrapper .features-section .pmd-section.diminish{
        flex:33%;
        order:3;
        padding-left:15%;
        justify-content:flex-start;
        text-align:left
    }
    .learn-more-wrapper .features-section .pmd-section.diminish .desktop-btn{
        display:unset
    }
    .learn-more-wrapper .features-section .pmd-section.diminish .desktop-btn .action{
        justify-content:flex-start
    }
    .learn-more-wrapper .features-section .pmd-section.diminish .desktop-btn .action a{
        font-size:14px;
        padding-left:2.25rem;
        padding-right:2.25rem
    }
    .learn-more-wrapper .features-section .pmd-section.before-after{
        flex:25%;
        order:4;
        padding-top:16px;
        padding-right:15%
    }
    .learn-more-wrapper .features-section .pmd-section.before-after .message{
        align-items:flex-start;
        font-size:10px;
        text-align:left;
        margin:-16px 0 0;
        padding:0 0 62px
    }
    .learn-more-wrapper .features-section .pmd-section.results{
        flex:100%;
        order:4
    }
    .learn-more-wrapper .features-section .pmd-section.results:before{
        content:"";
        display:block;
        width:80%;
        top:-32px;
        position:relative;
        border-bottom:1px solid #e5e5e5
    }
    .learn-more-wrapper .features-section .pmd-section.results .message{
        align-items:center;
        display:flex;
        flex-direction:column
    }
    .learn-more-wrapper .features-section .pmd-section.results .message p{
        max-width:384px
    }
    .learn-more-wrapper .features-section .pmd-section.results .message .stats{
        width:66%
    }
    .learn-more-wrapper .features-section .pmd-section.results .message .stats li{
        flex:20%;
        padding:2%
    }
    .learn-more-wrapper .features-section .pmd-section.how-it-works{
        order:2;
        flex:50%;
        background-color:#fcf0f3;
        text-align:left;
        padding:10px 5%
    }
    .learn-more-wrapper .features-section .pmd-section.how-it-works .action{
        display:initial;
        justify-content:flex-start;
        padding-left:58px;
        margin-top:48px
    }
    .learn-more-wrapper .pmd-section.top .title{
        align-items:center
    }
    .learn-more-wrapper .pmd-section.top .title img{
        width:50%;
        max-width:500px
    }
    .learn-more-wrapper .pmd-section.top .message{
        width:400px
    }
    .learn-more-wrapper .pmd-section.top .message p{
        width:90%
    }
    .learn-more-wrapper .pmd-section.compare-devices .devices{
        flex-direction:row
    }
    .learn-more-wrapper .pmd-section.compare-devices .devices li{
        flex:25;
        height:auto;
        padding:48px 16px
    }
    .learn-more-wrapper .pmd-section.compare-devices .devices li .specs{
        justify-content:flex-start
    }
    .learn-more-wrapper .pmd-section.compare-devices .devices li .specs .disc-image .desktop{
        display:unset
    }
    .learn-more-wrapper .pmd-section.compare-devices .devices li .specs .disc-image .mobile{
        display:none
    }
    .learn-more-wrapper .pmd-section.compare-devices .devices li .specs .disc-image img{
        width:100%
    }
}

.svg-radial-progress{
    position:relative;
    width:120px;
    height:120px
}
.svg-radial-progress svg{
    width:100%;
    height:100%
}
.svg-radial-progress svg .progress__meter, .svg-radial-progress svg .progress__value{
    fill:none
}
.svg-radial-progress svg .progress__meter{
    stroke:#f8c8d1
}
.svg-radial-progress svg .progress__value{
    stroke:#d30061;
    stroke-linecap:round;
    transform-origin:center;
    transform:rotate(-90deg);
    transition:stroke-dashoffset 1s ease-in-out
}
.svg-radial-progress svg .progress__text{
    font:700 32px Lato;
    fill:#d30061
}

app-icon-checkmark-bullet div{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%
}
app-icon-checkmark-bullet div svg{
    width:100%;
    max-width:50px
}
app-icon-checkmark-bullet div svg .a, div svg .b{
    fill:none;
    stroke-linecap:round;
    stroke-width:2px
}
app-icon-checkmark-bullet div svg .b{
    stroke-linejoin:round
}
app-icon-checkmark-bullet div.pink svg .a, div.pink svg .b{
    stroke:#d30061
}
app-icon-checkmark-bullet div.white-pink svg .a{
    stroke:#fff
}
app-icon-checkmark-bullet div.pink-white svg .a, div.white-pink svg .b{
    stroke:#d30061
}
app-icon-checkmark-bullet div.pink-white svg .b{
    stroke:#fff
}
app-icon-checkmark-bullet div.blue svg .a, div.blue svg .b{
    stroke:#98d6e6
}
app-icon-checkmark-bullet div.seafoam svg .a, div.seafoam svg .b{
    stroke:#8edbd0
}
app-icon-checkmark-bullet div.white-bg svg .a, div.white-bg svg .b{
    fill:#fff
}