.yt-video-line-container {
    position: relative;
    overflow-x: scroll;
    max-width: 750px;
    border-radius: 10px !important;
}
.yt-video-line-container #draggable{
    height: 37px;
    width: 4px;
}
.yt-video-line-container .timeline-cover{
    padding:0px 25px 23px 25px;
    background: linear-gradient(184deg, #263143 0%, #3674dc 100%);
    border: 6px solid #3674dc;
    color: #fff;
    border-radius: 15px;
}
.footer-btn-fixed{
	position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    max-width: 500px;
    background: var(--bg-color);
    margin-left: auto;
    margin-right: auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: -1px 20px 20px 15px var(--shadow-color1);
    z-index: 13;
    background: #fff;
}
#canvasBar{
	position: fixed !important;
}
.form-title-blue {
    color: rgb(18 102 241);
    font-weight: 500;
    font-size: 16px;
    border-bottom: 1px solid;
    padding: 0px 0px 10px 0px;
    width: 100%;
    margin: 0px 0px 10px 0px;
}
.form-outline .trailing {
    color: #527FEE;
}
.form-outline .form-control.form-control-lg{
    font-weight: 500;
    border: 1px solid #527FEE;
    box-shadow:9px 7px 28px rgb(18 102 241 / 10%);
}
#video-title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#video-description{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.btn-container {
    margin-top: 10px;
    display: flex;
    gap: 40px;
    margin-bottom: 10px;
}
.card-body{
    padding: 5px;
}
.slider.slider-horizontal{
    width: 95%;
    margin: 6px;
}
.slider-selection.tick-slider-selection,.slider-tick.in-selection{
    background-color: rgb(18 102 241);
    background-image: linear-gradient(to bottom, rgb(18 102 241), rgb(18 102 241));
    background-image: -moz-linear-gradient(top, rgb(18 102 241), rgb(18 102 241));
}
.lcs_switch.lcs_on {
    background : #4b8ef1;
}
.lifafa_type_section{
    box-shadow: 9px 7px 28px rgb(18 102 241 / 10%);
    border-radius: 40px;
    padding: 15px 1px 18px 11px;
    border: 1px solid rgb(18 102 241);
}
.lifafa_type_section .swtich-section{
    margin-top: 15px;
}
.service-item.active{
    background-image: url(../images/service-bg.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
}
.service-item.active h4, .service-item.active p, .service-item.active .text-button a {
    color: #fff;
}
.service-item.active .service-icon i {
    color: #fff;
}
.service-item {
    padding: 15px;
}
.service-icon i {
    font-size: 42px;
    margin-bottom: 10px;
}
.service-item h4 {
    margin-bottom: 5px;
}
.service-item p {
    margin-bottom: 0px;
}
.lifafa-created-success {
    border-radius: 30px;
}
.lifafa-created-success h4 {
    margin-bottom: 15px;
}
.lifafa-created-success .btn{
    color: #4b8ef1;
    background-color: #fff;
    font-size: 15px;
}
.lifafa-created-success .form-label {
    margin-bottom: 0.5rem;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
}
.lifafa-success-container {
    border-radius: 30px;
}
.tg-cheannel-single-item{
    box-shadow: 9px 7px 28px rgb(18 102 241 / 10%);
    padding: 20px 15px 0px 11px;
    border: 1px solid rgb(18 102 241);
}
.list-group .list-group-item.active{
    outline: 5px solid #EEB542;
}