@media (min-width:1400px) {
    .container {
        max-width: 1310px !important;
    }

    .agentic-wrapper {
        padding: 120px 0;
    }

    .banner-description {
        max-width: 89%;
    }
}

@media (min-width:1200px) {
    .herobanner-wrapper h1~p {
        max-width: 81%;
    }

    .ai-insight-section .section-heading {
        max-width: 74%;
        margin-left: auto;
        margin-right: auto;
    }

    .ipbanner-wrapper {
        padding-top: 150px;
        padding-bottom: 66px;
    }
    .featured-listing .badge{
        font-size: 14px;
    }
}

@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .dropdown-menu.show {
        display: none;
    }
    .dropdown-mega .bb-dropdown-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        opacity: 0;
        visibility: hidden;
        margin: 20px 0 0 0;
    }
    .header-menu ul li.dropdown-mega:hover .dropdown-menu {
        display: block;
        top: 100%;
        left: 0;
        right: 0;
    }
    .dropdown-mega:hover .bb-dropdown-menu {
        margin-top: 0px;
        opacity: 1;
        visibility: visible;
    }
        .dropdown-mega .dropdown-toggle::after {
            display: none;
        }
}

@media (max-width: 1599px) {
    .herobanner-wrapper .img-1 {
        transform: translate(-32%, 0);
        max-width: 230px;
    }

    .herobanner-wrapper .img-2 {
        transform: translate(0px, -50%);
        max-width: 230px;
    }

    .herobanner-wrapper .img-3 {
        max-width: 300px;
        transform: translateX(-120px);
    }

    .herobanner-wrapper .main-img {
        width: 95%;
    }
}

@media (max-width: 1399px) {
    .herobanner-wrapper {
        padding-top: 220px;
        padding-bottom: 180px;
    }

    .herobanner-wrapper .img-2 {
        transform: translate(-50px, -50%);

    }

    .herobanner-wrapper h1,
    .ipbanner-wrapper h1 {
        font-size: 42px;
    }

    .herobanner-wrapper {

        min-height: auto;
    }

    .agentic-wrapper .img-2 {
        top: 28px;
        right: -4%;
        max-width: 275px;
    }

    .feature-hover p {
        font-size: 16px;
    }

    .monitoring-steps-wrapper .card {
        padding: 25px 16px 23px;
    }

    .monitoring-steps-wrapper .step-title {
        font-size: 18px;
    }

    .monitoring-steps-wrapper .step-desc {
        font-size: 14px;
        line-height: 1.6;
    }

    .trackingfeatures-item strong {
        font-size: 18px;
    }
    .filtter .filter-tags .btn-sm{
        padding: 8px 14px;
        font-size: 14px;
    }
    .filtter {
        padding: 0px 0 18px;
    }
    .badge{
        font-size: 12px;
    }

    .featured-listing strong{
        line-height: 1.24;
    }
        .featured-listing strong {
            margin-top: 9px;
            margin-bottom: 9px;
        }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .cw-wrap {
        width: 450px;
        height: 450px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .trial-form-card {
        padding: 20px 12px 24px;
    }

    .trial-form-subtitle {
        margin-bottom: 16px;
    }
}

@media (max-width: 1199px) {
    :root{
        --text-32: 28px;
            /* --text-22: 18px; */
    }
    .herobanner-wrapper .main-img {
        width: 90%;
    }

    .section-heading {
        font-size: 38px;
        margin-bottom: 30px;
    }

    .agentic-text {
        padding-right: 0;
    }

    .herobanner-wrapper {
        padding-top: 155px;
        padding-bottom: 100px;
    }

    .ipbanner-wrapper {
        padding-top: 130px;
        padding-bottom: 50px;
    }

    .herobanner-wrapper .img-1 {
        transform: translate(-24%, 0);
        max-width: 160px;

    }

    .herobanner-wrapper .img-2 {
        transform: translate(0px, -50%);
        max-width: 180px;
    }

    .herobanner-wrapper .img-3 {
        max-width: 200px;
        transform: translateX(-58px);
    }

    .herobanner-wrapper h1,
    .ipbanner-wrapper h1 {
        font-size: 38px;
    }

    .herobanner-wrapper h1~p {
        margin-top: 12px;
    }

    .banner-description {
        width: 90%;
    }

    .feature-stat {
        font-size: var(--text-18);
    }

    .agentic-wrapper .img-1 {
        max-width: 55%;
        /* top: 85px; */
        left: 0;
    }

    .agentic-wrapper .img-2 {
        top: -12px;
        right: -2%;
        max-width: 55%;
    }

    .agentic-wrapper .img-3 {
        width: 80%;
        padding-top: 200px;
    }

    .tangible-main-img .img-1 {
        max-width: 39%;
    }

    .tangible-main-img .img-2 {
        max-width: 43%;
    }

    .trackingfeatures-item:not(:last-of-type) {
        margin-bottom: 16px;
    }

    .trackingfeatures-display {
        margin-left: 38px;
    }

    .trackingfeatures-item {
        padding: 14px 12px;
    }

    .ai-insight-box--side {
        padding: 18px;
    }

    .ai-insight-label {
        font-size: 14px;
        line-height: 1.2;
        margin-bottom: 16px;
    }

    .ai-connector-arrow {
        top: 38%;
        left: 30%;
    }

    .tangible-sub-heading {
        font-size: 24px;
        line-height: 1.2;
    }

    .feature-hover p {
        font-size: 14px;
    }

    .feature-hover {
        padding: 16px;
    }

    .trial-form-title {
        font-size: 24px;
    }

    .trial-form-subtitle {
        font-size: 14px;
        line-height: 1.6;
    }

    .form-floating>.form-control {
        height: 46px;
        font-size: 14px;
        padding: 0;
    }

    .form-floating>label {
        font-size: 14px;
        padding: 0 1.05rem;
    }

    .monitoring-steps-wrapper .step-title {
        font-size: 16px;
    }

    .trackingfeatures-item strong {
        font-size: 16px;
    }

    .trackingfeatures-item img {
        max-width: 16px;
        margin-right: 8px;
        margin-top: 3px;
    }

    .bop-tracker-wrapper .card .img-box {
        height: 120px;
    }

    .bop-tracker-wrapper .card.achieve-card .card-body strong {
        font-size: 18px;
    }

    .bop-tracker-wrapper .card .card-body {
        padding: 16px 16px 24px;
    }

    /* .bop-tracker-wrapper strong {
        font-size: 16px;
    } */
    .bop-tracker-wrapper p {
        font-size: 15px;
    }

    .bop-tracker-wrapper .productivity-content {
        padding: 53px 0 0;
    }

    .productivity-box {
        bottom: 0;
    }

    .bop-tracker-wrapper .btn-link {
        margin-top: 32px;
    }
    .featured-blog-card strong.card-title,
        .featured-listing strong{
        font-size: 14px;
        line-height: 1.3;
    }
    
    .featured-listing .excerpt{
        font-size: 12px;
    }
    .filtter .filter-tags .btn-sm {
        padding: 6px 12px;
        font-size: 12px;
    }
    .blog-banner-wrapper .section-heading-2{
            margin-top: 14px;
                margin-bottom: 16px;
    }
    .search-toggle{
        width: 36px;
        height: 36px;
    }
    .section-heading-2 {
        padding-bottom: 12px;
        margin-bottom: 28px;
    }
    .blog-listing-card{
        padding: 24px;
    }
    .blog-listing-list li{
        margin-bottom: 8px;
    }
    .blog-listing-title{
        font-size: 18px;
        margin-bottom: 18px;
    }
    .featured-listing-card,
    .Featured-blisting-card{
        padding: 12px;
    }
    .featured-listing strong {
        margin-top: 4px;
        margin-bottom: 6px;
    }
    .search-input .btn{
        width: 38px;
    }
    .pricing-card{
        padding: 32px 22px;
    }
    .pricing-card p,.pricing-card .price span{
        font-size: 14px;
    }
    .pricing-card .btn-outline-primary {
        margin: 18px 0;
        padding: 15px 8px;
        font-size: 16px;
    }
    .pricing-card .pricing-features li{
        font-size: 14px;
        padding-left: 30px;
        margin-bottom: 10px;
    }
    .pricing-card .pricing-features li::before{
        font-size: 1rem;
        line-height: 1.35;
    }
    .pct-cell strong{
        font-size: 16px;
    }
    .pct-cell {
        padding: 12px;
    }
    .pct-category.pct-category .pct-cell {
        padding: 20px 12px 12px;
        font-size: 16px;
    }
    .pct-plan-cell2{
        padding: 30px 12px 28px;
    }
    .pct-row .pct-cell {
        width: 220px;
    }
    .pct-val .fa{
        width: 24px;
        height: 24px;
        font-size: 0.75rem;
        padding: 4px;
    }
    .pct-val,.pct-row .pct-cell {
        font-size: 0.875rem;
    }
        .navbar{
            padding: 4px 0;
        }
}

@media (max-width: 991px) {
    :root {
        --section-padding: 80px;
        --text-32: 24px;
            --text-base: 14px;
    }

    .section-heading {
        font-size: 30px;
    }

    .banner-description {
        width: 100%;
    }

    .herobanner-wrapper h1 {
        font-size: 28px;
    }

    .ipbanner-wrapper h1 {
        font-size: 32px;
        margin: 0 auto 16px;
        max-width: 85%;
    }

    .herobanner-wrapper h1~p {
        font-size: 16px;
    }

    .btn {
        margin-top: 32px;
    }

    .trial-form-card {
        margin: 24px auto 0;
    }

    .feature-card--image img {
        margin: auto;
    }

    .herobanner-wrapper .img-1 {
        transform: translate(-12%, 0);
        max-width: 142px;
    }

    .herobanner-wrapper .img-2 {
        transform: translate(24px, -50%);
        max-width: 156px;
    }

    .herobanner-wrapper .img-3 {
        max-width: 150px;
        transform: translateX(-27px);
        bottom: 20%;
    }

    .counter-label {
        font-size: var(--text-base);
    }

    .navbar-collapse ul li {
        width: 100%;
    }

    .navbar-collapse ul li:not(:last-child) {
        border-bottom: 1px solid #DDDDDD;
    }

    .nav-link {
        margin-left: 0;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .nav-link.dropdown-toggle.show::after{
        transform: translateY(-50%) rotate(180deg);
    }
    .navbar-collapse{
        margin-bottom: 16px;
    }

    .agentic-wrapper .img-2 {
        right: -2%;
        max-width: 50%;
    }

    .tangible-main-img .img-1 {
        max-width: 32%;
    }

    .tangible-main-img .img-2 {
        max-width: 36%;
    }

    .tangible-main-img {
        padding-right: 65px;
        padding-bottom: 35px;
    }

    .trackingfeatures-item:not(:last-of-type) {
        margin-bottom: 0;
    }

    .trackingfeatures-item strong {
        font-size: 18px;
        margin-bottom: 4px;
    }

    .trackingfeatures-item img {
        margin-top: 5px;
    }

    .trackingfeatures-display {
        margin-left: 0px;
    }

    .trackingfeatures-box {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .ai-insight-list li {
        padding: 12px;
    }

    .feature-hover p {
        font-size: 14px;
        line-height: 1.2;
    }

    .testi-stars {
        margin: 18px 0;
    }

    .ai-insight-flow {
        flex-direction: column;
        align-items: stretch;
        gap: 0px;
    }

    .ai-insight-box--side {
        width: 100%;
    }

    .ai-connector-arrow {
        display: none;
    }

    .ai-insight-connector-wrap {
        position: relative;
        /* transform: rotate(90deg) translateX(-50%); */
        /* left: 50%; */
        max-width: 100%;
        display: block;
        padding: 23px;
        top: 0;
    }

    .ai-connector-line {
        position: absolute;
        transform: translateX(-50%) rotate(90deg) scale(1);
        left: 50%;
        width: 75px;
        top: -5px;
    }

    .ai-center-screen {
        width: 240PX;
    }

    .ai-center-label {
        display: none;
    }

    .ai-insight-connector-wrap-2 .ai-connector-line {
        top: 12px;
    }

    .monitoring-steps-wrapper .step-title {
        font-size: 18px;
    }

    .faq-wrapper .accordion-button {
        font-size: 16px;
        padding: 16px;
    }

    .faq-wrapper .accordion-body {
        font-size: 14px;
        line-height: 1.6;
        padding: 16px;
    }

    .ipbanner-wrapper .lead {
        max-width: 100%;
        font-size: 16px;
    }

    .bop-tracker-wrapper h3 {
        font-size: 36px;
        line-height: 1.2;
    }

    .blog-banner-wrapper {
        padding-top: 120px;
        padding-bottom: 50px;
    }
    
    .blog-banner-wrapper .display-6 {
        font-size: 30px;
    }
    
    .blog-banner-wrapper .btn {
        padding: 12px 32px;
        margin-top: 20px;
    }
    .filtter {
        margin-bottom: 24px;
    }
                
    .featured-blog-card {
        padding-bottom: 12px;
    }
    .blog-listing-card {
        padding: 1.5rem;
    }
    .blog-listing-title{
        margin-bottom: 16px;
    }
    .blog-listing-list li{
        padding-left: 28px;
        margin-bottom: 8px;
    }
     .ai-insights-wrapper p{
            font-size: 16px;
        }
    .key-takeaways-card,.wide-cta-section {
     
        padding: 24px 28px 28px;
    }
    .section-heading-3{
        font-size: 20px;
    }
    .key-takeaways li,.blog-article-body p{
        font-size: 14px;
    }
    .key-takeaways-card{
        margin-top: 28px;
    }
    .pct-plan-cell2 .most-popular{
        font-size: 10px;
    }
    .pct-plan-cell2 .plan-price{
        font-size: 12px;
    }
    .pct-plan-cell2 .plan-price strong{
        font-size: 18px;
    }
    .pct-cell strong {
        font-size: 14px;
    }
    .pct-plan-cell2 {
        padding: 24px 8px 20px;
    }
    .pct-head .pct-cell{
        padding:12px ;
    }
    .pct-cell {
        padding: 8px;
    }
    .pct-row .pct-cell {
        width: 175px;
    }
    .pct-category.pct-category .pct-cell {
        padding: 18px 8px 12px;
        font-size: 14px;
    }
    .pct-row .pct-cell {
        width: 165px;
    }
    .pct-plan-cell2 .plan-price span{
        display: block;
    }
    .pct-plan-cell2 .plan-price{
        display: grid;
        gap: 6px;
        font-weight: 600;
    }
    .pct-plan-cell2 {
        padding: 30px 8px 12px;
    }
    .dropdown-mega .bb-dropdown-menu {
        box-shadow: none;
        border-radius: 4px;
        position: relative;
        margin-top: 0;
    }
    .dropdown-mega .bb-dropdown-menu li a {
        font-size: 12px;
        padding: 12px 12px 12px 32px;
    }
    .dropdown-mega .bb-dropdown-menu li a::before{
        left:10px;
    }
    .dropdown-toggle::after {
        right: 8px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%) rotate(0deg);
        border-top: 6px solid;
        border-right: 6px solid transparent;
        border-bottom: 0;
        border-left: 6px solid transparent;
        border-radius: 4px;
    }
    /* header .navbar-nav .nav-item {
        padding: 0;
    }
    header .navbar-nav .nav-item {
        display: block;
    } */
     
    .sticky-sidebar {
        position: static;
        /* disable sticky on tablet/mobile */
    }

    .blog-sidebar {
        display: none;
    }

    .toc-card {
        max-height: none;
    }

    .pct-head{
        padding-top: 85px;
    }
}


/* Divider between counters (desktop only) */
@media (max-width: 767px) {
    :root {
        --section-padding: 60px;
        --text-32: 20px;
        --text-base: 14px;
    }

    .feature-wrapper {
        padding: 40px 0;
    }

    .herobanner-wrapper {
        text-align: center;
        padding-top: 100px;
        padding-bottom: 0px;
    }
    .blog-banner-wrapper {
        padding-top: 100px;
        padding-bottom: 40px;
    }

    .ipbanner-wrapper {
        padding-top: 100px;
        padding-bottom: 40px;
    }
    .ipbanner-wrapper.pricing-wrapper {
        padding-bottom: 60px;
    }

    .ipbanner-wrapper h1 {
        font-size: 28px;
        margin-bottom: 8px;
    }

    .ipbanner-wrapper .lead {
        font-size: 14px;
    }

    .banner-right {
        position: relative;
        width: 100%;
        max-width: 100%;
        left: 0;
        right: 0;
        padding-top: 45px;
    }

    .herobanner-wrapper .main-img {
        width: 90%;
        margin: auto;
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        margin-bottom: -24px;
    }

    .herobanner-wrapper .img-2 {
        right: 0;
        left: auto;
    }

    .herobanner-wrapper .img-3 {
        transform: translateX(-27px);
        bottom: 24px;
    }

    .banner-description {
        width: 88%;
        margin: auto;
    }

    .btn {
        padding: 10px 28px;
        font-size: 16px;
    }

    .section-heading {
        font-size: 22px;
        margin-bottom: 24px;
    }

    .trial-form-subtitle {
        font-size: 14px;
        margin-bottom: 18px;
    }

    .trial-form .trial-form-control.form-control {
        font-size: 14px;
        height: 48px;
        padding: 1.05rem 0.9rem 0.3rem;
    }

    .trial-form .form-floating>label {
        font-size: 12px;
        padding: 0 0.9rem;
    }

    .feature-icon {
        margin-bottom: 12px;
        line-height: 1.2;
    }

    .feature-default {
        padding: 16px;
    }

    .monitoring-steps-wrapper .step-title {
        font-size: 16px;
        margin-top: 12px;
    }

    .navbar-brand {
        max-width: 148px;
    }

    .logo-slide {
        min-width: 140px;
        height: 66px;
        padding: 14px 20px;
    }

    .logo-slide img {
        max-height: 38px;
        max-width: 100px;
    }

    .logo-marquee-track {
        gap: 14px;
    }

    .testi-avatar {
        width: 38px;
        height: 38px;
    }

    .testi-card {
        padding: 12px;
    }

    .testi-header strong {
        font-size: 14px;
    }

    .testimonial-section .slick-track {
        padding: 10px 0;
    }

    .feature-card--image img {
        margin: auto;
        width: 100%;
    }

    .counter-number {
        font-size: 30px;
    }

    .feature-box strong {
        font-size: 16px;
        margin-bottom: 12px;
    }


    .testi-card p,
    .tangible-desc,
    .tangible-features li p,
    .bpo-monitoring-wrapper p {
        font-size: 14px;
    }

    .feature-box p {
        font-size: 12px;
        line-height: 1.6;
    }

    .tangible-features li:not(:last-child) {
        margin-bottom: 16px;
    }

    .feature-icon img {
        max-width: 40px;
        height: 36px;
    }

    .feature-stat {
        font-size: 16px;
        line-height: 1.3;
    }

    .cta-subtitle {
        font-size: 14px;
    }

    .cta-card {
        padding: 40px 18px;
    }

    .trackingfeatures-item {
        padding: 12px;
    }

    .trackingfeatures-item img {
        max-width: 16px;
        margin-right: 8px;
    }

    .trackingfeatures-item strong {
        font-size: 16px;
    }

    .trackingfeatures-item small {
        line-height: 1.5;
        font-size: 12px;
        display: block;
    }

    .testi-slide {
        padding: 0 8px;
    }

    .testi-quote {
        max-width: 32px;
    }

    .footer-bottom {
        margin-top: 40px;
    }

    .feature-wrapper::before,
    .counter-wrapper::before {
        background: hsla(210, 11%, 15%, 0.95);
    }

    .testi-card p {
        line-height: 1.6;
    }

    .testi-stars {
        margin: 14px 0;
    }

    .monitoring-steps-wrapper .step-icon img {
        width: 45px;
        height: 45px;
    }

    .monitoring-steps-wrapper .card {
        padding: 16px 12px 18px;
    }

    .monitoring-steps-wrapper .step-desc {
        font-size: 12px;
    }

    .cw-list-group .list-group-item {
        padding: 12px 12px;
        font-size: 14px;
    }

    .users-circle-wrapper p.lead {
        font-size: 14px;
    }

    .trial-form-card {
        border-radius: 20px 20px 0 0;
        z-index: 2;
    }

    .bop-tracker-wrapper h3 {
        font-size: 32px;
        line-height: 1.2;
        margin: 12px 0 8px;
    }

    .bop-tracker-wrapper strong {
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 8px;
    }

    .bop-tracker-wrapper p {
        font-size: 14px;
    }

    .bop-tracker-wrapper .btn-link {
        font-size: 14px;
        margin-top: 24px;
    }

    .bop-tracker-wrapper .card .card-body {
        padding: 12px 12px 16px;
    }
    .blog-banner-wrapper .section-heading-2 {
        margin-top: 8px;
        margin-bottom: 12px;
    }
    .badge {
        padding: 4px 8px;
    }
    .latest-articles-wrapper .featured-article .img-box{
        margin-bottom: 12px;
    }
    .featured-article {
        padding-bottom: 12px;
    }
    .featured-blog-card strong.card-title {
        padding: 8px 0 0;
    }
    .featured-blog-card {
        padding-bottom: 12px;
    }
    .bloguser-img {
        width: 18px;
        height: 18px;
    }
    .section-heading-2 {
        padding-bottom: 12px;
        margin-bottom: 24px;
    }
    
    .featured-listing-card, .Featured-blisting-card {
        padding: 8px;
    }
    .featured-listing li{
        margin-bottom: 8px;
        padding-bottom: 8px;
    }
    .ai-insights-wrapper p{
        font-size: 14px;
    }
    .subscribe-box input {
        padding: 10px 16px;
    }
    .subscribe-box{
        margin-top: 24px;
    }
    .featured-blog-card .badge{
        left: 8px;
    }
    .section-heading-3 {
        font-size: 18px;
    }
    .key-takeaways-card,.wide-cta-section {
        padding: 18px 18px 24px;
    }
    .key-takeaways li::before{
        font-size:14px;
        line-height: 1.5;
    }
    .key-takeaways li{
        padding-left: 24px;
        margin-bottom: 8px;
    }
    .blog-article-body p{
        margin-bottom: 6px;
    }
    .key-takeaways-card{
        margin-top: 24px;
    }
    .pricing-card {
        padding: 24px 16px;
    }
    .pricing-card .price{
        font-size: 32px;
    }
    .pricing-toggle .tab{
        font-size: 16px;
    }
    .pct-plan-cell2 .btn{
        display: none;
    }
    .pct-plan-cell2 {
        padding: 30px 8px 16px;
    }
    .pct-row .pct-cell {
        width: 125px;
    }
    .pricing-toggle{
        width: 280px;
        top: -28px;
    }
    .pricing-toggle .tab {
        font-size: 14px;
    }
    .faq-wrapper .flotting-img{
        top: 0px;
    }
    .pricing-comparison-wrapper{
        display: none;
    }
}

/* =====================
   RESPONSIVE TWEAKS
===================== */

@media (max-width: 575px) {
    :root {
        --section-padding: 40px;
        --text-32: 18px;
        --text-base: 12px;
    }

    .navbar {
        padding: 6px 0;
    }

    .btn {
        padding: 8px 24px;
        font-size: 12px;
        margin-top: 24px;
    }

    .section-heading {
        font-size: 20px;
        margin-bottom: 18px;
    }
    .blog-banner-wrapper {
        padding-top: 80px;
        padding-bottom: 24px;
    }

    .herobanner-wrapper .main-img {
        width: 80%;
    }

    .herobanner-wrapper .img-2 {
        transform: translate(-16px, -50%);
        max-width: 30%;
    }

    .herobanner-wrapper .img-1 {
        transform: translate(8px, 0);
        max-width: 142px;
        max-width: 28%;
        top: 8%;
    }

    .herobanner-wrapper .img-3 {
        transform: translateX(11px);
        bottom: 15px;
        max-width: 30%;
    }

    .feature-box {
        max-width: 300px;
        margin: auto;
    }

    .feature-box p,
    .testi-card p,
    .tangible-desc,
    .tangible-features li p,
    .cta-subtitle,
    .agentic-text,
    .users-circle-wrapper p.lead,
    .bpo-monitoring-wrapper p {
        font-size: 12px;
    }

    .agentic-text {
        margin-bottom: 8px;
    }

    .counter-wrapper {
        padding: 40px 0;
    }

    .counter-wrapper {
        background-attachment: scroll;
        /* fix parallax on mobile */
    }

    .feature-stat {
        font-size: 14px;

    }

    .herobanner-wrapper h1~p {
        font-size: 12px;
        margin-top: 8px;
    }


    .logo-slide {
        min-width: 120px;
        height: 58px;
        padding: 12px 16px;
    }

    .logo-slide img {
        max-height: 26px;
        max-width: 85px;
    }

    .logo-marquee-track {
        gap: 10px;
    }

    /* .logo-marquee-track-wrapper {
            -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 6%, #000 94%, transparent 100%);
            mask-image: linear-gradient(to right, transparent 0%, #000 6%, #000 94%, transparent 100%);
        } */

    .footer-wrapper {
        padding-top: 40px;
    }

    .cta-wrapper .section-heading {
        margin-bottom: 18px;
    }

    .cta-subtitle {
        margin-bottom: 0;
    }

    .cta-card {
        padding: 24px 12px;
    }

    .agentic-wrapper .img-1 {
        max-width: 50%;
        /* top: 85px; */
        top: 2%;
        left: 2%;
    }

    .agentic-wrapper .img-2 {
        top: -12px;
        right: 2%;
        max-width: 50%;
    }

    .agentic-wrapper .img-3 {
        width: 80%;
        padding-top: 34%;
        transform: rotate(-3deg) translateX(-50%);
    }

    .tangible-main-img {
        padding-right: 30px;
        padding-bottom: 24px;
    }

    .tangible-sub-heading {
        font-size: 16px;
        margin-bottom: 4px;
    }

    .tangible-desc {
        margin-bottom: 8px;
    }

    .tangible-features li strong {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .tangible-features li {
        gap: 8px;
    }

    .tfc-icon {
        min-width: 14px;
        height: 14px;
        margin-top: -3px;
    }

    .trackingfeatures-box {
        gap: 8px;
    }

    .testi-avatar {
        width: 24px;
        height: 24px;
    }

    .testi-header {
        gap: 6px;
    }

    .testi-stars {
        margin: 8px 0;
        font-size: 10px;
    }

    .testi-quote {
        max-width: 24px;
    }

    .trackingfeatures-item strong {
        font-size: 14px;
    }

    .trackingfeatures-item {
        padding: 8px;
    }

    .trackingfeatures-item img {
        margin-right: 6px;
    }

    .testi-card {
        padding: 8px;
    }

    .navbar-brand {
        max-width: 132px;
        padding: 0  ;
    }

    .ai-insight-list li {
        padding: 8px;
        font-size: 12px;
    }

    .ai-insight-box--side {
        padding: 18px 12px;
    }

    .logo-slick-slider .slick-slide {
        padding: 0 4px;
    }

    .footer-wrapper ul li a {
        font-size: 12px;
    }

    .footer-wrapper ul li:not(:last-of-type) {
        margin-bottom: 4px;
    }

    .footer-wrapper strong {
        margin-bottom: 12px;
        font-size: 14px;
    }

    .footer-bottom {
        margin-top: 24px;
        padding: 8px 0;
        font-size: 12px;
    }

    .feature-default {
        padding: 12px;
    }

    .feature-hover p {
        font-size: 12px;
        line-height: 1.2;
    }

    .feature-hover {
        padding: 8px;
    }

    .ai-insight-section {
        padding: 60px 0;
    }

    .ai-insight-box--side {
        padding: 24px 18px;
    }

    /* .ai-code-block {
        font-size: 10px;
    } */
    .faq-wrapper .accordion-button {
        font-size: 14px;
        padding: 8px 12px;
        line-height: 1.6;
    }

    .faq-wrapper .accordion-body {
        font-size: 12px;
        line-height: 1.6;
        padding: 12px;
    }

    .accordion-button::after {
        width: 16px;
        background-size: 10px;
    }

    .cw-wrap {
        width: 375px;
        height: 375px;
    }

    .cw-orbit-img1,
    .cw-orbit-img2,
    .cw-orbit-img3,
    .cw-orbit-img4,
    .cw-orbit-img5,
    .cw-orbit-img6 {
        width: 55px;
        height: 55px;
    }

    .clock-orbiters {
        width: 95px;
        height: 95px;
    }

    .cw-orbit-img4 {
        top: -26px;
    }

    .cw-list-group .list-group-item {
        padding: 8px 12px;
        font-size: 12px;
    }

    .cw-list-group .list-group-item:not(:last-child) {
        margin-bottom: 6px;
    }

    .monitoring-steps-wrapper .step-title {
        font-size: 14px;
        margin-top: 8px;
    }

    .trial-form-title {
        font-size: 20px;
        line-height: 1.2;
        margin-bottom: 8px;
    }

    .trial-form-subtitle {
        font-size: 12px;
        margin-bottom: 12px;
    }

    .trial-form-card {
        padding: 18px 12px 18px;
    }

    .trial-form .trial-form-control.form-control {
        height: 40px;
    }

    .ipbanner-wrapper .lead {
        font-size: 12px;
    }

    .ipbanner-wrapper h1 {
        max-width: 95%;
    }

    .bop-tracker-wrapper h3 {
        font-size: 28px;
    }

    .bop-tracker-wrapper strong {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .bop-tracker-wrapper p {
        font-size: 12px;
    }

    .bop-tracker-wrapper .btn-link {
        font-size: 12px;
        margin-top: 18px;
    }

    .bop-tracker-wrapper .productivity-content .img-line-up {
        max-width: 247px
    }
    .filtter {
        padding: 0px 0 8px;
        margin-bottom: 12px;
    }
    .section-heading-2 {
        padding-bottom: 8px;
        margin-bottom: 16px;
    }
     .blog-listing-card {
        padding: 1rem;
    }
    .blog-listing-title{
        margin-bottom: 12px;
    }
    .blog-listing-list li{
        padding-left: 28px;
        margin-bottom: 4px;
        font-size: 12px;
    }
    /* .blog-listing-title {
        font-size: 1.2rem;
    } */
    .badge {
        font-size: 10px;
    }
    .ai-insights-wrapper p{
        font-size: 12px;
    }
    .section-heading-3 {
        font-size: 16px;
    }
    .key-takeaways li,.blog-article-body p{
        font-size: 12px;
    }
    .key-takeaways-card,
    .wide-cta-section {
        padding: 12px 12px 18px;
    }
    .key-takeaways li {
        padding-left: 20px;
        margin-bottom: 4px;
        font-size: .95rem;
    }
    .key-takeaways-card{
        margin-top: 16px;
    }
    .pricing-card .pricing-features li {
        font-size: 12px;
        padding-left: 26px;
        margin-bottom: 6px;
    }
    .pricing-card p,
    .pricing-card .price span {
        font-size: 12px;
    }
    .pricing-card .price {
        font-size: 28px;
        line-height: 1.2;
    }
    .pricing-card p{
        margin-top: 4px;
    }
    .pricing-card .btn-outline-primary {
        margin: 16px 0;
        padding: 8px 8px;
        font-size: 14px;
    }
    .pricing-card .pricing-features li::before {
        font-size: 14px;
        line-height: 1.35;
    }
    .pricing-card {
        padding: 16px 16px;
    }
    .pct-category.pct-category .pct-cell {
        padding: 12px 8px 12px;
        font-size: 12px;
    }
    .pct-val,
    .pct-row .pct-cell {
        font-size: 12px;
    }
    .pct-val .fa {
        width: 20px;
        height: 20px;
        font-size: 10px;
        padding: 4px;
    }
    .pct-cell {
        padding: 6px;
    }
    .pct-cell strong {
        font-size: 13px;
    }
    .pct-plan-cell2 .plan-price {
        font-size: 10px;
    }
    .pct-plan-cell2 .plan-price strong {
        font-size: 16px;
    }
    .pct-plan-cell2 .most-popular {
        font-size: 8px;
    }
    .pct-head .pct-cell {
        padding: 8px;
    }
    .pct-plan-cell2 {
        padding: 28px 8px 14px;
    }
    .pct-row .pct-cell {
        width: 95px;
    }
    .pct-row .pct-cell:first-child {
        min-width: 175px;
    }
    .pct-row {
        min-width: 460px;
    }
    .pricing-toggle .tab{
        padding: 8px 8px;
    }
    .pricing-toggle {
        width: 250px;
        top: -24px;
    }
    .filtter { gap: 4px; }
    .blog-banner-wrapper .blog-image {
        text-align: center;
    }
   
    .latest-articles-wrapper {
        padding: 40px 0 var(--section-padding);
    }
    .nav-link {
    
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-toggler {
        width: 33px;
        height: 33px;
        padding: 4px;
    }
    .navbar-toggler .icon-bar{
        left: 8px;
        width: calc(100% - 16px);
    }
    .navbar-toggler .icon-bar:nth-child(3) {
        bottom: 29%;
    }
        }


@media (max-width: 424px) {
    :root { 
            --text-32: 16px; 
        }
    .max-w-heading {
        max-width: 100%;
    }

    .herobanner-wrapper h1,
    .ipbanner-wrapper h1 {
        font-size: 22px;
        max-width: 100%;
    }

    .tangible-sub-heading {
        font-size: 14px;
    }

    .faq-wrapper .accordion-button {
        font-size: 12px;
    }

    .cw-wrap {
        width: 320px;
        height: 320px;
    }

    .cw-orbit-img1,
    .cw-orbit-img2,
    .cw-orbit-img3,
    .cw-orbit-img4,
    .cw-orbit-img5,
    .cw-orbit-img6 {
        width: 45px;
        height: 45px;
    }

    .cw-orbit-img3 {
        bottom: -20px;
    }

    .bop-tracker-wrapper .productivity-content .img-line-up {
        max-width: 225px;
    }

    content {
        padding: 30px 0 0;
    }
}

@media (max-width: 374px) {
    .counter-label {
        font-size: var(--text-14);
    }

    .feature-hover p {
        font-size: 10px;
        line-height: 1.4;
    }

    .trackingfeatures-item strong {
        font-size: 13px;
    }

    .cw-wrap {
        width: 280px;
        height: 280px;
    }

    .cw-orbit-img1,
    .cw-orbit-img2,
    .cw-orbit-img3,
    .cw-orbit-img4,
    .cw-orbit-img5,
    .cw-orbit-img6 {
        width: 45px;
        height: 45px;
    }

    .cw-orbit-img2 {
        right: -5px;
        top: 50px;
    }

    .cw-orbit-img1 {
        left: -5px;
        top: 50px;
    }
}