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


@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;
}
}