.point_1_sl8{
    right: 550px;
    top: 294px;
    position: absolute;
}
.point_2_sl8{
    position: absolute;
    right: 235px;
    top: 249px;
}
.point_3_sl8{
    position: absolute;
    right: 408px;
    top: 160px;
}

.point_4_sl8{
    position: absolute;
    right: 518px;
    top: 50px;
}


.points_1_sl8_ico,.points_2_sl8_ico,.points_3_sl8_ico,.points_4_sl8_ico{
    height: 45px;
    width: 45px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../img/list_5/side_1/point.svg);
    z-index: 4;
    cursor: pointer;
    list-style: none;
    transition: 0.3s;
    position: absolute;
    top: 0;
    left: 0;
}



.points_text_group_1_base_sl8{
    border-radius: 18px;
    width: 100%;
    height: 100%;
    background-color: #333333;
    padding: 20px;
    display: flex;
    position: relative;
}

.points_text_group_1_sl8 {
    position: absolute;
    border-radius: 18px;
    left: 27px;
    top: -80px;
    z-index: -1;
    opacity: 0;
    transition: 0.3s;
    list-style-type: none;
    visibility: hidden;
    width: 0px;
    height: 220px;
    overflow: hidden;
    box-shadow: #00000042 0px 22px 15px -12px;
}

.point_1_area_sl8 {
    min-width: 310px;
    width: 310px;
    height: 220px;
}

.points_text_group_1_sl8_open{
    width: 310px;
    height: 220px;
    transition: 0.3s;
    box-shadow: #00000042 0px 22px 15px -12px;
}











.points_text_group_2_base_sl8{
    border-radius: 18px;
    width: 100%;
    height: 100%;
    background-color: #333333;
    padding: 20px;
    display: flex;
    position: relative;
}

.points_text_group_2_sl8 {
    position: absolute;
    border-radius: 18px;
    right: 25px;
    top: -72px;
    z-index: -1;
    opacity: 0;
    transition: 0.3s;
    list-style-type: none;
    visibility: hidden;
    width: 0px;
    height: 175px;
    overflow: hidden;
    box-shadow: #00000042 0px 22px 15px -12px;
}

.point_2_area_sl8 {
    min-width: 290px;
    width: 290px;
    height: 175px;
}

.points_text_group_2_sl8_open{
    width: 290px;
    height: 175px;
    transition: 0.3s;
    box-shadow: #00000042 0px 22px 15px -12px;
}



/*.points_text_group_2_shadow_sl8 {
    width: 93%;
    height: 90%;
    background-color: #0000007d;
    position: absolute;
    border-radius: 15px;
    filter: blur(10px);
    z-index: -1;
    left: 12px;
    top: 23px;
}*/

















.points_text_group_3_base_sl8{
    border-radius: 18px;
    width: 100%;
    height: 100%;
    background-color: #333333;
    padding: 20px;
    display: flex;
    position: relative;
}

.points_text_group_3_sl8 {
    position: absolute;
    border-radius: 18px;
    right: 25px;
    top: -72px;
    z-index: -1;
    opacity: 0;
    transition: 0.3s;
    list-style-type: none;
    visibility: hidden;
    width: 0px;
    height: 200px;
    overflow: hidden;
    box-shadow: #00000042 0px 22px 15px -12px;
}

.point_3_area_sl8 {
    min-width: 360px;
    width: 360px;
    height: 200px;
}

.points_text_group_3_sl8_open{
    width: 360px;
    height: 200px;
    transition: 0.3s;
    box-shadow: #00000042 0px 22px 15px -12px;
}

h4.points_text_name.name_text_3_sl8 {
    font-size: 22px;
    line-height: 27px;
}

/*.points_text_group_3_shadow_sl8 {
    width: 93%;
    height: 90%;
    background-color: #0000007d;
    position: absolute;
    border-radius: 15px;
    filter: blur(10px);
    z-index: -1;
    left: 12px;
    top: 23px;
}*/





.points_text_group_4_base_sl8{
    border-radius: 18px;
    width: 100%;
    height: 100%;
    background-color: #333333;
    padding: 20px;
    display: flex;
    position: relative;
}

.points_text_group_4_sl8 {
    position: absolute;
    border-radius: 18px;
    right: 25px;
    top: -72px;
    z-index: -1;
    opacity: 0;
    transition: 0.3s;
    list-style-type: none;
    visibility: hidden;
    width: 0px;
    height: 200px;
    overflow: hidden;
    box-shadow: #00000042 0px 22px 15px -12px;
}

.point_4_area_sl8 {
    min-width: 360px;
    width: 360px;
    height: 200px;
}

.points_text_group_4_sl8_open{
    width: 360px;
    height: 200px;
    transition: 0.3s;
    box-shadow: #00000042 0px 22px 15px -12px;
}



/*.points_text_group_3_shadow_sl8 {
    width: 93%;
    height: 90%;
    background-color: #0000007d;
    position: absolute;
    border-radius: 15px;
    filter: blur(10px);
    z-index: -1;
    left: 12px;
    top: 23px;
}*/