.slider-about {
            position: relative;
            width: 100%;
      
            overflow: hidden;
            border-radius: 24px;
        }

        .slider__track {
            display: flex;
            /* Transition is handled via JS to allow for "instant" jumps */
            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .slider__slide {
            flex: 0 0 100%;
            height: 550px;
            background-size: cover;
            background-position: center;
            position: relative;
            display: flex;
            align-items: flex-end;
            padding: 60px;
            color: white;
        }

        .slider__slide::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(15, 20, 26, 0.95) 0%, rgba(15, 20, 26, 0.4) 50%, transparent 100%);
            z-index: 1;
        }

        .slider__content { position: relative; z-index: 2; }
        .slider__badge { display: inline-block; border: 1px solid rgba(255,255,255,0.3); padding: 6px 18px; border-radius: 30px; font-size: 11px; text-transform: uppercase; margin-bottom: 20px; }
        .slider__title { font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 800; margin-bottom: 15px; }

        .slider__nav {
            position: absolute;
            bottom: 60px;
            right: 60px;
            display: flex;
            gap: 15px;
            z-index: 10;
        }

        .slider__btn {
            width: 55px; height: 55px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.2);
            background: rgba(255,255,255,0.05); color: white; cursor: pointer; display: flex;
            justify-content: center; align-items: center; transition: 0.3s;
        }

        .slider__btn--active { background: #fff; color: #000; }

        @media (max-width: 768px) {
            .slider__slide { padding: 30px; height: 450px; }
            .slider__nav { bottom: 0px; right: 0px; }

            .slider__btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgb(13 0 0);
    background: rgb(254 254 254 / 5%);
    color: #000;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}

     .slider__nav {
            position: relative;
            justify-content: center;
    margin-top: 10px;
            display: flex;
            gap: 15px;
            z-index: 10;
        }
        }