.tes-white { color: #fff; }
.testimony-title { font-weight: 600; font-family: SofiaProBlack; text-align: center; line-height: 1.2; background: #f1f1f1; color: #584b44; padding: 3rem 20px; font-size: 5.5rem; }

.video-wrapper { padding: 56.25% 0 0 0; position: relative; background: #000; }
.video-wrapper iframe { position:absolute; top: 0; left: 0; width: 100%; height: 100%; }

.blk1 .video-width { max-width: 1200px; margin: 0 auto; }
.blk2 { background: #362e2a; padding-top: 0px; padding-bottom: 20px; border-radius: 15px; }
.blk2-flex { display: flex; align-items: center; justify-content: space-between; flex-direction: column; }
.audio-wrap { flex-grow: 1; max-width: 1200px; width: 100%; padding: 0 20px; }

.media-playlist { display: flex; text-align: center; align-items: center; justify-content: space-around; max-width: 1200px; width: 100%; margin: 0 auto 15px; background: #201a16; padding: 50px 15px 10px; border-top-left-radius: 15px; border-top-right-radius: 15px; }
.media-playlist.rounded { border-radius: 5px; padding: 45px 15px 25px; }
.media-playlist > div { margin: 0 30px 0 0; }
.media-playlist > div:last-child { margin-right: 0; }
.media-link { display: block; color: #fff; text-decoration: none; color: #eccd70; position: relative; padding: 0 0 0 22px; outline: 0; background: transparent; border: 0; font-size: 18px; line-height: 1.3; cursor: pointer; font-family: Roboto, sans-serif; }
.media-link:hover { color: #fff; background: transparent; }
.media-link.active { color: #fff; font-weight: 600; background: transparent; }
.media-link.active:before { content: 'Now Playing'; position: absolute; top: -20px; font-size: 12px; color: #c3c3c3; text-align: left; left: 22px; }

.audio-link.active svg.music-solid { position: absolute; top: 3px; left: 0; width: 15px; height: 15px; fill: #eccd70; }
svg.music-solid { position: absolute; top: 3px; left: 0; width: 15px; height: 15px; fill: #fff; }

.ggl-book-flex .cmsmasters_row_margin { display: flex; align-items: center; }
.ggl-book-flex .cmsmasters_row_margin > div:last-child img { max-width: 450px; }
#ggl-optin-form .email-input { margin: 30px auto 0; max-width: 400px; width: 100%; display: block; background: #fff; border: 1px solid #ccc; font-size: 18px; }
#ggl-optin-form .optin-submit { max-width: 400px; width: 100%; margin: 18px auto; display: block; background: rgb(57, 134, 206); color: #fff; font-size: 18px; border-radius: 5px; }

.blk5 { padding: 5rem 3% 4rem; background: url(https://gtsacademy.com/wp-content/uploads/2022/09/dot-bg.jpg) center repeat; }
.blk5 > .page-width { max-width: 1250px; }
.blk5-flex { display: flex; align-items: flex-start; justify-content: space-around; }
.blk5-flex > div { width: 23%; max-width: 240px; }

.book-wrap { font-size: 1.6rem; }
.book-wrap a { text-decoration: none; color: #007185; }
.book-wrap a:hover { color: #00bcdd; }
.book-wrap > a:first-child { text-align: center; height: 231px; display: block; }
.book-wrap > a:last-child { margin-top: 1rem; display: block; text-align: center; }
.book-wrap img { display: block; max-width: 150px; margin: 0 auto; }

.written-testi-1 .cmsmasters_row_inner { background: rgb(255 255 255 / 95%); padding: 30px; }
.written-testi-2 .cmsmasters_row_inner { background: rgb(255 255 255 / 95%); margin: 30px auto; padding: 30px; }
.written-testi-2 div.cmsmasters_text:last-child p { padding-bottom: 0; }

@media only screen and (max-width: 850px) {
    .media-playlist { padding: 15px; flex-direction: column; text-align: left; align-items: flex-start; justify-content: space-between; }
    .media-playlist.rounded { padding: 15px; }
    .media-playlist > div { margin: 0 0 10px; }
    .media-playlist > div:last-child { margin: 0; }
    .media-link.active:before { position: relative; top: 0; display: block; }
    .media-link.active .music-solid { top: auto; bottom: 2px; left: 0; }    
    .media-link.active:before { font-size: 10px; left: 0; text-align: left; margin-bottom: 3px; }
}


@media only screen and (max-width: 950px) {
    .blk5-flex { flex-wrap: wrap; max-width: 600px; margin: 0 auto; }
    .blk5-flex > div { flex-shrink: 0; flex-basis: 240px; margin: 2rem 0; }
}