@media (min-width: 1666px) {
    .vr-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .container {
        width: 1466px;
    }


}

@media (max-width: 1600px) {
    .transform-sec img {
        width: 100%;
    }


}

@media (min-width: 1200px) {
    .h-xl-100 {
        height: 100vh !important;
    }
}

@media (max-width: 1460px) {
    :root {
        --fs-banner-title: 42px;
    }

    .ai-hero {
        height: auto;
    }

    .ai-hero .banner-img {
        width: 70%;
    }

    .home-testimonial .owl-carousel .owl-stage-outer {
        height: 430px;
    }


}

@media (max-width: 1199px) {
    :root {
        --header-ul-li-a: 16px;
        --footer-ul-li-a: 16px;
        --fs-banner-title: 36px;
        --fs-desc-head: 18px;
        --fs-heading-title: 36px;
        --fs-sub-title: 24px;
        --fs-sec-title: 18px;
        --fs-p: 16px;
        --fs-12: 12px;
        --fs-14: 14px;
        --fs-15: 15px;
        --fs-16: 16px;
        --fs-17: 17px;
        --fs-18: 18px;
        --fs-19: 19px;
        --fs-20: 20px;
        --fs-21: 21px;
        --fs-22: 22px;
        --fs-23: 23px;
        --fs-24: 24px;
        --fs-25: 25px;
        --fs-26: 26px;
        --fs-27: 27px;
        --fs-28: 28px;
        --fs-29: 29px;
        --fs-30: 30px;

    }

    .mw-form-left {
        max-width: 100%;
    }

    .wrapper .nav-links li a {
        padding: 12px 10px;
    }

    .wrapper .nav-links .drop-menu li a,
    .wrapper .mega-links li a {
        padding: 0;
    }

    .h-dt {
        height: 312px;
    }

    .tab-content-text {
        font-size: 14px;
    }

    .Skills-sec-box .Skills-box .nav .nav-item button {
        font-size: 12px;
    }

    .Our-Process-card .Our-Process-heading {
        font-size: 16px;
    }

    .hire-btn-div {
        font-size: 16px;
        margin-top: 10px;
    }

    .Features-sec .var-features-box .var-icon-box-content h4 {
        font-size: 18px;
    }

    .main-heading {
        font-size: 30px;
        line-height: normal;
    }

    .fs-24 {
        font-size: 18px !important;
    }


    .ve-app-development-content {
        position: relative;
        margin-top: 30px;
    }

    .ve-app-development {
        text-align: center !important;
    }

    .forefront-sec-box .icon-box-content h4 {
        font-size: 18px;
    }

    .transform-sec h4 {
        font-size: 18px;
    }

    .industryTabs {
        grid-template-columns: repeat(3, 1fr);
    }

    .custom-nav-link {
        height: 130px;

    }

    .service-content {
        height: 350px;
    }

    .Features-content {
        position: unset;
    }

    .Features-content-relative {
        overflow: unset !important;
    }

    .intro-banner-vdo-play-btn .ripple {
        width: 355px;
        height: 355px;
    }

    .intro-banner-vdo-play-btn img {
        width: 70%;
    }



}

@media (max-width: 1060px) {
    .vr-banner .background-video {
        height: 65vh;

    }

    .logo a img {
        width: 95%;
    }

    .background-video {
        height: auto;
    }


}

@media (max-width: 991px) {
    .carousel-fullscreen .carousel-caption {
        height: auto;
    }

    .carousel-fullscreen .carousel-caption img {
        width: 100%;
    }

    .container-fluid {
        margin: 0;
        width: 100%;
    }

    .bg-home h1 {
        font-size: 22px;
    }

    .bg-home h4 {
        font-size: 40px;
    }

    .ht-elearning {
        height: 60%;
    }

    .slick-arrow,
    .slick-next,
    .slick-prev {
        display: none !important;
    }

    .h-dt {
        height: 255px;
    }

    nav .wrapper {
        padding: 15px 10px;
    }


    .p-t-b {
        padding: 30px 0;
    }



    .logistic-slider-box .carousel-item {
        min-height: auto;
    }

    .logistic-slider-box .carousel-item img {
        min-height: auto;
        object-fit: cover;
    }

    .carousel-item h1 {
        font-size: 40px !important;
    }

    .carousel-item p {
        font-size: 20px !important;
    }

    .owl-nav {
        display: flex;
        align-items: center;
        justify-content: end;
        position: initial;
        margin-top: 10px;
        padding-right: 12px;
    }

    #carousel-case-study {
        margin-top: 15px;
    }

    #carousel-client .owl-nav {
        position: absolute;
        padding-right: 0;
    }

    .p-md-unset {
        position: unset !important;
    }

    .main-heading {
        font-size: 24px;
        line-height: normal;
    }


    .hero-head {
        font-size: 30px;
    }

    .forefront-sec::before {
        display: none;
    }


    .custom-nav-link {
        font-size: 14px;
    }

    .ai-img-box img {
        width: 30%;
    }

    .ai-hero {

        text-align: center;
    }

    .ai-box {
        text-align: center;
    }

    .capabilities-title {
        font-size: 1.8rem;
        text-align: center;
    }

    .capabilities-desc {
        text-align: center;
    }

    .capability-card-slider {
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }

    .capability-icon {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .capability-slider {
        height: 320px;
    }

    .left-slide-content .content-services-box {
        height: 190px;
    }

    .right-slide-content .content-services-box {
        height: 190px;
    }

    .em-tech-accent {
        position: relative;
        top: 0;
        left: 0;
        padding: 0px;
        padding-top: 0px;
    }

    .overflow-md-visible {
        overflow: unset !important;
    }


}

@media (max-width: 880px) {
    .tech-stack {
        width: 70%;
    }

    .wrapper .nav-links li a {
        font-size: 13px;
        padding: 12px 8px;
    }

    .ai-img-box img {
        width: 35%;
    }
}

@media (max-width: 767px) {
    :root {
        --fs-banner-title: 28px;
        --fs-desc-head: 18px;
        --fs-heading-title: 24px;
        --fs-sub-title: 24px;
        --fs-sec-title: 18px;

    }

    .Workflow-row {
        --bs-gutter-x: 1.5rem;
    }

    .Workflow-row::before {
        display: none;
    }

    .workflow-area-right {
        padding-top: 0;
    }

    .no-type {
        display: none;
    }

    .workflow-area-right .no-type-right {
        display: none;
    }

    .workflow-step {
        background: none;
        flex-direction: column;
        text-align: center;
        min-height: 300px;
        padding: 35px;
        padding-bottom: 0;
    }

    .workflow-step::before {
        content: "";
        clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 100% 100%, 0% 100%, 0% 75%);
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        background: #e74d87;
    }

    .workflow-step::after {
        content: "";
        clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 100% 100%, 0% 100%, 0% 75%);
        left: 1px;
        top: 1px;
        right: 1px;
        bottom: 1px;
        position: absolute;
        background: #ffffff;
    }

    .react-services-tabs .nav li .nav-link {
        font-weight: 600;
        font-size: 12px;
    }

    .marijuana-delivery:before {
        display: none;
    }

    .where-infigic:before {
        display: none;
    }

    .vr-Industries {
        background: linear-gradient(138deg, rgba(35, 0, 93, 1) 56%, rgba(234, 223, 255, 1) 57%);
    }

    .vr-services-grid {
        grid-template-columns: repeat(1, 1fr);
        height: auto;
    }

    .service-content {
        margin-top: 0;
        height: auto !important;
    }

    .vr-banner .background-video {
        height: 45vh;
    }

    .vr-banner h1 {
        text-align: center !important;
    }

    .vr-banner .col-md-6 {
        text-align: center !important;
    }

    .m-content-tail-right {
        border-radius: 13px;
        background: linear-gradient(270deg, rgba(137, 103, 157, 0.00) 0%, #484B7D 100%);
        box-shadow: -5px 0px 0px 0px #E7498B;
        padding: 15px;
        height: 100%;
    }

    .m-content-tail-right:first-child {
        margin-top: 15px;
    }

    .logo a img {
        width: 80%;
    }

    .h1-banner {
        font-size: 3rem;
    }

    .h1-banner span {
        font-size: 1.8rem;
    }

    nav .wrapper {
        padding: 0px 10px;
    }

    .wrapper .nav-links .drop-menu li a,
    .wrapper .mega-links li a {
        padding: 4px 0px 0px 42px;
    }

    .wrapper .btn {
        display: block;
        color: var(--bg-white);
    }

    .logo-header-none {
        display: block;
    }

    .logo-header-none img {
        width: 80%;
    }

    .wrapper .nav-links {
        position: fixed;
        height: 100vh;
        width: 100%;
        top: 0;
        left: -100%;
        background: var(--bg-white);
        display: block;
        padding: 4px 10px 50px 10px;
        line-height: 20px;
        overflow-y: auto;
        box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.18);
        transition: all 0.3s ease;
    }

    /* custom scroll bar */
    /* ::-webkit-scrollbar {
    width: 10px;
  }
  ::-webkit-scrollbar-track {
    background: #242526;
  }
  ::-webkit-scrollbar-thumb {
    background: #3A3B3C;
  } */
    .wrapper #menu-btn:checked~.nav-links {
        left: 0%;
    }

    .wrapper #menu-btn:checked~.btn.menu-btn {
        display: none;
    }

    .wrapper #close-btn:checked~.btn.menu-btn {
        display: block;
    }

    .wrapper .nav-links li {
        margin: 15px 10px;
    }

    .wrapper .nav-links li a {
        padding: 4px 0px 0px 42px;
        display: block;
        font-size: 20px;
        color: var(--bg-black);
    }

    .wrapper .nav-links .custom-btn {
        font-size: 15px;
        color: var(--bg-white);
        width: 127px !important;
        text-align: center;
    }

    .wrapper .mega-links li a {
        font-size: 14px;
    }

    .wrapper .nav-links .drop-menu {
        position: static;
        opacity: 1;
        top: 65px;
        visibility: visible;
        padding: 0px;
        width: 100%;
        max-height: 0px;
        overflow: hidden;
        box-shadow: none;
        transition: all 0.3s ease;
        background: transparent;
    }

    .wrapper .nav-links .drop-menu li a:hover {
        border-left: none;
        color: var(--bg-pink);
    }

    .wrapper #showDrop:checked~.drop-menu,
    .wrapper #showMega:checked~.mega-box,
    .wrapper #showSolution:checked~.mega-box,
    .wrapper #showIndustry:checked~.mega-box {
        max-height: 100%;
    }

    .wrapper .nav-links .desktop-item {
        display: none;
    }

    .wrapper .nav-links .mobile-item {
        display: block;
        color: var(--bg-black);
        font-size: 15px;
        font-weight: 600;
        padding-left: 15px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .wrapper .nav-links .mobile-item:hover {
        color: var(--bg-pink);
    }

    .wrapper .drop-menu li {
        margin: 0;
    }

    .wrapper .drop-menu li a {
        font-size: 14px;
    }

    .wrapper .mega-box {
        position: static;
        top: 65px;
        opacity: 1;
        visibility: visible;
        padding: 0;
        max-height: 0px;
        overflow: hidden;
        transition: all 0.3s ease;
        width: 100%;
    }

    .wrapper .mega-box .content {
        box-shadow: none;
        flex-direction: column;
        padding: 15px 0;
    }

    .wrapper .content .row .mega-links {
        border-left: 0px;
        padding-left: 0;
    }

    .wrapper .row .mega-links li {
        margin: 0;
    }

    .wrapper .content .row header {
        font-size: 19px;
    }

    .wrapper .btn.close-btn i {
        color: var(--bg-black);
    }

    .industry-header .mega-box {
        width: 100%;
    }

    .carousel-item {
        min-height: 400px;
    }

    .logistic-slider-box .carousel-item {
        min-height: auto;
    }


    .bg-home h1 {
        font-size: 16px;
    }

    .bg-home h4 {
        font-size: 29px;
    }

    .ht-elearning {
        height: 68%;
    }

    .h-dt {
        height: 185px;
    }

    .img-mq {
        width: 75%;
    }



    .logistic-slider-box .carousel-item img {
        min-height: auto;
        object-fit: cover;
    }

    .carousel-item h1 {
        font-size: 28px !important;
    }

    .carousel-item p {
        font-size: 18px !important;
    }

    .heading-mq {
        text-align: center;
    }

    .text-mq {
        text-align: center;
    }

    .h1 {
        font-size: calc(1.375rem + 0.9vw) !important;
    }

    .h5 {
        font-size: 1.2rem !important;
    }


    .block-title {
        font-size: 16px;
    }

    .mission-about-us {
        border-radius: 0;
    }

    .vision-about-us {
        border-radius: 0;
        margin-top: 20px;
    }

    .hero-head {
        font-size: 24px;
    }

    .sec-head {
        font-size: 24px;
    }

    .main-div {
        padding-top: 105px;
    }


    .heading h5 {
        color: #656565;
        font-size: 1rem;
    }

    .border-dash::before {
        display: none;
    }

    .border-dash::after {
        display: none;
    }

    .border-down::after {
        display: none;
    }

    .sec-sub-head {
        font-size: 18px;
    }

    .transform-head {
        margin-top: 0;
    }

    .ERP-banner {
        text-align: center;
    }

    .vr-banner {
        padding: 120px 0px;
        height: auto;
        display: flex;
    }

    .ai-img-box img {
        width: 40%;
    }

    .capabilities-title {
        font-size: 1.5rem;
    }

    .capability-card-slider {
        padding: 15px;
    }

    .capability-icon {
        width: 60px;
        height: 60px;
    }

    .capability-icon i {
        font-size: 1.5rem;
    }

    .capability-slider {
        height: 350px;
    }

    .ai-company-intro .ai-feature-list li {
        font-size: 0.9rem;
    }

    .tp-process-container {
        width: 100%;
        margin: 0 auto;
        padding: 20px;
        min-height: auto;
    }

    .tp-step-card {
        width: 100%;
        margin: 0 auto;
        font-size: 0.9rem;
    }

    .tp-step-card h3 {
        font-size: 1rem;
    }

    .teen_patti_platforms .feature_content_box .content_box .img_box {
        display: none;
    }

    .left-slide-content .content-services-box {
        display: flex;
        gap: 20px;
        flex-direction: unset;
        text-align: start;
        height: auto;
    }

    .custom-padding::after {
        display: none;
    }

    .casino_development .casino_development_content .text_content h4 {
        font-size: calc(1.075rem + .3vw);
    }

    .ris {
        height: auto;
    }

    .bb-fantasy-feature {
        border-bottom: 0;
    }

    .bl-fantasy-features {
        border-right: 0;
    }

    .port-h-title {
        font-size: 2.5rem;
    }

    .port-sub-title {
        font-size: 1rem;
    }

    .portfolio-btn {
        font-size: 16px;
        margin-right: 0;
    }

    .portfolio-banner .banner-title {
        font-size: 3rem;
    }

    .register-right {
        background: #f8f9fa;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .register .register-form {
        padding: 15px;
    }

    .game-development::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #0000008f;
        z-index: 1;
    }

    .tech-tabs-nav.tab-content .nav-link {
        display: flex !important;
        margin: 12px 0;
    }

    .tech-tabs-nav.tab-content .tab-pane.fade {
        display: block !important;
        opacity: 1 !important;
    }

    .tech-tabs-nav .collapse:not(.show) {
        display: none !important;
    }

    .Skills-sec-box .mobile-accordion.tab-content>.tab-pane {
        display: block !important;
        opacity: 1 !important;
    }

    .Skills-sec-box .mobile-accordion.tab-content>.tab-pane h6 {
        display: none;
    }

    .Skills-sec-box .mobile-accordion .nav-link {
        color: #000;
        display: flex;
        width: 100%;
        padding: 8px 10px;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
        background: #e4e4e4;
        border-radius: 8px;
        margin-bottom: 15px;
    }

    .Skills-sec-box .mobile-accordion .nav-link.active {
        background-color: #e7498b;
        color: #fff;
    }

    .Skills-sec-box .mobile-accordion .nav-link.active svg path {
        fill: #fff;
    }

    .Skills-sec-box .mobile-accordion .collapse:not(.show) {
        display: none !important;
    }

    .ecom-tabs-section .nav {
        display: none;
    }

    .ecom-tabs-section .tab-content .tab-pane.fade:not(.show) {
        display: block !important;
        opacity: 1 !important;
    }

    .ecom-tabs-section .tab-content .tab-pane .accordion-button {
        display: flex !important;
        background: #fff;
        color: #7E7E7E;
        width: 100%;
        padding: 10px;
        font-size: 1.1rem;
        border-radius: 6px;
        margin-bottom: 10px;
    }

    .ecom-tabs-section .tab-content .tab-pane .accordion-button.active {
        background: #E7498B;
        color: #fff;
    }

    .ecom-tabs-section .tab-content .tab-pane .collapse.collapse:not(.show) {
        display: none;
    }

    .e-commerce {
        height: auto;
        text-align: center;
    }

    .development-section .nav {
        display: none;
    }

    .development-section .tab-content .tab-pane .accordion-button {
        display: flex !important;
        background: #c3c3c3;
        color: #4d4d4d;
        width: 100%;
        padding: 10px;
        font-size: 1.1rem;
        border-radius: 6px;
        margin-bottom: 10px;
    }

    .development-section .tab-content .tab-pane .accordion-button.active {
        background: #E7498B;
        color: #fff;
    }

    .development-section .tab-content .tab-pane.fade:not(.show) {
        display: block !important;
        opacity: 1 !important;
    }

    .development-section .tab-content .tab-pane .collapse.collapse:not(.show) {
        display: none;
    }

    .chess-game-btn-div {
        font-size: 16px;
    }

    .team-members-row {
        gap: 85px 0;
    }
}

@media (max-width: 575px) {
    .why-vr-chip {
        font-size: 12px;
        font-weight: 600;
    }

    .service-icon-box {
        width: 65px;
        height: 65px;
        margin-top: -65px;
    }

    .service-icon-box img {
        width: 35px !important;
        height: 35px;
        object-fit: contain;
    }

    .Features-sec .var-features-box {
        height: 200px;
        border: 1px solid #4e03ca;
    }

    .Features-content .row {
        gap: 15px 0;
    }

    .fmt-plus {
        margin-top: 0px;
    }

    .fmt-minus {
        margin-top: 0px;
    }

    .fmt {
        margin-top: 0px;
    }

    .ve-app-development .industries-content-box h5 {
        font-size: 14px;
    }

    .transform-sec h4 {
        font-size: 16px;
    }

    .forefront-sec-box .icon-box-content h4 {
        font-size: 16px;
    }

    #carousel-client {
        height: 100%;
    }

    .bg-home h1 {
        font-size: 14px;
    }

    .bg-home h4 {
        font-size: 20px;
    }

    .ht-elearning {
        height: auto;
    }

    .h-dt {
        height: auto;
    }

    .ps {
        padding: 0px 15px 0px 15px;
    }

    .w-register {
        width: 60%;
    }

    .contact-form {
        padding: 30px 15px;
    }

    .logo a img {
        width: 50%;
    }



    nav .wrapper {
        padding: 0px 10px;
    }

    .menu-btn {
        padding: 0.85rem 0.9rem 0.85rem 2rem;
    }

    .trusted-by .owl-carousel .owl-item img {
        width: 60%;
    }

    .counter-img {
        width: 50px;
        height: 50px;
    }

    #carousel-client .owl-nav {
        display: none;
    }

    .logo-header-none img {
        width: 50%;
    }

    .tab-web-dev .nav-tabs .nav-item.show .nav-link,
    .tab-web-dev .nav-tabs .nav-link.active,
    .tab-web-dev .nav-tabs .nav-link:focus,
    .tab-web-dev .nav-tabs .nav-link:hover {
        border-left: 3px solid #9538c8;
        border-radius: 10px;
    }

    .h1-banner {
        font-size: 2.7rem;
    }

    .h1-banner span {
        font-size: 1.2rem;
    }

    .Features-sec .var-features-box .var-icon-box-content h4 {
        font-size: 14px;
    }

    .custom-accordion .accordion-button {
        font-size: 14px;
        font-weight: 600;
        padding: 8px;
    }

    .sec-head {
        font-size: 21px;
    }


    .vr-banner .background-video {
        height: 30vh;
    }

    .custom-nav-link img {
        display: none;
    }

    .custom-nav-link {
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 34px;
    }

    .industryTabs {
        grid-template-columns: repeat(2, 1fr);
    }

    .sec-sub-head {
        font-size: 16px;
    }

    .service-overlay p {
        color: #fff;
        display: block;
    }

    .service-overlay {
        top: 0;
        background-color: rgba(0, 0, 0, .6);
    }

    .ai-img-box img {
        width: 50%;
    }

    .testimonial-slider .carousel-inner {

        height: 515px;
    }

    .intro-banner-vdo-play-btn .ripple {
        width: 340px;
        height: 340px;
    }

    .carwash:before {
        display: none;
    }

    .carwash:after {
        display: none;
    }

    .abst {
        top: 0;
        background-color: rgba(0, 0, 0, 0.6);
    }

    .abst p {
        opacity: 1;
    }

    .carousel-fullscreen {
        height: auto;
    }

    .carousel-item {
        max-height: 375px;
        align-items: start;
    }

    .solution-card {
        padding: 5px;
    }

    .carousel-control-prev,
    .carousel-control-next {
        top: 60%;
    }

    .big-stories-hero {
        height: 290px;
    }

    .big-stories-overlay {
        padding: 0 15px;
    }
}

@media (max-width: 500px) {
    .item.slick-slide {
        height: 177px !important;
        border-radius: 21px;
    }
}

@media (max-width: 480px) {
    .food-tabs-box .nav-tabs .nav-item {
        width: 50%;
        white-space: nowrap;
    }

    .food-tabs-box .nav-tabs .nav-link {
        width: 100%;
    }
}

/* AI Marketing Automation page */
@media (max-width: 768px) {
    .aim-hero {
        padding: 120px 0 60px;
    }

    .aim-cta {
        padding: 40px 22px;
    }

    .aim-stat-num {
        font-size: 2.2rem;
    }
}

/* ===== Moved from style.css ===== */
@media only screen and (max-width: 1025px) {
    .partner-logo-slide .partner-content-box {
        width: 120px;
    }

    .partner-logo-slide {
        gap: 20px;
    }

    .partner-logo-slide img {
        height: 45px;
    }

    @keyframes partner-logo {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-500%);
        }
    }

}

@media (max-width: 991px) {
    .ai-dev-hero {
        padding: 120px 0 60px;
    }

    .fs-banner-title {
        font-size: 40px !important;
    }
}

@media (min-width: 992px) {
    .aim-stat-item:not(:last-child) {
        border-right: 1px solid #eceef3;
    }
}

/* ===== ChooseSmart Case Study Page - Media Queries ===== */

/* Hero Section Media Queries */
@media (max-width: 991px) {
    .case-study-page .hero-section {
        padding-top: 120px;
    }

    .case-study-page .hero-visual {
        min-height: auto;
        margin-top: 2.5rem;
    }

    .case-study-page .hero-phone {
        width: 280px;
    }

    .case-study-page .hero-monitor {
        position: static;
        width: 100%;
        max-width: 360px;
        margin-top: 1rem;
    }

    .case-study-page .metric-item {
        margin-bottom: 1.6rem;
    }
}

/* BloggerKings Hero Media Queries */
@media (max-width: 1199px) {
    .bk-hero .bk-metric-label {
        font-size: 0.9rem;
    }
}

@media (max-width: 991px) {
    .bk-hero {
        padding-top: 120px;
    }

    .bk-hero .bk-hero-img {
        margin-top: 2.5rem;
    }

    .bk-hero .bk-metrics {
        grid-template-columns: repeat(3, 1fr);
        margin-top: 50px;
    }
}

@media (max-width: 575px) {
    .bk-hero .bk-metrics {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .bk-hero .bk-metric {
        padding: 22px 12px;
    }

    .bk-hero .bk-metric-num {
        font-size: 1.7rem;
    }
}

@media (max-width: 991px) {
    .bk-features .bk-features-phone {
        margin-top: 2.5rem;
    }

    .bk-process .bk-process-steps {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 36px;
    }
}

@media (max-width: 575px) {
    .bk-process .bk-process-steps {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Project Overview Media Queries */
@media (max-width: 991px) {
    .overview-section .ov-inner {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .overview-section .ov-left {
        padding: 0;
    }

    .overview-section .ov-right {
        padding-left: 0;
        border-left: none;
        min-height: 440px;
    }

    .overview-section .ov-corner.tl,
    .overview-section .ov-corner.bl {
        left: 0;
    }

    .overview-section .ov-corner.tr,
    .overview-section .ov-corner.br {
        right: 0;
    }
}

/* Business Problem Media Queries */
@media (max-width: 991px) {
    .problem-section .pb-phone-col {
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .problem-section .pill {
        white-space: normal;
    }
}

/* Solution Section Media Queries */
@media (max-width: 991px) {
    .solution-section .sol-visual {
        margin-top: 2.5rem;
    }
}

/* Features Section Media Queries */
@media (max-width: 991px) {
    .features-section .kf-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .features-section .kf-grid {
        grid-template-columns: 1fr;
    }
}

/* Technical Architecture Media Queries */
@media (max-width: 1199px) {
    .arch-section .ta-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .arch-section .ta-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .arch-section .ta-cell {
        min-height: auto;
    }
}

@media (max-width: 480px) {
    .arch-section .ta-grid {
        grid-template-columns: 1fr;
    }
}

/* Development Process Media Queries */
@media (max-width: 767px) {
    .process-section .dp-step {
        grid-template-columns: 1fr;
        row-gap: 0.5rem;
    }
}

/* Business Results Media Queries */
@media (max-width: 767px) {
    .results-section .ri-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .results-section .ri-grid {
        grid-template-columns: 1fr;
    }
}