
[data-bs-theme="dark"] .webinarnew{
    background: none ;
}


.webinarnew img{max-height: 341px;}

.webinarnew .carousel-indicators{bottom: -1rem;}

.webinarnew .carousel-indicators button{background-color: var(--bs-tertiary-bg);}

.webinarnew .webinarssvgnew .expert{fill: #ffffff;font-family: 'Lora';font-weight: 500; font-size: 24px;}
.webinarnew .webinarssvgnew .expertfio{font-size: 17px;}

.webinarnew .webinarssvgnew .text{font-family: 'Lora'; font-size: 12px;}


.webinarnew .webinarssvgnew polygon, .webinarnew .webinarssvgnew image{filter: grayscale(100%);transition: filter 0.3s ease;}
.webinarnew .webinarssvgnew:hover polygon, .webinarnew .webinarssvgnew:hover image, .webinarnew .webinarssvgnew .fonexpert polygon{filter: grayscale(0%); /* Убираем серый эффект при наведении */}

/*кнопка копирования*/

.webinarnew .data-link{
    font-family: 'Lora';
background: rgb(248, 248, 248);
    background: linear-gradient(90deg, rgba(204, 204, 204, 1) 0%, rgba(255, 255, 255, 0.5) 8%,  rgba(255, 255, 255, 0.5) 92%, rgba(204, 204, 204, 1) 100%);
    border: 1px solid #cccccc3b;
    border-left: none;
    display: flex;
    align-items: center;
    column-gap: 10px;
    cursor: pointer;
    padding: 4px 15px;
    margin-bottom: 2rem;
}



#webinarModalNew .data-link, #webinarModalNew .podrobnee{width: 12rem;
    display: flex;
    align-items: center;
    column-gap: 10px;
    font-size: .8rem;
    background: #e1e1e1;
    padding: 0px 10px;
    cursor: pointer;
    border-radius: 4px;
}
[data-bs-theme="dark"] .data-link, [data-bs-theme="dark"] .podrobnee{
    background: none !important;
}

#webinarModalNew .data-link i, #webinarModalNew .podrobnee i{font-size: 1.5rem;}

#webinarModalNew .data-link:hover, #webinarModalNew .podrobnee:hover,
#webinarModalNew #copylink, #webinarModalNew #podrobneelink,
.webinarnew .data-link:hover
{color:var(--bs-primary-text-emphasis) !important;}

#webinarModalNew .podrobnee{width: 11rem;}

#webinarModalNew .textpodrobno{padding-top: 1.5rem;}


@media (max-width: 575px) {
.webinarnew .wrem-5 {
    width: 4rem;
}
.webinarnew .fontsize-30 {
    font-size: 2rem;
}
}
    
}



