/*As React have no hash for dynamic element of slick so merge hy.css*/

.screen_popup2 .slick-dots, .help_popup .slick-dots, .help_page .slick-dots {
    padding-top: 34px;
    font-size: 0;
}

.screen_popup2 .slick-dots {
    padding-top: 30px;
}

.screen_popup2 .slick-dots li, .help_popup .slick-dots li, .help_page .slick-dots li {
    display: inline-block;
    vertical-align: middle;
}

.screen_popup2 .slick-dots button, .help_popup .slick-dots button, .help_page .slick-dots button {
    min-width: 7px;
    height: 7px;
    padding: 0;
    background-color: #d8d8d8;
    border-radius: 50%;
    font-size: 0;
}

.screen_popup2 .slick-dots .slick-active button {
    background-color: #5d5d5d;
}

.screen_popup2 .slick-dots li + li {
    margin-left: 9px;
}

.add_screen .slick-slide{
    visibility: hidden;
}

.add_screen .slick-current {
    visibility: visible;
}

.pop-slider-screen .slick-slide {
    line-height: unset;
}