.youtube-wrapper {
  position: relative;
  width: 100%;
  min-height:300px;
  padding-bottom: 56.25%; /* 16:9 aspect ratio (9/16 = 0.5625) */
  overflow: hidden;
}

.youtube-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.page-template-page_landing .page-header {
    margin-bottom:1rem;
}
.page-template-page_landing .get-started-btns .btn svg {
    margin-left:.8125rem;
}
.page-template-page_landing .get-started .get-started-text {
    margin-top:0;
}

.embed-with-content.single-col > div {
    width:100% !important;
    min-height:450px;
}

.page-template-page_landing .single-col-contain {
    padding-top:0;
    padding-bottom:2rem;
}
.page-template-page_landing .the-content {
    margin-top:0;
}
.page-template-page_landing .simple-header .contain.has-gutters {
    
}

.process-steps .steps-cont, 
.get-started-contain,
.content-max-width,
.embed-with-content.has-no-sidebar {
    max-width:62.375rem;
    width:100%;
}

.cookie-banner {
    background-color:#1d1e20;
}
.cookie-banner h2,
.cookie-banner p,
.cookie-banner p a {
    color:#fff;
    font-family:'Open Sans','Lucida Sans','Helvetica','Arial',sans-serif;
}
.cookie-banner h2.cookie-title {
    font-size:1rem;
}
.cookie-banner #cookie_btn {
    background-color:#fff;
    color:#000;
}

.page-template-page_landing .process-steps .process-header,
.page-template-page_landing .process-steps .steps-cont {
    margin:0 auto 2rem;
}
.process-steps.is-condensed-view .process-header {
    padding-left:2rem !important;
    width: 100%;
    max-width:76rem;
}
.page-template-page_landing .process-steps.is-condensed-view {
    justify-content: flex-start;
}

.page-template-page_landing .process-steps.is-condensed-view .steps-cont {
    padding-left:3rem;
    max-width:72rem;
    display:flex;
    align-items:center;
    flex-direction:column;;
}
.page-template-page_landing .process-steps.is-condensed-view .steps-cont .steps {
    max-width:50%;
    margin:0 auto;
}
.page-template-page_landing .process-steps.is-condensed-view .steps-cont a.btn {
    margin-top:0 !important;
}
.page-template-page_landing .site-header .site-header__contain {
    padding-left:1rem;
}
.page-template-page_landing .site-header .site-branding:after {
    display:none;
}
.page-template-page_landing .embed-with-content--embed {
    max-width:50rem;
    margin:0 auto;
}
.page-template-page_landing .wp-block-embed.is-provider-youtube {
    padding-left:1rem;
    margin-left: 8rem;
    margin-right: auto;
    max-width: 50rem;
    min-width:40rem;
    margin-bottom:0;
}
.page-template-page_landing .get-started .get-started-contain {
    padding-left: 9.25rem;
    padding-right:9.25rem;
    max-width: 106rem !important;
    
}
 .single-col-contain.get-started .disclosure img {
    display:inline;
}
 .single-col-contain.get-started .has-gutters {
    max-width:76.25rem;
 }
 
@media only screen and (max-width: 1448px) {
    .page-template-page_landing .get-started .get-started-contain {
        padding-left: 6rem;
        padding-right:6rem;
    }
    .page-template-page_landing .process-steps.is-condensed-view .steps-cont {
        padding-left:6rem;
    }
    
}
@media only screen and (max-width: 1024px) { 
    .page-template-page_landing .embed-with-content {
        margin-left:0;
    }
    .has-no-sidebar.embed-with-content,
    .has-no-sidebar.embed-with-content > div {
        height:auto;
        min-height:auto;
        padding:1rem;
    }
    .site-footer .footer .row {
        flex-direction:column;
    }
    
    .process-steps.is-condensed-view .steps-cont {
        padding-left:1.5rem !important;
        margin-left:0;
    }
    .page-template-page_landing .wp-block-embed.is-provider-youtube {
        margin-left:1.5rem !important;
        margin-right:1.5rem;
    }
    .page-template-page_landing .single-col-contain {
        padding-left:1.5rem;
        padding-right:1.5rem;
    }
    .page-template-page_landing .get-started .get-started-contain {
        padding-left: 0;
        padding-right:0;
    }
}

@media only screen and (max-width: 768px) { 
    .page-template-page_landing .embed-with-content--embed {
        margin:1.5rem;
    }
    .page-template-page_landing .process-steps.is-condensed-view .steps-cont .steps {
        max-width:80%;
    }
}


.process-steps.is-condensed-view h2.center {
    text-align:center !important;
}
.process-steps.is-condensed-view  {
    padding-top:2rem;
    padding-bottom:3rem;
}
.process-steps.is-condensed-view .steps {
    border-bottom:none;
}
.process-steps.is-condensed-view .step {
    border-bottom:none !important;
    margin-bottom:0;
}

.process-steps.is-condensed-view .center {
    text-align:left;
}
.process-steps.is-condensed-view h2 {
    font-size:2.5rem;
    margin-bottom:1rem;
}
.process-steps .header-subtitle {
    margin-bottom:2rem;
}
.stats-block {    
    width: 100%;
    text-align:center;
    padding-top:2rem;
    padding-bottom:2rem; 
}
.stats-block ul.stats-list {
    padding-left:0;
}
/* .stats-cont {
    max-width: 62.375rem;
} */
.stats-list {
    list-style:none;
    padding-left:0;
    text-align:center;
}
.stat-item .stat-number {
    font-size:3rem;
    font-weight:bold;
    color:#043d5d;
}
.stars-block {
    margin: 0;
    padding-top:2rem;
    padding-bottom:2rem; 
}
.stars-block * {
    text-align:center;
}
.stars-block h2 {
    font-size:2.5rem;
}
.stars-block.no-pad {
    padding-top:0.5rem;
    padding-bottom:0.5rem;
}
/* .stars-block .stars-cont {
    max-width: 62.375rem;
} */
.stars-block .stars-cont .stars-image {
    text-align:center;
    display:flex;
    justify-content: center;
    align-items: center;
}
.stats-block.has-tint,
.stars-block.has-tint {
    background-color:#f2f7fa;
}
.stars-block .stars-subhead {
    margin-top:1.5rem;
    text-transform: uppercase;
    font-weight:bold;
}

.embed-with-content,
.video-with-margins {
    background: #f3f7f9;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}
.embed-with-content h1,
.embed-with-content h2,
.embed-with-content h3,
.embed-with-content h4,
.embed-with-content h5,
.video-with-margins h1,
.video-with-margins h2,
.video-with-margins h3,
.video-with-margins h4,
.video-with-margins h5 {
    border-bottom: 8px solid rgba(20, 177, 231, 0.3);
    display: inline-block;
    font-size: 2rem;
    padding-bottom: 1.25rem;
    width: auto;
}
.embed-with-content.ec-reversed,
.video-with-margins.ec-reversed {
    flex-direction: column-reverse;
}
.embed-with-content--content,
.video-with-margins--content {
    align-items: center;
    display: flex;
    height: auto;
    padding-left: 8%;
    padding-right: 8%;
}
.embed-with-content--embed,
.video-with-margins--embed {
    display: block;
    height: 0;
    padding-bottom: 27.25%;
    position: relative;
    width: 100%;
}
.embed-with-content--embed iframe,
.video-with-margins--embed iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.tcf--embed {
    background: #f3f7f9;
}

@media screen and (min-width: 948px) {
    .embed-with-content,
    .video-with-margins {
        justify-content: space-between;
        margin-bottom: 4rem;
        padding: 2rem 3rem;
    }
    .embed-with-content > div,
    .video-with-margins > div {
        width: 50%;
    }
    .embed-with-content h1,
    .embed-with-content h2,
    .embed-with-content h3,
    .embed-with-content h4,
    .embed-with-content h5,
    .video-with-margins h1,
    .video-with-margins h2,
    .video-with-margins h3,
    .video-with-margins h4,
    .video-with-margins h5 {
        font-size: 2.5rem;
        margin-right: 15%;
        padding-bottom: 1.25rem;
    }
    .embed-with-content.ec-reversed,
    .video-with-margins.ec-reversed {
        flex-direction: row-reverse;
    }
    .embed-with-content--content,
    .video-with-margins--content {
        padding-left: 4%;
        padding-right: 4%;
    }
}
@media screen and (min-width: 1296px) {
    .embed-with-content h1,
    .embed-with-content h2,
    .embed-with-content h3,
    .embed-with-content h4,
    .embed-with-content h5,
    .video-with-margins h1,
    .video-with-margins h2,
    .video-with-margins h3,
    .video-with-margins h4,
    .video-with-margins h5 {
        font-size: 3.5rem;
        margin-right: 25%;
    }
}