@media(max-width: 575px) {
    header {
        padding: 12px 0;
    }
    section {
        overflow: hidden;
    }
    .navbar-toggler {
        border-color: #c08090;
    }
    .footer_left {
        padding: 40px 0;
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .footer_right {
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding: 40px 0;
    }
    .footer_contact_area {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 30px 0;
        border-right: none;
        position: relative;
    }
    .contact_card figcaption {
        display: flex;
        flex-direction: column;
    }
    .footer_bottom p {
        text-align: center;
        margin-bottom: 5px;
    }
    .policy_menu {
        justify-content: center;
    }

    .contact_section .form_top {
        padding: 24px;
    }
    .contact_section .form_area {
        margin: 24px 0;
    }
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23c08090' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    .call_btn + a {
        margin-left: 0;
        margin-top: 20px;
        text-align: center;
        justify-content: center;
    }

    .banner_block {
        padding: 0 12px;
    }
    .banner_caption h1 {
        font-size: 30px;
        margin-bottom: 16px;
    }
    .banner_info_box {
        flex-direction: column;
        gap: 12px;
    }
    .banner_info_box .btn {
        width: 100%;
        text-align: center;
    }
    .client_divider {
        margin: 10px 0;
    }
    .client_block {
        flex-direction: column;
    }
    canvas {
        width: 100%;
        height: auto;
        position: relative;
    }
    .banner_section {
        padding-bottom: 20px;
    }
    .services_section {
        padding: 20px 0;
    }
    .heading {
        font-size: 24px;
        margin-bottom: 16px;
    }
    .services_section h2 {
        margin-bottom: 16px;
    }
    .service_left {
        height: auto;
    }
    .experience_count_area {
        padding: 16px 0 0 16px;
    }
    .experience_data {
        display: block;
        padding: 16px 16px 16px 0;
    }
    .experience_wrapper {
        margin-bottom: 16px;
    }
    .service_list li a .service_top {
        gap: 24px;
    }
    .service_list li a img {
        width: 50px;
        height: 50px;
        padding: 10px;
    }
    .service_name {
        font-size: 20px;
    }
    .service_list li a figure {
        margin: 0;
    }
    .service_list li a {
        gap: 16px;
    }
    .service_list li a figcaption {
        padding-left: 74px;
        gap: 16px;
    }
    .service_list {
        gap: 24px;
    }
    .process_section {
        flex-direction: column;
    }
    .process_content {
        width: 100%;
        padding: 20px 12px;
    }
    .step_list li h4 {
        font-size: 20px;
    }
    .step_list li {
        padding-left: 40px;
    }
    .step_list li:before {
        width: 30px;
    }
    .process_image {
        width: 100%;
        height: auto;
        aspect-ratio: 16/10;
    }
    .project_section {
        padding: 20px 12px;
    }
    .project_wrapper {
        flex-direction: column;
        border: none;
    }
    .project_content {
        width: 100%;
        padding: 0;
        border: none;
    }
    .project_block {
        width: 100%;
        padding: 20px 0;
    }
    .stats_wrapper {
        flex-direction: column;
        margin: 0;
        gap: 10px;
    }
    .count_card {
        width: 100%;
        padding: 16px;
    }
    .faq_section {
        padding: 20px 0;
    }
    .faq_block {
        padding: 16px 0;
    }
    .faq_section figure {
        aspect-ratio: 5/4;
    }

    .blog_section {
        width: 20px 0;
    }
    .advisory_section {
        padding-top: 20px;
    }
    .advisory_section .advisory_block {
        padding: 0 12px;
    }
    .form_area {
        margin-bottom: 20px;
    }
    .call {
        left: 30%;
    }
    .form_top {
        padding: 24px;
    }
    .testimonial_section {
        padding: 20px 0;
    }
    .testimonial_card {
        padding: 20px 30px;
    }
    .technology_section {
        padding: 20px 0;
    }
    .techno_card img {
        width: 30px;
        height: 30px;
    }
    .techno_card h6 {
        font-size: 8px;
        text-align: center;
        margin: 0;
    }
    .techno_card {
        padding: 10px 0;
    }
    .why_section {
        padding: 20px 0;
    }
    .count_stats {
        margin-top: 24px;
    }
    .count_stats .counter {
        font-size: 60px;
        line-height: 1;
    }
    .slide_50, .slide_25 {
        width: 100%;
    }
    .blogs figure {
        margin-bottom: 16px;
    }
    .blog_description {
        flex-direction: column;
    }
    .blog_description div {
        width: 100%;
    }
    .blog_title {
        padding: 0;
    }
    .blog_title h4 {
        margin-bottom: 16px;
    }
    .blog_meta {
        margin-bottom: 10px;
    }
    .slide_25 .blog_card.reverse-sm {
        display: flex;
        flex-direction: column-reverse;
    }
    .blogs .slide_25 figure {
        padding-bottom: 65%;
    }
    .blogs .slide_25 figure:last-child {
        margin-bottom: 16px;
    }
    .blog_section {
        padding: 20px 0;
    }

    .dashboard {
        margin: 30px auto 20px;
    }
    .hero-stats {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .about_hero_section {
        padding-bottom: 20px;
    }
    .intro {
        padding: 20px 0;
    }
    .intor_image figure {
        aspect-ratio: 5/4;
    }
    .intro_content {
        padding: 16px 0;
    }
    .intro_stats {
        margin: 0;
        flex-direction: column;
        gap: 10px;
    }
    .count_count_card {
        width: 100%;
        padding: 20px;
    }
    .timeline_section {
        padding: 20px 0;
    }
    .core_value_section {
        padding: 20px 0;
    }
    .core_box {
        padding: 0 0 16px;
        margin-bottom: 16px;
    }
    .value_image {
        margin-bottom: 16px;
    }
    .approach_section {
        padding: 20px 0;
    }
    .approach_box {
        margin: 16px 0 0;
    }
    .approach_box:last-child {
        margin: 16px 0 0;
    }
    .service_about {
        padding: 20px 0;
    }
    .service_content_left {
        padding: 0 0 16px;
    }
    .service_center {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .service_center {
        padding: 16px 0 0;
        border: none;
        border-top: 1px solid #e6ccd2;
    }
    .service_center h3 {
        font-size: 20px;
        margin-bottom: 16px;
    }
    .service_offer {
        padding: 20px 0;
    }
    .service_item_block:first-child {
        margin-top: 40px;
    }
    .service_item_block {
        padding: 24px 0;
    }
    .service_item_block a {
        width: 50px;
        margin-top: 24px;
        font-size: 24px;
    }
    .innovation_section {
        padding: 20px 0;
    }
    .metric_strip {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1px;
        background: rgba(255, 255, 255, .12);
    }
    .metric_item {
        padding: 16px;
    }
    .cta_block {
        padding: 20px 30px;
    }
    .cta_banner {
        padding: 0 0 20px;
    }
    .services_hero {
        padding-bottom: 20px;
    }
    .stat-pill {
        flex: 1;
    }
    .overview_section {
        padding-bottom: 20px;
    }
    .overview {
        margin-top: 16px;
    }
    .work_image {
        width: 100%;
        height: auto;
        aspect-ratio: 16/9;
        margin: 0 0 16px;
    }
    .work_section {
        padding: 20px 0;
    }
    .outcome_section {
        padding: 20px 0;
    }
    .outcome_card {
        padding: 20px;
        flex-direction: row;
        gap: 20px;
    }
    .outcome_card p {
        min-height: 20px;
    }
    .breadcrumb {
        padding: 110px 12px 0;
    }
    .cs-hero-inner {
        padding: 0 12px;
    }
    .cs-overview-bar {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 16px;
    }
    .cs-body {
        padding: 20px 12px; 
    }
    .case_image {
        margin-top: 16px;
    }
    .client-overview-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .cs-section {
        margin-bottom: 20px;
    }
    .solution-blocks, .ui-showcase {
        grid-template-columns: 1fr;
    }
    .ui-screen {
        margin: 0;
    }
    .results-section {
        padding: 20px 12px;
    }
    .metrics-hero {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        margin-top: 60px;
    }
    .cs-body {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .testi-block {
        padding: 24px;
    }
    .ba-grid, .features-list {
        grid-template-columns: 1fr;
    }
}