html {
  scroll-behavior: smooth;
}


div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover,

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled {

      background-color: #8a1edd;

}



.d-none {

      display: none;

}



/* Toast Notification Styles */

.toast {

      visibility: visible;

      margin-left: -125px;

      background-color: #0d824b;

      color: #fff;

      text-align: center;

      border-radius: 2px;

      padding: 10px;

      position: fixed;

      z-index: 198;

      left: 50%;

      top: 20px;

      font-size: 13px;

      opacity: 0;

      transition: opacity 0.5s ease, top 0.3s ease;

}



/* Khi thông báo toast được hiển thị */

.toast.show {

      visibility: visible;

      opacity: 1;

      top: 30px;

}



.rec-title {

      --f-sz: clamp(2.2rem, 1.7455rem + 1.2121vw, 3rem);

}



.hd-logged-action img {

      top: unset;

}



.fa-classic,

.fa-regular,

.fa-solid,

.far,

.fas {

      font-family: "Font Awesome 6 Free" !important;

}



.lesson-wr {

      --cg: 2.4rem;

}



.ft-logo-cty {

      display: flex;

      align-items: center;

      gap: 4px;

}



@media (max-width: 768px) {

      footer .ft-bot-wrapper {

            justify-content: center;

      }

}



#nprogress {

      pointer-events: none;

}



#nprogress .bar {

      background: #BB0D74;



      position: fixed;

      z-index: 99999;

      top: 0;

      left: 0;



      width: 100%;

      height: 4px;

}



/* Fancy blur effect */

#nprogress .peg {

      display: block;

      position: absolute;

      right: 0px;

      width: 100px;

      height: 100%;

      box-shadow: 0 0 10px #BB0D74, 0 0 5px #BB0D74;

      opacity: 1.0;



      -webkit-transform: rotate(3deg) translate(0px, -4px);

      -ms-transform: rotate(3deg) translate(0px, -4px);

      transform: rotate(3deg) translate(0px, -4px);

}



/* Remove these to get rid of the spinner */

#nprogress .spinner {

      display: block;

      position: fixed;

      z-index: 1031;

      top: 15px;

      right: 15px;

}



#nprogress .spinner-icon {

      width: 18px;

      height: 18px;

      box-sizing: border-box;



      border: solid 2px transparent;

      border-top-color: #BB0D74;

      border-left-color: #BB0D74;

      border-radius: 50%;



      -webkit-animation: nprogress-spinner 400ms linear infinite;

      animation: nprogress-spinner 400ms linear infinite;

}



.nprogress-custom-parent {

      overflow: hidden;

      position: relative;

}



.nprogress-custom-parent #nprogress .spinner,

.nprogress-custom-parent #nprogress .bar {

      position: absolute;

}



@-webkit-keyframes nprogress-spinner {

      0% {

            -webkit-transform: rotate(0deg);

      }



      100% {

            -webkit-transform: rotate(360deg);

      }

}



@keyframes nprogress-spinner {

      0% {

            transform: rotate(0deg);

      }



      100% {

            transform: rotate(360deg);

      }

}

.post-type-archive-course footer,.single-course footer,.page-template-page-pay-php footer,.page-template-page-pay-php header,.page-template-page-upgrade header,.page-template-page-upgrade footer{
      display: none;
}

div.nsl-container .nsl-button-google[data-skin="light"]{
      box-shadow: none !important;
      border-radius: 0 !important;
}
div.nsl-container[data-align="left"],div.nsl-container.nsl-container-block .nsl-container-buttons{
      width: 100%;
}


#PRO-MEDIA .plyr__video-embed iframe {
    top: -50%;
    height: 200% !important;
}

@media screen and (max-width: 1500px) {
    .hd-chanel-list .hd-chanel:last-child, .hd-chanel-list .hd-chanel:nth-last-child(2), .hd-chanel-list .hd-chanel:nth-last-child(3), .hd-chanel-list .hd-chanel:nth-last-child(4) {
        display: flex;
    }
}