:root {
    --main-dark-color: #F3F8FF; /* Default dark color for page color ex. color: var(--light-color)*/
    --light-dark-color: #ffffff; /* Default light dark for menu color ex. color: var(--light-dark-color)*/
    --secondary-dark-color: #E3F4F4;
    --opposite-dark-color: #363062;
    --dark-text-color: #4c4b4b;
    --dark-menu-background: #a7ffff;
    --bg-1: #E3F4F4;
    --bg-2: #a7ffff;
    --btn-bg-g-1:linear-gradient(to right, #fbc2eb 0%, #a6c1ee 51%, #fbc2eb 100%); /* Button Background Gradient Color, 'background-image' */
    --btn-bg-g-2:linear-gradient(to right, #84fab0 0%, #8fd3f4 51%, #84fab0 100%);
    --border-1: #363062;
    --text-color-1: #4c4b4b;
}

h1, h2, h3, h4, h5, h6, p, ul{
    margin: 0;
    padding: 0;
}

a{
    text-decoration: none;
    color: var(--dark-text-color) ;
}

a:hover{
    text-decoration: none;
}

i{
    color: var(--dark-text-color);
    line-height: unset !important;
}

body{
    background-color: var(--main-dark-color);
}

.row{
    margin-left: unset !important;
    margin-right: unset !important;
}

.btn-primary{
    background-color: var(--secondary-dark-color);
}

.card{
    background-color: var(--secondary-dark-color);
}

.text-align-justify{
    text-align: justify;
}

/* Interface Content Section CSS */

.interface_content_section .content {
    /* height: 200px; */
    border-radius: 10px 10px 0 0;
}

.interface_content_section .content video {
    object-fit: cover;
    border-radius: 5px 5px 0 0;
    transition: .4s;
    height: 10vw;
}

.interface_content_section .content_details .details_top {
    display: flex;
    gap: 10px;
    align-items: center;
}

.interface_content_section .content_details .logo {
    height: 35px;
    width: 35px;
    border-radius: 50%;
}

.interface_content_section .content_details .logo img {
    max-height: 30px;
    max-width: 30px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    object-fit: cover;
}

.interface_content_section .content_details .dropdown span i {
    color: var(--dark-text-color);
    padding: 5px;
    visibility: none;
    opacity: 0;
    transition: .4s;
}

.interface_content_section .content_details .dropdown span.dropdown-toggle::after {
	display: none;
}

.interface_content_section .content_details .dropdown .dropdown-menu{
	background-color:var(--light-dark-color);
}

.interface_content_section .content_details .dropdown .dropdown-menu .dropdown-item {
	color: var(--dark-text-color);
}

.interface_content_section .content_details .dropdown .dropdown-menu .dropdown-item:hover {
	background-color:var(--main-dark-color);
}

.interface_content_section .content_details .title h4 {
    color: var(--dark-text-color);
    font-size: .9rem;
    font-weight: 600;
}

.interface_content_section .content_details .channel_name{
    display: flex;
    align-items: center;
    gap:5px;
    padding: 5px 0;
}

.interface_content_section .content_details .channel_name p{
    margin: 0 !important;
}

.interface_content_section .content_details .channel_name p,
.interface_content_section .content_details .details_bottom {
    color: var(--dark-text-color);
    margin-top: 5px;
    font-size: 14px;
    font-weight: 600;
}

.interface_content_section .content_details .channel_name p:hover {
    color: var(--opposite-dark-color);
}

.interface_content_section .content_details .channel_name img {
    object-fit: cover;
}

.interface_content_section .content_details .details_bottom i {
    color: var(--dark-text-color) !important;
    padding: 0 5px;
    font-size: 4px;
}

/* Interface Content Section CSS */