.backText-bold {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height */

    color: black;
    margin-top: 40px;
    margin-bottom: 20px;
}

.backText {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height */

    color: black;
    margin-top: 40px;
    margin-bottom: 20px;
}

.backText2 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height */

    color: black;
    margin-bottom: 20px;
}

.learnText {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 33px;
    /* identical to box height */

    /* Text Accent */

    color: #234b88;
    margin-bottom: 20px;
}
.shortDetailText {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height */

    /* Text Primary */

    color: #3d3d3d;
}

.grey {
    color: grey;
}

.container {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

#textCoach {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height */

    color: #aeaeae;
}

#coachName {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height */

    color: #3d3d3d;
    display: inline;
    margin-left: 10px;
}

#shortDesc {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height */

    color: #3d3d3d;
}

#realPrice {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height */

    text-decoration-line: line-through;

    color: #6a6a6a;
    margin-bottom: 4px;
}

#valueHarga {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    /* identical to box height */

    /*color: #234b88;*/
    color: black;
    margin-bottom: 4px;
    /*display: inline;*/
    /*vertical-align: middle;*/
}

#discount {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 15px;
    /* identical to box height */

    color: #ff4242;
    /*margin-bottom: 40px;*/
    margin-bottom: 0px;
}

#textTool {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height */

    /* Text Primary */

    color: #3d3d3d;
    margin-bottom: 0;
}



.textJumbotron button {
    display: inline;
    margin-left: 10px;
}

.toolscontainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.tools {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    flex-direction: column;
}
.imagetool {
    height: 35.57px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center; /* Center the image */
    margin-bottom: 9px;
}
.toolname {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height */

    color: #6a6a6a;
    margin-bottom: 0;
}

.chip {
    background: #acf5ff;
    border-radius: 6px;
    padding: 4px;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 15px;
    /* identical to box height */

    color: #000000;
    margin-right: 10px;
}

.sectionBlock {
    border: 0 solid #e5e5e5;
    border-bottom-width: 1px;
    margin-bottom: 16px;
    padding-bottom: 5px;
}

.sectionTitle {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height */

    /* Text Accent */

    color: #234b88;
    margin-bottom: 16px;
}

.sectionDescription {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;

    /* Text Primary */

    color: #3d3d3d;
    margin-bottom: 16px;
}

.blockIcon {
    flex-direction: row;
    justify-content: flex-start;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.viewVideo {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height */

    /* Primary */

    color: #3ec3dc;
    /* display: flex; */
    /* justify-content: flex-start; */

    cursor: pointer;
    margin-right: 8px;
    margin-bottom: 0;
}

/* .viewVideo::after {
    content: "❯";
    width: 1em;

    text-align: center;
    transition: all 0.5s;
    transform: rotate(90deg);

} */
/* .showz + .viewVideo::after {
    transform: rotate(-90deg);
} */

.arrowIcon {
    transition: all 0.5s;
    transform: rotate(90deg);
    font-size: 14px;
    color: #3ec3dc;
}

.showz + .arrowIcon {
    transform: rotate(-90deg);
}

.blockVideo {
    flex-direction: row;
    flex: 1;
    width: 100%;
    transition: all 0.5s;
    max-height: 0;
    overflow: hidden;
}

.showz {
    max-height: 100vh;
    transition: all 0.5s;

}
.blockVideo.showz{
    overflow: auto;
}

.listVideo {
    /*display: flex;*/
    /*flex-direction: row;*/
    /*justify-content: space-between;*/
    align-items: center;
}

.listVideoDetail {
    display: flex;
    flex-direction: row;
    align-items: first;
    margin-bottom: 5px;
}

.videoTitle {
    /* Desktop/Regular */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;
    /* identical to box height */

    /* Text Primary */

    color: #3d3d3d;
    /*width: 41%;*/
}

.watchButton {
    /* Desktop/Regular */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height */

    /* Primary */

    color: #3ec3dc;
    width: 100%;
}

.blockWatchFree:hover {
    cursor: pointer;
}

.durationVideo {
    /* Desktop/Regular */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /*text-align: right;*/
    /* identical to box height */

    /* Text Primary */

    /*color: #3d3d3d;*/
    color: #646464;
    width: 10%;
}




/**
VENTURO NEW
 */

.learnTextTitle {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 33px;
    /* identical to box height */

    /* Text Accent */

    color: #000000;
    margin-bottom: 10px;
}

.title-desc-course {
    margin-top: 3em;
    margin-bottom: 3em;
}

.sectionVideoTestTitle {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 33px;
    /* identical to box height */

    /* Text Accent */

    color: #121212;
    margin-bottom: 20px;
}

.sectionTitle2 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    /* identical to box height */

    /* Text Accent */

    color: #121212;
    margin-bottom: 16px;
}

.floatIcon {
    display: inline;
    align-items: center;
    margin-bottom: 16px;
}

.sectionDescription2 {
    font-size: 12px;
    display: inline;
}

.sectionDescriptionSub {
    font-size: 12px;
    text-align: justify;
    margin-bottom: 2em;
}

.arrowIcon2 {
    transition: all 0.5s;
    transform: rotate(90deg);
    font-size: 20px;
    color: #121212;
}

.tentang-desc {
    font-size: 14px;
}

/**
COACH COURSE
 */

.coachTitle {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 33px;
    /* identical to box height */

    /* Text Accent */

    color: #000000;
    margin-bottom: 10px;
}

.coach-course {
    margin-top: 3em;
    margin-bottom: 3em;
}

.circular_image {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    background-color: black;
    /* commented for demo
    float: left;
    margin-left: 125px;
    margin-top: 20px;
    */

    /*for demo*/
    display:inline-block;
    vertical-align:middle;
}
.circular_image img{
    width:100%;
}


.bio-coach{
    margin-top: 1em;
}

.btn-skill {
    background-color: #E9F8FB;
    border-color: #3DC3DD;
    color: #1B8497;
    border-radius: 8px;
    margin-right: 1em;
}




@media (max-width: 900px) {
    .container {
        padding-left: 12.5px !important;
        padding-right: 12.5px !important;
    }
    #mainContainer {
        flex: 1;
        flex-direction: column-reverse;
        display: flex;
    }
    #asideBody {
        flex: 1;
        display: flex;
        flex-direction: column;
        margin-top: 20px;
    }

    #contentBody {
        flex: 1;
        margin-right: 25px;
        /* width: 66%; */
    }

    #coachCard {
        /* padding: 20px; */
        border-radius: 20px;
        margin-bottom: 20px;
    }

    .hidemobile {
        display: none;
    }

    .durationVideo {
        width: 20%;
        /*margin-left: 16px;*/
    }

    .sectionDescription {
        font-size: 12px;
    }
}

@media (min-width: 901px) {
    .showmobile {
        display: none;
    }
    #mainContainer {
        flex: 1;
        flex-direction: row;
        display: flex;
        margin-bottom: 65px;
    }
    #contentBody {
        flex: 3;
        margin-right: 25px;
        /* width: 66%; */
    }
    #asideBody {
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    #coachCard {
        /* padding: 20px; */
        border-radius: 20px;
        /* margin-bottom: 20px; */
    }
}

.modal-open {
    display: block;
}

.playIcon {
    color: #3ec3dc;
    font-size: 14px;
    line-height: 19px;
    margin-right: 6px;
}

#videoContainer {
    height: 50vh;
    max-width: 70vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

#videoContainer2 {
    /*height: 50vh;*/
    max-width: 70vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

@media (min-width: 538px) and (max-width: 900px) {
    #video_1 {
        margin-top: 0;
    }
}

/* @media (min-width: 899px) and (max-width: 900px) {
    #videoContainer {
        max-width: 100vw;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto auto;
        height: 100vh;
    }

    #video_1 {
        margin-top: 35vh;
    }
} */

@media (max-width: 537px) {
    #videoContainer {
        max-width: 150vw;
        display: flex;
        justify-content: center;
        align-items: center;
        /* margin: auto auto; */
        height: 100vh;
    }

    #video_1 {
        margin-top: 0;
    }

    .modal-body {
        padding: 0;
    }
}