button.hamburger-menu {
    -webkit-appearance: none;
    appearance: none;
}

@media (min-width: 992px) {
    button.hamburger-menu {
        display: none;
    }
}

/* Responsive Header */
@media (max-width: 991px) {
    .header-menu-btn {
        padding-right: 90px;
    }

    .mobile-menu {
        display: none;
        position: absolute;
        top: 85px;
        left: 0;
        width: 100%;
        flex-direction: column;
        text-align: center;
        padding: 10px 0;
    }

    .mobile-menu.open {
        display: flex;
    }

    /* Hamburger Menu */
    .hamburger-menu {
        display: block;
        background: none;
        border: none;
        cursor: pointer;
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .hamburger-menu span {
        display: block;
        width: 30px;
        height: 3px;
        background: #fff;
        margin: 5px 0;
        transition: all 0.3s ease-in-out;
    }

    .header-menu.mobile-menu.open {
        background-color: #102044;
    }

    .header-menu-list {
        padding: 2rem;
        text-align: left;
        flex-direction: column;
    }

    .header-menu-list li {
        padding-bottom: 10px;
    }

    .header-menu-list li a:focus {
        color: #fff !important;
    }

    .inenr-hero-content .dna-light {
        left: -10px;
    }

    .dna-light {
        font-size: 220px;
    }

    .managment-inner-card {
        width: calc(100% / 2);
    }

    .why-dna-img {
        width: 100%;
        height: 340px;
    }
}

@media (max-width: 1300px) {
    .inenr-hero-content .dna-light {
        left: 75px;
        top: -10px;
        font-size: 280px;
    }

    .hero-banner-heading h1 {
        font-size: 182px;
        line-height: 1.3;
    }

    .step-icon::after {
        width: 120px;
    }

    .collaborative-process {
        padding: 76px 0;
    }

    .managment-section {
        padding-top: 0px;
    }

    .managment-heading::after {
        bottom: -34px;
    }

    .managment-heading {
        margin-bottom: 100px;
    }

    footer .top-footer .row {
        gap: 36px;
    }
}

@media (max-width: 1200px) {
    .step {
        width: calc(100%/4 - 16px);
    }

    .flip-card {
        width: calc(100%/4);
    }

    .process-steps {
        justify-content: flex-start;
    }
}

@media (max-width: 1100px) {
    .consult-img {
        width: 575px;
        top: 117px;
    }

    .managment-inner-card {
        width: calc(100% / 3);
    }
}

@media (max-width: 992px) {
    .step {
        width: calc(100%/3 - 16px);
    }

    .flip-card {
        width: calc(100%/3);
    }

    .consult-img {
        width: 455px;
        top: 217px;
    }
}

@media (max-width: 767px) {
    .hero-banner-heading h1 {
        font-size: 120px;
    }

    .consult-section .col-md-6 {
        width: 100%;
    }

    .inenr-hero-content p {
        font-size: 38px;
    }

    .collaborative-heading h2 {
        width: 100%;
        text-align: center;
    }

    .slider-wrapper {
        position: relative;
        padding-left: 40px;
    }

    .progress-bar {
        left: 50px;
    }

    .growth-content {
        padding-right: 0;
    }

    .growth-section img {
        margin-top: 30px;
    }

    .features-slider .slick-next,
    .features-slider .slick-prev {
        left: -34px;
    }

    .features-slider .slick-prev {
        top: 41%;
    }

    footer .top-footer .row {
        gap: 36px;
    }

    .certification-slider .slick-next {
        right: 0px;
        top: 20px;
    }

    .certification-slider .slick-prev {
        left: 0px;
        top: 20px;
    }

    .why-dna-section {
        padding: 66px 0px;
    }

    .why-dna-img {
        margin-bottom: 30px;
    }

    .services-section .col-md-4 .services-card,
    .services-section .col-md-8 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .services-section {
        padding: 66px 0px;
        text-align: center;
    }

    .services-heading h3 {
        text-align: center;
        margin-bottom: 20px;
    }

    .consult-content h2 {
        font-size: 40px;
        line-height: 1.3;
    }

    .consult-content {
        padding-top: 0;
    }

    .collaborative-process {
        padding: 66px 0;
    }

    .managment-section {
        padding-top: 0px;
    }

    .testimonials-section {
        padding-top: 80px;
        padding-bottom: 70px;
    }

    .satisfied-section {
        padding-top: 78px;
        padding-bottom: 78px;
    }

    .expertise-section p {
        font-size: 26px;
        line-height: 1.4;
    }

    .expertise-section {
        padding: 66px 0px;
    }

    .expertise-tabs {
        flex-wrap: wrap;
    }

    .expertise-tabs .nav-item {
        width: calc(100% / 2);
    }

    .expertise-tabs .nav-item a {
        font-size: 17px;
        padding: 28px 11px;
        line-height: 24px;
    }

    .tabs-content {
        padding-right: 0px;
        margin-bottom: 30px;
    }

    .providing-section {
        padding-top: 126px;
        padding-bottom: 110px;
    }

    .providing-content h2 {
        font-size: 40px;
        line-height: 1.2;
    }

    .social-slider .slick-next {
        right: 0;
    }

    .social-slider .slick-prev {
        left: 0;
    }

    .project-heading h2 {
        font-size: 26px;
        line-height: 1.3;
    }

    .project-section {
        padding-top: 66px;
        padding-bottom: 66px;
    }

    .project2-content {
        padding-right: 0px;
        margin-bottom: 30px;
    }

    .mission-section {
        padding: 87px 0px;
    }

    .about-testmonail {
        padding: 0px 0px;
    }

    .about-testimonial-item h3 {
        font-size: 26px;
        line-height: 1.3;
    }

    .year {
        left: -10px;
        top: 10px;
        transform: unset;
    }

    .innovat-section h3 {
        font-weight: 700;
        font-size: 32px;
        line-height: 1.3;
    }

    .bottom-footer .row {
        justify-content: center;
    }

    .why-dna-section .col-md-6 {
        width: 100%;
    }

    .consult-img {
        position: unset;
        width: 100%;
    }

    .consult-content {
        max-width: 100%;
    }

    .consult-section .col-md-6 {
        width: 100%;
    }

    .step {
        width: calc(100%/3 - 16px);
    }

    .flip-card {
        width: calc(100%/3);
    }
}


@media (max-width: 575px) {
    .h3 {
        font-size: 30px;
        line-height: 38px;
    }

    .dna-group-content p {
        font-size: 16px;
        line-height: 26px;
    }

    .managment-inner-card {
        width: 100%;
    }

    .step {
        width: calc(100%/1 - 16px);
    }

    .flip-card {
        width: calc(100%);
    }

    .dna-light {
        font-size: 110px;
    }

    .hero-banner-heading h1 {
        font-size: 70px;
    }

    .inenr-hero-content p {
        font-size: 22px;
        line-height: 1.3;
    }

    .inenr-hero-banner {
        height: 490px;
    }

    .hero-slider .slide {
        height: 486px;
    }

    .header-menu-btn {
        display: none;
    }

    .slide-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .growth-content h2 {
        font-size: 40px;
        line-height: 52px;
    }

    .growth-section {
        padding-bottom: 46px;
    }

    .solutions-section {
        padding: 66px 0px;
    }

    .solutions-card-grid .col-lg-3 {
        width: 100%;
        margin-bottom: 30px;
    }
}