@media (min-width: 768px) {
  p {
    font-size: 18px;
    line-height: 28px;
  }
}

@media (max-width: 991.98px) {
    .site-header .navbar-collapse {
        margin: 0 -12px;
        padding: 18px 12px 22px;
        background: #071117;
        border-top: 1px solid rgba(255, 255, 255, .12);
    }

    .site-header .navbar-nav {
        gap: 12px;
        align-items: flex-end;
        padding-left: 15px;
        padding-right: 15px;
    }
    .site-header.is-scrolled .brand-name,
    .site-header.is-scrolled .nav-list .nav-link,
    .site-header.is-scrolled .language-switch {
    color: white;
    }


    .brand-name  {
     /* color:#071117 ; */
      font-size: 8px;
    }
    .site-header.is-scrolled .brand-name {
        color: #071117;
    } 

    .hero-section,
    .hero-swiper,
    .hero-swiper .swiper-wrapper,
    .hero-slide,
    .hero-content {
        min-height: 820px;
    }

    .hero-content {
       padding : 132px 50px 112px 50px;
    }

    .hero-pagination {
        right: 18px !important;
    }


 

    .services-layout {
        display: block;
        min-height: 0;
    }

    .service-list-column {
        width: 100%;
        flex-basis: auto;
    }


    .team-card {
        min-height: auto;
        margin: auto;
    }
    .team-photo::before {
        top: -12px;
        width: 220px;
        height: 220px;
    }
    .team-photo img {
        width: 165px;
        height: 165px;
        margin-left: 19px;
        top: 10px;
    }

 

    .project-image-wrap {
        height: 260px;
    }

    .about-copy {
        max-width: none;
       
    }
    .about-cta {
    display:flex;
    margin: auto;
    }   




   
}

@media (max-width: 575.98px) {
    .section-space {
        padding: 56px 0;
    }

    .hero-section,
    .hero-swiper,
    .hero-swiper .swiper-wrapper,
    .hero-slide,
    .hero-content {
        min-height: 810px;
    }
    .hero-content .btn {
          --bs-btn-font-size: 9px;
    }

    .hero-copy {
        font-size: 15px;
    }

    .hero-pagination {
        top: auto !important;
        right: 50% !important;
        bottom: 8% !important;
        flex-direction: row;
        transform: translateX(50%);
    }

    .hero-stats {
        margin-top: 36px;
    }

    .stat-card strong {
        font-size: 28px;
    }

    .stat-card small {
        white-space: normal;
    }

    .about-story {
        margin-top: 46px;
    }

    .about-image {
        height: 300px;
    }

    .team-block {
        margin-top: 76px;
    }

    .team-heading p {
        font-size: 14px;
        line-height: 22.75px;
    }

    .team-photo-row {
        margin-top: 44px;
        row-gap: 50px;
    }

    .team-photo {
        width: 220px;
        height: 165px;
    }

    .team-photo::before {
        top: -12px;
        width: 220px;
        height: 220px;
    }

    .team-photo img {
        width: 165px;
        height: 165px;
        margin-left: 19px;
    }

    .team-cards {
        margin-top: 36px;
    }

    .team-card,
    .team-cards article:nth-child(2) .team-card {
        max-width: none;
        margin-left: 0;
        padding-left: 15px;
    }

    .services-heading p,
    .service-feature-copy>p {
        font-size: 14px;
        line-height: 22.75px;
    }

    .service-list .list-group-item {
        min-height: 66px;
        padding: 15px 16px;
        font-size: 14px;
    }

    .service-feature-image {
        height: 210px;
    }

    .service-feature-copy {
        padding: 24px 18px;
    }

    .services-cta {
        margin-top: 32px;
    }

    .projects-heading {
        margin-bottom: 28px;
    }

    .project-filters {
        justify-content: flex-start;
        margin-bottom: 32px;
    }

    .project-image-wrap {
        height: 220px;
    }

    .project-card-body {
        min-height: 68px;
        padding: 14px 16px;
    }

    .project-card h3,
    .project-card b {
        font-size: 16px;
    }

    .certificate-notes {
        gap: 12px;
    }

    .contact-overlay {
        padding: 58px 0;
    }

}

@media (max-width:767px) {
    .footer-cta {
        text-align: center;
    }
    .footer-cta-button {
 
        margin: auto;
    }
    .footer-main {
      
        padding: 15px ;
    }
}