@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100..900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
html, body{font-family: 'Poppins' !important;}
a,button{cursor: pointer;}
button:focus, button:active{outline: none;box-shadow: none;}
.border-input{border-color: #ccc;}
.img-shadow{border-style: solid;border-width: 16px 16px 0px 16px;border-color: #FFFFFF;border-radius: 70px 70px 0px 0px;box-shadow: 0px 4px 24px 0px rgba(29, 13, 13, 0.04);}
.aboutpw{background-image: url('../img/about-bg.jpg');background-size: cover;background-repeat: no-repeat;position: relative;background-attachment: fixed;}
.aboutpw::before{content: " ";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);}
.course_desc p{margin-bottom: 20px;line-height: 1.8;}
.course_desc ul{list-style-type: disc;margin-left: 30px;line-height: 1.8;}
.course_desc ol{list-style: decimal-leading-zero;margin-left: 30px;line-height: 1.8;}
.swiper-button-prev{left: -20px;width: 40px;height: 40px;}
.swiper-button-next{right: -20px;width: 40px;height: 40px;}
.swiper-button-next:after, .swiper-button-prev:after {font-size: 18px;color: #fff;}
@media(max-width: 767.98px) {
    .swiper-button-prev{left: -12px;width: 30px;height: 30px;}
    .swiper-button-next{right: -12px;width: 30px;height: 30px;}
}
#yt-cc-block{opacity: 0;transition: opacity 0.1s ease;}
#video-container.active #yt-cc-block{opacity: 1;}