.cat__month {
    position: absolute;
    top: 30px;
    left: 30px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
}

.cat__month li {
   font-weight: 600;
    color: #293A5F !important;
    background: white;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 150px;
    line-height: 1.1em;
    font-size: 12px;
}

.docma-school-logo {
    width: 30px !important;
    border: 2px solid #02B5BC;
    padding: 3px;
    border-radius: 50%;
}

.cat__month li:hover {
    cursor: pointer;
}

.cat__month li:nth-child(even) {
    background: #FE3F7A;
}

.doc-adv-icon {
    position: absolute;
    right: 50px;
}

.hidden-li {
    opacity: 0; /* Скрываем элемент с помощью прозрачности */
    visibility: hidden; /* Скрываем элемент для предотвращения взаимодействия */
    transition: opacity 0.6s ease, visibility 0.6s ease; /* Плавная анимация */
}

.visible-li {
    opacity: 1; /* Делаем элемент видимым */
    visibility: visible; /* Делаем элемент доступным для взаимодействия */
}



@keyframes pulse {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}

.doc-adv-icon {
    max-width: 50px;
}


@media (max-width: 1200px) {
    .cat__month {
    top: 25px;
    left: 25px;
    }
    
    .cat__month li {
        font-size: 10px;
        padding: 5px;
        max-width: 120px;
    }
    
    
    .docma-school-logo {
    width: 25px !important;
    
    }
    
    
    .doc-adv-icon {
    right: 40px;
}
    
    
}


@media (max-width: 767px) {
    
    .cat__month {
    top: 15px;
    left: 15px;
    }
    
     .doc-adv-icon {
    right: 20px;
}
    
    
}   



                .quickly-answ img {
                                              max-width: 30px;
                                              width: 30px !important;
                                            border: 2px solid #02B5BC;
                                            padding: 3px;
                                            border-radius: 50%;
                                          }
                                          
                                          .quickly-answ {
                                                display: flex;
                                                align-items: center;
                                                gap: 10px;
                                                background: white !important;
                                                box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
                                                border-radius: 10px;
                                                padding: 5px 10px;
                                                display: flex;
                                                align-items: center;
                                                gap: 10px;
                                                max-width: 150px;
                                                width: 120px;
                                                ont-size: 12px;
                                                line-height: 1.1em;
                                                font-weight: 600;
                                                color: #293A5F !important;
                                          }
                                          
                                          @media (max-width: 1200px) {
                                              
                                              .quickly-answ img {
                                                  width: 25px !important;
                                              }
                                              
                                              .quickly-answ {
                                                  width: 100px;
                                              }
                                              
                                          }
