.page_learn_trial {

    padding-top: 3.75rem;

    padding-bottom: 5rem;

}

.page_learn_trial .box__video * {

    width: 100%;

    min-height: 30rem;

}

.page_learn_trial .welcome {

    background: rgba(0, 63, 125, 0.1);

    padding: 1.25rem 0.9375rem;

    margin-bottom: 1.25rem;

    margin-top: 1.25rem;

}

.page_learn_trial .title_page {

    font-size: 1.75rem;

    font-weight: 800;

    margin-bottom: 1.5rem;

}

.page_learn_trial .info_course {

    flex-wrap: wrap;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.page_learn_trial .info_course .box_share {

    flex: 1;

    text-align: right;

}

.page_learn_trial .info_course > :not(.box_share) {

    border-right: solid 1.5px #888;

    padding: 0 0.625rem;

    line-height: 1.2;

    color: #454545;

}

.page_learn_trial .info_course > a:first-child {

    padding-left: 0;

}

.page_learn_trial .info_course {

    border-bottom: solid thin #ebebeb;

    padding-bottom: 0.5rem;

}

.page_learn_trial .list_course .title {

    font-weight: 700;

    font-size: inherit;

    /* color: var(--web-color-1); */

}

.page_learn_trial .list_course .title._video:before {

    display: none;

}

/* .page_learn_trial .list_course .title:before {

    content: "";

    display: inline-block;

    background: url(../images/checked.svg);

    background-repeat: no-repeat;

    background-size: contain;

    width: 25px;

    height: 25px;

    background-position: center;

    vertical-align: middle;

    margin-right: 0.8rem;

} */

.page_learn_trial .list_course .item_learing.is_trial {

    /* margin-bottom: 2.5rem; */

}

.page_learn_trial .list_course .item_learing.is_trial .preview {

    /* flex: 1; */

    /* margin-left: 1rem; */

    /* max-width: 135px;

    min-width: 135px;

    margin-right: auto; */

}

.page_learn_trial .list_course video {

    width: 100%;

}

.page_learn_trial .title_description {

    font-size: 1.5rem;

    margin-bottom: 1rem;

    font-weight: 800;

}

.page_learn_trial .form-register {

    padding: 2rem 1.5625rem;

    color: #fff;

}

.page_learn_trial .form-register .title_page {

    color: #fff;

}

.page_learn_trial .form-register .form-control {

    border-radius: 0;

    border: 1px solid #fff;

    height: 2.5rem;

    background-color: rgba(255, 255, 255, 0.2);

    backdrop-filter: blur(3px);

}

.page_learn_trial .form-register .form-control::placeholder {

    color: #fff !important;

}

.page_learn_trial .form-register select {

    appearance: none;

    background: url(../images/de.png) right 0.625rem center no-repeat

        rgba(255, 255, 255, 0.2) !important;

    color: inherit;

}

.page_learn_trial .form-register select option {

    color: #000;

}

.page_learn_trial .form-register .btn_all {

    max-width: 23.75rem;

    background-color: #f97304;

    width: 100%;

    margin: auto;

    border-radius: 0;

    padding: 0.625rem 0.9375rem;

    border: transparent;

    color: #fff;

    font-size: inherit;

    font-weight: 700;

}

.section_related {

    padding-top: 5rem;

    padding-bottom: 10rem;

    background-color: #600;

}

.section_related .title_all {

    margin-bottom: 2.5rem;

}

.sidebar .title {

    font-size: 1.125rem;

    color: #fff;

    font-weight: 800;

    text-align: center;

    position: relative;

    z-index: 1;

    padding-bottom: 0.5rem;

    margin-bottom: 0.8rem;

}

.sidebar .box_specs.specs {

    position: sticky;

    top: 7.35rem;

    z-index: 100;

}

.register_main {

    background-color: #fff !important;

    color: #013c8c !important;

}

.sidebar .title_sm {

    color: #fff;

    font-weight: 600;

    font-size: 14px;

}

.box_list__lesson .item .title:before {

    content: attr(data-key);

    font-size: 1.2rem;

    background: #003d8d;

    color: #fff;

    min-width: 2rem;

    display: inline-flex;

    height: 2rem;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    margin-right: 6px;

    font-weight: 900;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}

.box_list__lesson .item{

    margin-bottom: 1.5rem;

}

.box_list__lesson .item .s-content {

    overscroll-behavior: contain;

}

.box_list__lesson .item .title{

    font-weight: 900;

    position: relative;

    z-index: 1;

    padding-left: 2.5rem;

}
.box_list__lesson .chapter .title_chapter {
    font-weight: 900;
    position: relative;
    z-index: 1;
    font-size: 1.2rem;
}

.sidebar .box_specs {

    padding: 1.5rem 0.9375rem;

    font-size: inherit;

    margin-bottom: 1.875rem;

}

.sidebar .box_specs .name {

    color: #fff;

}

.sidebar .box_specs .value.price {

    color: #f97304;

}

.sidebar .box_specs .value {

    font-weight: 800;

    color: #fff;

}

.sidebar .box_specs .value_stock {

    font-style: italic;

    color: #888;

    font-size: 0.775rem;

    margin-left: 0.5rem;

}

.sidebar .box_specs .row_ {

    margin-bottom: 1rem;

}

.sidebar .title:after {

    position: absolute;

    bottom: 0;

    height: 0.0625rem;

    background: #f97304;

    content: "";

    margin: auto;

    display: block;

    left: 30%;

    right: 30%;

    z-index: 1;

}

.sidebar .box_specs .btn_all {

    display: block !important;

    text-align: center;

    background: #f97304;

    border-radius: 0;

    color: #fff;

    font-size: 0.875rem;

    font-weight: 700;

    padding: 0.6rem;

    margin-bottom: 0.5rem;

}

.sidebar .box_specs .item_team {

    padding: 0;

    background: 0 0;

    color: #fff;

}

.sidebar .box_specs .item_team .img {

    background: #f97304;

    padding-right: 5px;

    padding-bottom: 5px;

}

.sidebar .box_specs .item_team > :not(.img) {

    padding: 0 1.5rem;

}

.contact_teacher img {

    width: 1.5rem;

    display: block;

    margin: auto;

    object-fit: cover;

}

.contact_teacher a {

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.2);

    min-width: 3rem;

    height: 3rem;

    display: flex;

    align-items: center;

    border: solid thin #ebebeb;

    margin: 0 0.7rem;

    justify-content: center;

}

.contact_teacher {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

}

.controls_video select {

    background: var(--web-color-1);

    color: #fff;

    border-radius: 0;

    max-width: 20rem;

}

.controls_video .prev_next_course {

    flex: 1;

    max-width: 25rem;

    margin-left: auto;

    text-align: right;

}

.controls_video {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

}

.controls_video .prev_next_course > * {

    border: 0.0625rem solid var(--web-color-1);

    background: #fff;

    padding: 0.3125rem 0.625rem;

    display: inline-block;

    font-weight: 800;

}

.controls_video .prev_next_course > a {

    min-width: 9.375em;

    text-align: center;

    color: var(--web-color-1);

}

.controls_video .prev_next_course > span {

    background: #003887;

    color: #fff;

    font-weight: 400;

    margin: 0 0.3125rem;

}

.course .title {

    font-size: 1.5rem;

    font-weight: 800;

}

.course .form_question textarea {

    border-radius: 0;

    margin-bottom: 1rem;

    border: solid thin #ebebeb;

}

.course .form_question .btn_all {

    color: #fff;

    border-radius: 0;

    background: var(--web-color-1);

    font-weight: 700;

    max-width: 12.8125rem;

    width: 100%;

    padding: 0.4375rem;

}

.course .form_question label {

    border: solid thin #ebebeb;

    padding: 0.3125em 0.625rem;

}

.box_comment .title {

    flex: 1;

}

.box_comment .box_select .name {

    display: block;

    min-width: 7.5rem;

}

.item_comment .img {

    min-width: 5rem;

    border-radius: 50%;

    overflow: hidden;

    height: 5rem;

}

.item_comment .img img {

    object-fit: cover;

    display: block;

    margin: auto;

}

.item_comment:not(:last-child) {

    border-bottom: solid thin #ebebeb;

}

.page_learn_trial .item_comment {

    display: flex;

    padding: 1.25rem 0;

}

.item_comment .name {

    font-weight: 800;

}

.item_comment .box_content {

    padding-left: 0.8rem;

}

.item_comment .box_content .content {

    margin-top: 0.5rem;

    color: #454545;

}

.item_comment .create {

    margin-left: 1.5rem;

    font-size: 0.875rem;

    color: #888;

}

.item_learing.is_trial .s-content {

    display: none;

}

.page_learn_trial .list_course .item_learing i {

    font-size: 1.5rem;

}

.page_learn_trial .list_course .item_learing.is_trial {

    /* margin-bottom: 1rem; */

}

.page_learn_trial .list_course.active .title {

    pointer-events: none;

}

.page_learn_trial .list_course .item_learing.active .title + i {

    transform: rotateZ(180deg);

}

.select2-container,

.select2-container--default .select2-selection--single,

.select2-container--default

    .select2-selection--single

    .select2-selection__arrow,

.select2-container--default .select2-selection--single > * {

    height: 2.5rem;

}

.select2-container--default

    .select2-selection--single

    .select2-selection__rendered {

    color: #fff;

}

.select2-container--default

    .select2-selection--single

    .select2-selection__rendered {

    line-height: 2.5rem;

}

.select2-container--default .select2-selection--single {

    background: #3371b6;

    border-radius: 0;

}

.select2-container--default

    .select2-selection--single

    .select2-selection__arrow

    b {

    border-color: #fff transparent transparent transparent;

}

.contact_teacher a:focus,

.contact_teacher a:hover {

    background: #fff;

}

.section_related_course {

    background: rgb(0 63 125) !important;

}

.section_related_course.section_related .title_all {

    color: #fff;

}

@media (max-width: 991px) {

    .section_banner .box_center {

        display: none;

    }

    .sidebar .box_specs.specs {

        position: relative;

        z-index: 1;

    }

}

.box_list__lesson .item.active {

    color: #003a8b;

}