:root {
    /* Colors: */
    --primary-color: #093058;
    --secondary-color: #F46200;
}

@media all and (min-width: 992px) {
    .navbar .navbar-nav>li .dropdown-menu {
        display: none;
    }

    .navbar .navbar-nav>li:hover .dropdown-menu {
        display: block;
    }

    .navbar-nav {
        align-items: center;
    }
}


@media screen and (max-width:1450px) {
    .carousel-caption h1 {
        font-size: 50px;
    }

    .navbar-nav>li>a {
        padding: 0px 6px;
        font-size: 15px;
    }

    .why-choose-us .why-choose-us-list .why-choose-us-list-items strong {
        font-size: 1.3rem;
    }
    .why-choose-us .why-choose-us-list .why-choose-us-list-items p {
        font-size: 14px;
    }

    .section-title {
        font-size: 2rem;
    }

    .home-about-raiting p {
        font-size: 16px;
        line-height: 24px;
    }

    .pehchan-card {
        grid-template-columns: repeat(4, 1fr);
        gap: 15px;
    }
}

@media screen and (max-width:1180px) {
    .carousel-caption h1 {
        font-size: 40px;
    }

    #HomeSlider {
        border-radius: 20px;
    }

    .home-our-services .home-our-services-cards {
        grid-template-columns: repeat(3, 1fr);
        margin-top: 30px;
    }

    .home-our-services .home-our-services-cards .home-our-services-cards-item:first-child .home-our-services-cards-item-img,
    .home-our-services .home-our-services-cards .home-our-services-cards-item:first-child .home-our-services-cards-item-img img,
    .home-our-services .home-our-services-cards .home-our-services-cards-item:last-child .home-our-services-cards-item-img,
    .home-our-services .home-our-services-cards .home-our-services-cards-item:last-child .home-our-services-cards-item-img img {
        min-height: auto;
    }

    .annual-report-card .annual-report-card-list {
        grid-template-columns: repeat(3, 1fr);
    }

    .annual-report-card {
        padding: 20px;
        gap: 30px;
    }

    .pehchan-card {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width:1024px) {
    .company-profile-how-we-do-card {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .our-services-items {
        gap: 25px;
    }

    .annual-report-card {
        flex-direction: column;
    }
}

@media screen and (max-width:992px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
    }

    .navbar-collapse {
        position: fixed;
        top: 0px;
        right: 0;
        padding: 15px;
        width: 35%;
        height: 100%;
        overflow: auto;
        z-index: 9999999;
        padding: 0px;
        box-shadow: 4px 0px 10px #a9a9a9;
    }

    .navbar-collapse.collapsing {
        right: -75%;
        transition: height 0s ease;
    }

    .navbar-collapse.show {
        right: 0;
        transition: right 300ms ease-in-out;
    }

    .navbar-collapse {
        background: var(--primary-color);
    }
    .navbar-nav>li>a.active {
        color: var(--secondary-color);
    }
    .navbar-toggler.collapsed~.navbar-collapse {
        transition: right 500ms ease-in-out;
    }

    .navbar-nav .btn.btn-border {
        background: #fff;
        color: #000;
        margin-top: 25px;
    }

    .navbar-toggler {
        padding: 0px;
        border: none;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-toggler-icon {
        width: auto;
        height: auto;
        background-image: none !important;
    }

    .navbar-toggler-icon i {
        font-size: 30px;
        color: #000;
    }

    .navbar-nav>li>a {
        display: flex;
        padding: 15px 15px;
        font-size: 18px;
        align-items: center;
        justify-content: space-between;
        border-bottom: solid 1px rgba(255, 255, 255, 0.2);
        color: #fff;
    }

    .dropdown-menu {
        border-radius: 0px;
        box-shadow: none;
    }

    .dropdown-menu[data-bs-popper] {
        margin-top: -1px;
    }

    .dropdown-menu a {
        padding: 10px 15px;
    }

    .navbar-nav .btn {
        margin: 10px 15px 0px 15px;
    }

    .inner-hero {
        aspect-ratio: 16 / 7;
        border-radius: 20px;
    }

    .section-margin,
    .inner-page-wrapper {
        margin: 40px 0px;
    }

    .company-profile-team-img .company-profile-team-img-wrap {
        border-radius: 25px;
    }
}


@media screen and (min-width:767px) {
    footer .collapse:not(.show) {
        display: block;
    }

    footer .accordion-button::after {
        display: none;
    }
    .why-choose-us .why-choose-us-list .why-choose-us-list-items {
    min-height: 66px;
}

}

@media screen and (max-width:767px) {
    .navbar-collapse {
        width: 50%;
    }

    footer h4 {
        margin-top: 30px;
    }

    footer h4,
    footer .accordion-button {
        font-size: 20px;
        margin: 0px;
    }

    .navbar-brand img {
        max-height: 45px;
        width: auto;
    }

    .current-working-areas .current-working-areas-location .current-working-areas-location-card {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .current-working-areas .current-working-areas-location .current-working-areas-location-card .current-working-areas-location-card-items {
        font-size: 14px;
    }

    .current-working-areas .current-working-areas-location h2 {
        font-size: 1.6rem;
    }

    .partners .partners-section-title h4 {
        font-size: 24px;
    }

    .our-value .star-title,
    .why-choose-us .star-title {
        margin-bottom: 20px;
    }

    .home-news-event-header {
        flex-direction: column;
        align-items: start;
        gap: 20px;
        margin-bottom: 25px;
    }

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

    footer {
        margin-top: 50px;
    }

    section.footer-copyright {
        margin: 20px 0px 60px 0px;
    }

    .social-media {
        justify-content: center;
        margin-top: 15px;
    }

    .footer-copyright p {
        text-align: center;
    }

    .why-choose-us .why-choose-us-bg {
        padding: 20px 0px;
    }

    .mobile-horizantal-scroll {
        white-space: nowrap;
        overflow: auto;
        display: block;
        padding-bottom: 15px;
    }

    .mobile-horizantal-scroll .mobile-horizantal-scroll-items {
        display: inline-block;
        max-width: 70%;
    }

    .our-value-item .our-value-item-info h4 {
        font-size: 1.4rem;
        font-weight: 600;
    }

    .home-our-services {
        padding: 50px 0px;
    }

    .home-our-services .home-our-services-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .home-our-services .home-our-services-cards .home-our-services-cards-item .home-our-services-cards-item-info {

        font-size: 0.9rem;
    }

    .inner-hero__content {
        bottom: 10px;
    }

    .tab-nav-btn {
        white-space: nowrap;
        overflow: auto;
        display: block;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .company-profile-how-we-do-card .company-profile-how-we-do-card-items strong {
        font-size: 16px;
    }

    .tab-nav-btn a {
        display: inline-block;
        padding: 6px 15px;
    }

    .company-profile-intro h1,
    .company-profile-intro p {
        text-align: center;
    }

    .company-profile-how-we-do-card .company-profile-how-we-do-card-items img {
        max-height: 60px;
    }

    .modal-team-details .modal-content {
        border-radius: 0px;
    }

    .modal-team-details .team-card-items {
        flex-direction: column;
        align-items: center;
    }

    .modal-team-details .modal-close-btn {
        right: 20px;
        top: 20px;
    }

    .modal-team-details .team-card-items .team-card-items-img {
        max-width: 200px;
        min-width: 200px;
    }

    .our-services-items,
    .our-services-card .our-services-items:nth-child(even) {
        flex-direction: column;
    }

    .our-services-card {
        gap: 35px;
    }

    .our-services-card .our-services-items:nth-child(even) {
        padding: 10px;
        border-radius: 15px;
    }

    .our-services-items .our-services-items-img {
        border-radius: 10px;
    }

    .csr-counter .csr-counter-items {
        height: 145px;
        width: 145px;
    }

    .csr-prayas-logo img {
        max-width: 70%;
    }

    .csr-stories-card-items,
    .col-lg-12.csr-stories .csr-stories-card .csr-stories-card-items:nth-child(even) {
        gap: 20px;
        flex-direction: column;
    }

    .csr-stories-card-items:before {
        left: 20px;
    }

    .csr-stories-card-items .csr-stories-card-items-circle {
        left: 20px;
    }

    .csr-stories-card-items {
        padding: 40px 0px 40px 40px;
    }

    .csr-stories,
    .page-media {
        margin: 25px 0px;
    }

    .page-media .page-media-header {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }

    .slider-customer-story {
        margin-top: 30px;
    }

    .slider-customer-story-indicators {
        margin: 0px 0px 20px 0px;
    }

    .slider-customer-story-indicators [data-bs-target] {
        height: 50px;
        width: 50px;
    }

    .slider-customer-story .carousel-inner p {
        font-size: 16px;
    }

    .slider-customer-story-arrows .carousel-control-next,
    .slider-customer-story-arrows .carousel-control-prev {
        width: 35px;
        height: 35px;
        font-size: 20px;
    }

    .policies-card {
        margin: 20px auto;
        max-width: 90%;
        gap: 20px;
    }

    .annual-report-card .annual-report-card-img img {
        max-width: 65%;
    }

    .annual-report-card .annual-report-card-list-card h3 {
        text-align: center;
    }

    .pehchan-card {
        grid-template-columns: repeat(2, 1fr);
    }
    .pehchan-card .pehchan-items .pehchan-items-icon {
    max-width: 40px;
}
.pehchan-card .pehchan-items .pehchan-items-info strong {
    font-size: 16px;
}
}

@media screen and (max-width:575px) {
    .navbar-collapse {
        width: 75%;
    }

    .slick-slide {
        margin: 0px 5px;
    }

    .annual-report-card .annual-report-card-list {
        grid-template-columns: repeat(2, 1fr);
    }
}