.YoutubePlayer .Title {
    font: bold 10pt arial;
    margin: 10px 0;
}
.YoutubePlayer {
width:80%;
        margin: 10px auto;
        margin-top: 20px;
}
.YoutubePlayer .Header {
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 500;
    background: linear-gradient(to bottom, var(--bg-blue) 0%, var(--bg-blue-weight) 100%);
    padding: 5px 10px;
    display: flex;
    margin-bottom: 20px;
    text-align:center;
    justify-content:center;
}
.YoutubePlayer .Header .Text {
    color: #257fef;
    font: 30px/30px arial;
    padding-left: 10px;
    text-transform: uppercase;
    white-space: nowrap;
}
.YoutubePlayer .Header .Text:after{
    content: "";
    position: relative;
    display: flex;
    height: 3px;
    width: 50%; /* Độ dài của đường kẻ */
    margin: 0 auto;
    top:5px;
    background-color: #257fef;
}
.YoutubePlayer iframe {
    width: 100% !important;
    height: 460px;
}
.YoutubePlayer .VideoList{
    display:flex;
}
.YoutubePlayer .VideoList .VideoContain{
    width:33%;
    margin:20px;
}
.YoutubePlayer .CategoryVideo .linkVideo a{
  padding: 14px 65px;
    background-color: #257fef;
    color: #FFF !important;
    border-radius: 50px;
    font-size: 16px;
}
.YoutubePlayer .CategoryVideo .linkVideo{
text-align:center;
}
.YoutubePlayer .CategoryVideo{
    position: relative;
    top: 80px;
    display:none;
}
   @media only screen and (max-width: 768px) {
           .YoutubePlayer .VideoList{
   flex-direction:column!important;
}
.YoutubePlayer .VideoList .VideoContain{
    width:100vw!important;
    margin:0!important;
}
           .YoutubePlayer .CategoryVideo{
    top: 30px !important;
}
           .YoutubePlayer iframe {
   padding:5px;
}
           .YoutubePlayer{
           padding:0!important;
           height:fit-content!important;
           margin-bottom:50px !important;
           }
           .YoutubePlayer {
                   width:100%;}
}