/* Стиль для фона (shape1) по умолчанию */
.t396__elem.tn-elem.shape1 {
    background-color: #C8C8C8; /* Цвет по умолчанию */
    border-radius: 45px; /* Закруглённые углы */
    transition: background-color 0.3s ease; /* Плавный переход */
}

/* Изменение фона shape1 при наведении на группу */
.t396__group.tn-group.group1:hover .t396__elem.tn-elem.shape1 {
    background-color: #C2F677; /* Новый цвет фона */
}

/* Курсор меняется при наведении на текстовые элементы */
.t396__group.tn-group.group1 .t396__elem.tn-elem.text1:hover,
.t396__group.tn-group.group1 .t396__elem.tn-elem.maintext1:hover {
    cursor: pointer; /* Указатель */
}

/* Стиль для фона (shape1) по умолчанию */
.t396__elem.tn-elem.shape2 {
    background-color: #C8C8C8; /* Цвет по умолчанию */
    border-radius: 45px; /* Закруглённые углы */
    transition: background-color 0.3s ease; /* Плавный переход */
}

/* Изменение фона shape1 при наведении на группу */
.t396__group.tn-group.group2:hover .t396__elem.tn-elem.shape2 {
    background-color: #C2F677; /* Новый цвет фона */
}

/* Курсор меняется при наведении на текстовые элементы */
.t396__group.tn-group.group2 .t396__elem.tn-elem.text2:hover,
.t396__group.tn-group.group2 .t396__elem.tn-elem.maintext2:hover {
    cursor: pointer; /* Указатель */
}

/* Стиль для фона (shape1) по умолчанию */
.t396__elem.tn-elem.shape3 {
    background-color: #C8C8C8; /* Цвет по умолчанию */
    border-radius: 45px; /* Закруглённые углы */
    transition: background-color 0.3s ease; /* Плавный переход */
}

/* Изменение фона shape1 при наведении на группу */
.t396__group.tn-group.group3:hover .t396__elem.tn-elem.shape3 {
    background-color: #C2F677; /* Новый цвет фона */
}

/* Изменение фона shape1 при наведении на slide1 */
.t396__group.tn-group.group3 .t396__elem.tn-elem.slide3:hover ~ .t396__elem.tn-elem.shape3 {
    background-color: #C2F677; /* Новый цвет фона */
}

/* Курсор меняется при наведении на текстовые элементы */
.t396__group.tn-group.group3 .t396__elem.tn-elem.text3:hover,
.t396__group.tn-group.group3 .t396__elem.tn-elem.maintext3:hover,
.t396__group.tn-group.group3 .t396__elem.tn-elem.slide3:hover {
    cursor: pointer; /* Указатель */
}


/* Стиль для фона (shape1) по умолчанию */
.t396__elem.tn-elem.shape4 {
    background-color: #C8C8C8; /* Цвет по умолчанию */
    border-radius: 45px; /* Закруглённые углы */
    transition: background-color 0.3s ease; /* Плавный переход */
}

/* Изменение фона shape1 при наведении на группу */
.t396__group.tn-group.group4:hover .t396__elem.tn-elem.shape4 {
    background-color: #C2F677; /* Новый цвет фона */
}

/* Изменение фона shape1 при наведении на slide1 */
.t396__group.tn-group.group4 .t396__elem.tn-elem.slide4:hover ~ .t396__elem.tn-elem.shape4 {
    background-color: #C2F677; /* Новый цвет фона */
}

/* Курсор меняется при наведении на текстовые элементы */
.t396__group.tn-group.group4 .t396__elem.tn-elem.text4:hover,
.t396__group.tn-group.group4 .t396__elem.tn-elem.maintext4:hover,
.t396__group.tn-group.group4 .t396__elem.tn-elem.slide4:hover {
    cursor: pointer; /* Указатель */
    
}


/* Основной стиль для shape5 */
.t396__elem.tn-elem.shape5 {
    background-color: #C8C8C8; /* Цвет по умолчанию */
    border-radius: 45px; /* Закруглённые углы */
    transition: background-color 0.3s ease; /* Плавный переход */
}

/* Меняем фон для shape5 при наведении на всю группу group5 */
.t396__group.tn-group.group5:hover .t396__elem.tn-elem.shape5 {
    background-color: #C2F677; /* Новый цвет фона */
}

/* Меняем фон для shape5 при наведении на text5 */
.t396__group.tn-group.group5 .t396__elem.tn-elem.text5:hover ~ .t396__elem.tn-elem.shape5 {
    background-color: #C2F677; /* Новый цвет фона */
}

/* Меняем фон для shape5 при наведении на maintext5 */
.t396__group.tn-group.group5 .t396__elem.tn-elem.maintext5:hover ~ .t396__elem.tn-elem.shape5 {
    background-color: #C2F677; /* Новый цвет фона */
}

/* Курсор при наведении на текстовые элементы */
.t396__group.tn-group.group5 .t396__elem.tn-elem.text5:hover,
.t396__group.tn-group.group5 .t396__elem.tn-elem.maintext5:hover {
    cursor: pointer;
}
    

/* Основной стиль для shape5 */
.t396__elem.tn-elem.shape6 {
    background-color: #C8C8C8; /* Цвет по умолчанию */
    border-radius: 45px; /* Закруглённые углы */
    transition: background-color 0.3s ease; /* Плавный переход */
}

/* Меняем фон для shape5 при наведении на всю группу group5 */
.t396__group.tn-group.group6:hover .t396__elem.tn-elem.shape6 {
    background-color: #C2F677; /* Новый цвет фона */
}

/* Меняем фон для shape5 при наведении на text5 */
.t396__group.tn-group.group6 .t396__elem.tn-elem.text6:hover ~ .t396__elem.tn-elem.shape6 {
    background-color: #C2F677; /* Новый цвет фона */
}

/* Меняем фон для shape5 при наведении на maintext5 */
.t396__group.tn-group.group6 .t396__elem.tn-elem.maintext6:hover ~ .t396__elem.tn-elem.shape6 {
    background-color: #C2F677; /* Новый цвет фона */
}

/* Курсор при наведении на текстовые элементы */
.t396__group.tn-group.group6 .t396__elem.tn-elem.text6:hover,
.t396__group.tn-group.group6 .t396__elem.tn-elem.maintext6:hover {
    cursor: pointer;
}