#intro-2 {
    height: 100vh;
}

#intro-2 #carousel {
    height: 100vh;
}

#intro-2   #caruselMainInner .container {
     /* margin-bottom: 100px; */
}


#intro-2 .carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: transparent;
    background-clip: content-box;
    padding: 0.5rem;
}
#intro-2 .carousel-indicators .active {
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    background-clip: content-box;
    padding: 0.5rem;
}

@media screen and (max-width: 767px) {
    
    #intro-2 {
        height: calc(100vh +65px);
    }

    #intro-2 #carouselIntro .carousel-item  img{
        height: calc(100vh +65px ) !important;
    }

    #intro-2   #caruselMainInner .container {
            margin-bottom: 0px;
            margin-top: 10px;
    }

    #intro-2   #caruselMainInner {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        height: calc(100vh +65px ) !important;
            top: 55% !important;
        }
        
        #intro-2  #caruselMainInner h1 .display-6 {
            font-size: 1.5rem !important;
        }   
    
}
/* Маленькие экраны — до lg (до 992px) */
@media (max-width: 991.98px) {
    #intro-2 .carousel-caption {
        top: 5em !important;
    }
}

/* Экраны lg и выше (от 992px) */
@media (min-width: 992px) {
    #intro-2 .carousel-caption {
        top: 40% !important;
    }
}