:root {
    /* Colors: */
    --primary-color: #02355a;
    --secondary-color: #ffd413;
    --text-grey: #424242;
}


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

.inner-hero {
        aspect-ratio: 16 / 7;
        border-radius: 20px;
        min-height: 350px;
    }
}
@media (max-width: 767px) {
    .tp-offcanvas-menu ul li>a {
        color: #000;
    }

    .tp-offcanvas-menu .px-megamenu-box li a {
        font-size: 16px;
        color: var(--text-grey);
    }

    .header-transparent {
        top: 0;
    }

    .px-brand-style-5 .px-brand-item img {
        max-height: 65px;
        max-width: 100%;
    }

    .px-project-content {
        padding: 8px 8px 15px 8px !important;
    }

    .px-project-title {
        font-size: 20px;
    }

    .px-project-content a.btn-text {
        font-size: 13px;
    }

    .footer-logo {
        margin-bottom: 24px;
    }

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

    section.faq .accordion-button {
        border-radius: 10px !important;
        font-size: 20px;
    }

    .px-social-area {
        margin-top: 50px;
    }

    .service-details-section {
        margin: 40px 0px;
    }

    .page-service-details h2 {
        margin: 0px 0px 30px 0px;
        font-size: 28px;
    }

    .px-step-img {
        display: none;
    }

    .page-service-details .px-step-item {
        height: auto;
    }

    .page-service-details .px-step-num {
    position: static;
}
.service-page-table table th, .service-page-table table td {
    padding: 8px;
    font-size: 16px;
}

}