@media (min-width:1200px) {
    .banner-absolute {
        width: auto;
    }
}

@media only screen and (max-width: 1199px) {
    .banner-absolute {
        position: static !important;
        margin: 0px auto !important;
    }
}

@media (min-width:991px) {
    .navbar-nav.container {
        max-width: 100% !important;
        justify-content: end;
    }

    .nav-item.dropdown:hover .dropdown-menu {
        display: block !important;
    }

}

@media (max-width:991px) {
    .dropdown-menu .text-primary {
        color: #fff !important;
    }

    .navbar-nav.container {
        align-items: start !important;
    }

    header .navbar-collapse {
        position: absolute;
        z-index: 999;
        background: var(--bs-primary);
        width: 100%;
        left: 0px;
        top: 100%;
        padding-bottom: 10px;
    }

    .navbar-nav .nav-link {
        color: #fff !important;
    }

    .banner-title {
        font-size: 2.5rem;
    }

    .banner-box {
        padding: 1rem;
    }

    /* .blur-background {
        background-color: var(--bs-primary) !important;
    } */

    .cooming-sec::before {
        width: 100%;
        background-color: rgb(0 0 0 / 40%) !important;
    }

    .cooming-sec {
        background-position: left;
    }

    .cooming-title {
        font-size: 2.5rem;
    }

    .banner-text {
        bottom: auto !important;
        top: 50% !important;
        transform: translateY(-50%);
    }

    .banner-box {
        background: none !important;
        clip-path: none !important;
    }

    .slider .carousel-caption {
        background: linear-gradient(94deg, #00000070 70%, #ffffff00 100%) !important;
    }

    .navbar-nav .dropdown-menu {
        background: none;
        border: 0;
        background: none;
        margin: 0px;
        margin-left: 10px !important;
        padding: 0px;
    }

    .dropdown-item,
    .dropdown-menu li {
        color: #fff !important;
    }

    .service-ul li {
        width: 100%;
    }

    .org-process {
        .process {
            flex-wrap: wrap;
        }

        .process-item {
            flex: auto !important;
            width: calc(50% - 1rem);
        }

        .process-item:nth-child(2)::before {
            border-radius: 0px 10px 10px 0px;
            border-right: 2px solid var(--bs-primary);
            width: 100% !important;
        }
    }
}


@media only screen and (min-width: 767px) {
    .Community-lg {
        width: max-content;
        margin: 0px auto;
    }

    .follow-lg {
        width: max-content;
        margin-left: auto;
    }
}

@media (max-width:767px) {

    section.pt-5,
    section.py-5 {
        padding-top: 2rem !important;
    }



    .banner .slider-item img,
    .slider video {
        aspect-ratio: 7 / 4;
        object-fit: cover;
    }

    .filter-form {
        border-radius: 10px;
        background: #efefef;
        padding: 1rem;
        border-radius: 10px;
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        gap: 1rem;
    }

    .inner-bg img:nth-of-type(1) {
        filter: brightness(0) saturate(100%) invert(78%) sepia(29%) saturate(4487%) hue-rotate(347deg) brightness(101%) contrast(96%);
    }


}

@media (max-width:575px) {
    .banner .slider-item h2 {
        font-size: 20px !important
    }

    .banner .slider-item p {
        font-size: 14px !important;
    }

    .slider video,
    .slider img {
        aspect-ratio: 7/5 !important;
    }

    .banner-box {
        background: none;
    }

    .slider .carousel-caption {
        background: #00000090 !important;
    }

    .banner-title {
        font-size: 1.8rem;
    }

}
@media (max-width:475px) {
    .org-process {
      
        .process-item {
            width: 100%;
        }

        .process-item::before {
            border-radius: 0px 10px 10px 0px !important;
            border-right: 2px solid var(--bs-primary);
            width: 100% !important;
        }
    }
}