#footer-1 .col-12.col-md-4.pe-0 {
        transition: padding-left 0.75s ease; /* Плавный переход для отступа */
        padding-left: 5rem !important; /* Отступ слева при наведении */
    }
    #footer-1 .col-12.col-md-4.pe-0 a:not(.navbar-brand) {
        position: relative;
        color: white;
        opacity: 0.5;
        text-decoration: none;
        transition: color 0.3s ease, opacity 0.3s ease;
    }
    
    #footer-1 .col-12.col-md-4.pe-0 a:not(.navbar-brand)::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px; /* Расстояние от текста до линии */
        width: 0;
        height: 2px; /* Толщина линии */
        background-color: white;
        transition: width 0.3s ease;
    }
    
    #footer-1 .col-12.col-md-4.pe-0 a:not(.navbar-brand):hover,
    #footer-1 .col-12.col-md-4.pe-0 a:not(.navbar-brand):focus {
        opacity: 1;
        color: white;
    }
    
    #footer-1 .col-12.col-md-4.pe-0 a:not(.navbar-brand):hover::after,
    #footer-1 .col-12.col-md-4.pe-0 a:not(.navbar-brand):focus::after {
        width: 100%; /* Линия расширяется на полную ширину ссылки */
    }

    #footer-1 .nav-link {
        color: white;
        opacity: 0.5;
        transition: letter-spacing .5s ease-out;
    }
    #footer-1 .nav-link.active, #footer-1 .nav-link:hover, #footer-1 .nav-link:focus {
        color: white;
        opacity: 1;
    }
    #footer-1 .nav-link:hover, #footer-1 .nav-link:focus {
        letter-spacing: .05em;
    }
    
    #footer-1 .col-12.col-md-4.pe-0:hover {
        padding-left: 0 !important; /* Отступ слева при наведении */
    }
    #footer-1 .tab-content .tab-pane a {
        text-decoration: none;
        color: white;
        
    }
    @media (max-width: 767.98px) {
        #footer-1 .tab-content .tab-pane a.h4 {
            font-size: 1rem;
        }
        #footer-1 .col-12.col-md-4.pe-0 {
            padding-left: 0 !important; /* Отступ слева при наведении */
        }
    }

    #footer-1 .tab-content .tab-pane a.h4 i::before {
        border-radius: 50% !important;
        border: 2px var(--bs-border-style) var(--bs-primary) !important;
        padding: 0.5rem;
        margin-left: 1em;
        transition: background-color .5s ease; /* Плавный переход для смены содержимого */
    }
    
    #footer-1 .tab-content .tab-pane a.h4:hover i::before {
        content: "\f138"; /* Новое содержимое при наведении */
        background-color: var(--bs-secondary);
        backdrop-filter: blur(1px);
        -webkit-backdrop-filter: blur(1px);
    }
    #footer-1 .tab-content .tab-pane .list-unstyled li {
        padding-bottom: 0.5rem !important;
    }
    #footer-1 .tab-content .tab-pane .list-unstyled li a {
        transition: opacity .5s ease; /* Плавный переход непрозрачности */
    }
    
    #footer-1 .tab-content .tab-pane .list-unstyled li a.dimmed {
        opacity: 0.5;
    }