@media (max-width: 1024px) {
    .hero-section {
        min-height: 330px;
        height: 330px;
    }

    .about-content p {
        font-size: 14px;
        line-height: 20px;
    }

    .highlight-list {
        gap: 3px 14px;
    }

    .featured-content h2 {
        font-size: 23px;
        line-height: 28px;
    }

    .about-content h2 {
        font-size: 23px;
        line-height: 28px;
    }

    .small-heading {
        font-size: 17px;
        line-height: 17px;
    }

    .section-heading p {
        font-size: 17px;
        line-height: 17px;
    }

    .small-heading {
        font-size: 17px;
        line-height: 17px;
    }

    .featured-content h3 {
        font-size: 17px;
        line-height: 17px;
    }

    .bottomsectwraap {
        flex-wrap: wrap;
    }

        .bottomsectwraap .firstdiv {
            width: 48%;
        }

        .bottomsectwraap .seconddiv {
            width: 48%;
        }

    .project-meta span br {
        display: none;
    }

    .bottomsectwraap > .seconddiv::before {
        display: none;
    }

    .bottomsectwraap .thirddiv {
        width: 100%;
    }
    .cta-inner {
        align-items: flex-start;
        flex-direction: column;
    }
    .cta-content {
        border-right: none;
    }
    .cta-content p {
        margin: 0;
    }
    .cta-inner {
        gap: 15px;
    }
    .cta-section::before {
        height: 130px;
        max-width: 380px;
    }
    .commitment-content p {
        line-height: 23px;
        padding: 0 280px;
    }
    .footer-main {
        padding: 20px 14px;
    }
}

@media (max-width: 768px) {
    .about-image {
        height: 340px;
    }
    .featured-section {
        grid-template-columns: repeat(1,1fr);
    }
    .why-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .why-card:nth-child(2), .why-card:nth-child(4) {
        border-right: none;
    }
    .why-card:nth-child(3), .why-card:nth-child(4) {
        border-top: 3px solid rgba(184,137,53,0.7);
    }
    .why-card:last-child {
        grid-column-start: 1;
        grid-column-end: 3;
        max-width: 350px;
        margin: 0 auto;
    }
    .why-card h3::before {
        display:none;
    }
    .why-card {
        padding: 15px 15px;
    }
    .commitment-section {
        padding: 20px 15px;
    }
    .commitment-section::before {
        bottom: 4px;
        height: 150px;
        max-width: 570px;
        margin: 0 auto;
        right: 0;
        opacity: 0.4;
    }
    .cta-section::before {
        height: 100px;
        max-width: 350px;
    }
    .commitment-content p {
        padding: 0;
    }
    .featured-content {
        padding: 20px 15px;
    }
}

@media (max-width: 767px) {
    .about-image {
        margin: 20px 20px 0 0;
    }
    .hero-section {
        min-height: 450px;
        height: 450px;
        background-position: right center;
    }
    .container {
        width: 100%;
    }
    .hero-text {
        padding: 0;
    }
    .about-content {
        padding: 20px 15px;
    }
    .about-section {
        padding: 0 0 0;
    }
    .section-heading p {
        font-size: 16px;
        line-height: 22px;
    }
    .small-heading {
        font-size: 16px;
        line-height: 22px;
    }
    .featured-content h3 {
        font-size: 16px;
        line-height: 22px;
    }
    .bottomsectwraap {
        display: block;
    }
    .bottomsectwraap .firstdiv {
        width: 100%;
    }
    .bottomsectwraap .seconddiv {
        width: 100%;
    }
    .bottomsectwraap > div:not(:last-child)::before {
      display: none;
    }
    .project-meta span {
        font-size: 14px;
    }
    .project-buttons {
        flex-direction: row;
        margin: 10px 0 0 0;
    }
    .why-grid {
        gap: 0px;
    }
    .why-card p {
        margin: 0;
        padding: 0;
    }
    .why-card h3 {
        min-height: auto;
    }
    .why-section .section-heading p {
        font-size: 16px;
    }
    .commitment-content .small-heading {
        font-size: 16px;
    }
    .cta-section::before {
        height: 200px;
        bottom: 7px;
        opacity: 0.3;
    }
    .why-card:first-child, .why-card:nth-child(3) {
        border-right: 3px solid rgba(184,137,53,0.5);
    }
    .footer-main {
        padding: 10px 15px;
        gap: 10px;
    }
    .footer-nav a {
        font-size: 8px;
        padding: 0 5px;
    }
    .social-links {
        gap: 5px;
    }
    .social-links a {
        width: 23px;
        height: 23px;
    }
    .social-links a img {
        height: 12px;
    }
    .copyright p {
        font-size: 8px;
    }
    .copyright {
        padding: 6px 10px;
    }
}