.live-component-ctn{display:flex;flex-direction:column;gap:20px}.live-component-ctn h3{font-weight:700;font-size:1.4rem}.live-component-ctn .live-box{display:flex;align-items:center;gap:40px;background-color:#d3d3d3;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:5px;padding:40px}.live-component-ctn .live-box img{width:300px;height:200px}.live-component-ctn .live-box h4{font-weight:700;font-size:1.3rem;color:#001493}.live-component-ctn .live-box p{color:#001493}.live-component-ctn .live-box button{margin-top:20px;width:300px}@media(max-width:991px){.live-component-ctn .live-box{flex-direction:column;padding:4%;overflow:hidden}.live-component-ctn .live-box .right-side,.live-component-ctn .live-box button{width:100%}}.no-courses-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:40px;width:100%;gap:10px}.no-courses-container .icons{display:flex;gap:30px}.no-courses-container .icons .left{rotate:145deg}.no-courses-container .icons .right{rotate:45deg}.no-courses-container .icons svg{font-size:3rem}.no-courses-container h3{font-weight:700}.no-courses-container p{font-weight:400}.select-ctn{display:flex;flex-direction:column;width:100%;gap:5px}.select-ctn .select{width:100%;position:relative;border-radius:4px}.select-ctn .select svg{position:absolute;right:2px;top:50%;transform:translateY(-50%);color:#fff;pointer-events:none}.select-ctn label{font-weight:500}.select-ctn .error{color:red!important;font-weight:500;position:absolute;font-size:.7rem;bottom:-16px;white-space:nowrap;left:50%;transform:translateX(-50%)}.select-ctn.light .select{border:1px solid #fff}.select-ctn.light label{color:#fff}.select-ctn.dark .select{border:1px solid #252525!important}.select-ctn.dark label{color:#252525!important}.no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:30px}.no-data-container .blue-button{width:250px}.input-select-ctn{display:flex;width:100%}.input-select-ctn .input{width:100%;position:relative}.input-select-ctn .input input{width:100%;border:3px solid transparent}.input-select-ctn .input input:focus{border:3px solid #62c0ff;outline:none}.input-select-ctn .input svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#fff;pointer-events:none}.input-file-ctn{gap:5px}.input-file-ctn,.input-file-ctn .img-ctn{display:flex;flex-direction:column;width:100%}.input-file-ctn .img-ctn{height:200px;max-height:400px;background-color:#333;border-radius:6px;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;cursor:pointer}.input-file-ctn .img-ctn p,.input-file-ctn .img-ctn svg{color:#fff}.input-file-ctn .img-ctn svg{font-size:4rem}.input-file-ctn .img-ctn p{opacity:.67;font-size:1rem;font-weight:600;text-align:center}.input-file-ctn .img-ctn img{width:100%;height:100%;object-fit:cover;border-radius:6px}.input-file-ctn .img-ctn:hover{opacity:.67}.input-file-ctn .img-ctn input{display:none}.input-file-ctn label{color:#fff;font-weight:500}.input-file-ctn .error{color:red!important;font-weight:500;position:absolute;font-size:.8rem;bottom:-20px;white-space:nowrap;left:50%;transform:translateX(-50%)}.input-file-ctn.dark label{color:#252525}.input-file-ctn.dark input{background-color:#252525}