/* ==========================
   XS - Extra Small (Phones)
   max-width: 575.98px
=========================== */
@media (max-width: 575.98px) {
    .header-author-img2 {
        right: 16px !important;
    }
    .offcanvas-header img {
        max-width: 210px !important;
    }
    .core-h2 {
        padding-bottom: 42px !important;
    }
    .main-timeline .timeline-content:before,
    .main-timeline .timeline:nth-child(even) .timeline-content:before,
    .main-timeline .timeline-content:after,
    .main-timeline .timeline:nth-child(even) .timeline-content:after {
        display: none !important;
    }
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(even) .timeline-content {
        padding-left: 113px !important;
    }
    .cars-nw-supports .mk-feedback-content {
        text-align: center !important;
    }
    .cars-nw-supports .mk-icon-indicators {
        float: none !important;
        display: inline-flex !important;
    }

    .custom-accordion .accordion-button {
        padding: 30px 99px 32px 16px !important;
        font-size: 18px !important;
    }
    .sub-para {
        text-align: center !important;
    }
    /* .sticky-header,.main-header{
    background-color: blue !important;
  } */
    /* .step-body{
    opacity: 1 !important;
    max-height: 100% !important;
   } */
    .cadence-track {
        padding: 6px !important;
    }
    .cd-lf-wd .carousel-slide lottie-player {
        max-width: unset !important;
        width: 100% !important;
        height: 100% !important;
    }
    .cadence-right {
        padding-left: 0 !important;
    }
    .int-icon-one,
    .int-icon-two {
        display: none !important;
    }
    .cadence-left {
        position: unset !important;
    }
    /* .cadence-left{
    display: none !important;
   } */
    .bg-anim lottie-player {
        width: 240px !important;
        height: 240px !important;
    }
    .lft-nw1 {
        left: unset !important;
    }
    .lft-nw2 {
        right: unset !important;
    }
    .pt-row .pt-card-left {
        margin-right: 0 !important;
    }
    .pt-row .pt-card-right {
        margin-left: 0 !important;
    }
    /* Odd rows (1,3,5) */
    .pt-row:nth-child(odd) .pt-card-left {
        order: 2;
    }
    .pt-row:nth-child(odd) .pt-node {
        order: 1;
    }
    .steps {
        display: flex;
        flex-flow: column;
    }

    .steps:nth-child(odd) .panel-left {
        order: 2;
    }
    .steps:nth-child(odd) .panel-right {
        order: 1;
        text-align: center;
    }
    .steps:nth-child(odd) .step-node {
        order: 3;
        text-align: center;
        flex-direction: unset !important;
        justify-content: unset !important;
        gap: unset !important;
        display: unset !important;
        position: unset !important;
    }
    lottie-player {
        width: unset !important;
        height: unset !important;
    }
    .eco-section {
        padding: 0 37px;
    }
    .why-chs-nw {
    }
    /* 


 .step:nth-child(odd) .panel-left{
 order:3;
}


.pt-row:nth-child(odd) .step-panel-empty{
 order:1;
} */

    .pt-card-icon-row {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .header-images-area {
        transform: scale(0.89) !important;
    }
    .carousel-slide lottie-player {
        max-width: 320px !important;
    }
    .main-timeline.line-active::after {
        display: none !important;
    }
    .pt-row {
        display: flex !important;
        flex-flow: column !important;
    }
    .pt-row .pt-card-left {
        margin-right: 0 !important;
    }
    .pt-row .pt-card-right {
        margin-left: 0 !important;
    }
    /* Odd rows (1,3,5) */
    .pt-row:nth-child(odd) .pt-card-left {
        order: 2;
    }
    .pt-row:nth-child(odd) .pt-node {
        order: 1;
    }
    .footer-bottom .text-end {
        text-align: center !important;
    }
    .main-timeline:before {
        display: none !important;
    }
    .hdr-logo-nw1 {
        max-width: 234px !important;
    }
    .image-wrapper {
        left: -19px !important;
    }
    .main-timeline::after {
        left: 15% !important;
        right: unset !important;
    }
    .pe-5-digi-hr {
        padding-right: 0 !important;
        padding-top: 23px !important;
    }
    .span-arrow {
        font-size: 16px !important;
    }
    .digi-why-right h2 {
        font-size: 26px !important;
    }
    .digi-hero-text h1 {
        font-size: 22px !important;
    }
    .nw-slidr-ecom {
        margin-top: -69px !important;
    }
    .infographic {
        transform: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        height: unset !important;
    }

    /* reset bubble positions */

    .top-left,
    .mid-left,
    .bot-left,
    .top-right,
    .mid-right,
    .bot-right {
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
    }

    /* bubble style */

    .bubble {
        position: relative !important;
        width: 100% !important;
        max-width: 420px !important;
        margin-bottom: 20px !important;
    }

    /* remove arrow */

    .bubble::after,
    .center-circle,
    .dashed-ring {
        display: none !important;
    }

    .bubble.right {
        flex-direction: row-reverse;
    }

    .bubble-text {
        text-align: left !important;
    }

    .center-circle {
        margin-bottom: 40px !important;
    }
    .layout {
        flex-direction: column;
        gap: 24px;
        align-items: center;
    }

    .nodes .node {
        width: 48px;
        height: 48px;
    }
    .center-num {
        font-size: 2rem;
    }
    .phase-title {
        font-size: 1.4rem;
    }
    .phase-desc {
        font-size: 0.8rem;
    }
    .tab-nav {
        flex-wrap: wrap;
        gap: 6px;
    }

    /* hero & images */
    .image-wrapper {
        max-width: 350px;
        margin: auto;
    }
    .digi-hero-text h1 {
        font-size: 22px;
    }
    .digi-why-right h2 {
        font-size: 26px;
    }

    /* infographic layout */
    .infographic {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
        transform: none;
    }

    /* reset bubble positions */
    .top-left,
    .mid-left,
    .bot-left,
    .top-right,
    .mid-right,
    .bot-right {
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }

    /* bubble layout */
    .bubble {
        width: 100%;
        max-width: 420px;
        margin-bottom: 20px;
        position: relative;
        flex-direction: column;
    }
    .bubble.right {
        flex-direction: column;
    }
    .bubble-text {
        text-align: left;
    }

    /* hide arrows / center elements */
    .bubble::after,
    .center-circle,
    .dashed-ring {
        display: none;
    }

    /* center circle spacing */
    .center-circle {
        margin-bottom: 40px;
    }

    /* arrows / small text */
    .span-arrow {
        font-size: 16px;
    }

    /* other spacing */
    .pe-5-digi-hr {
        padding-right: 0;
        padding-top: 23px;
    }
    .nw-slidr-ecom {
        margin-top: -69px;
    }
    /* .process-section .pt-row:nth-child(odd) .pt-card-left{
    order:unset !important;
  } */
}

/* ==========================
   SM - Small Devices (576px - 767.98px)
=========================== */
@media (min-width: 576px) and (max-width: 767.98px) {
    /* .step-body{
    opacity: 1 !important;
    max-height: 100% !important;
   } */
    .offcanvas-header img {
        max-width: 210px !important;
    }
    .core-h2 {
        padding-bottom: 42px !important;
    }
    .cd-lf-wd .carousel-slide lottie-player {
        max-width: unset !important;
        width: 100% !important;
        height: 100% !important;
    }

    .image-wrapper {
        max-width: 433px !important;
        left: -19px !important;
    }

    .sub-para {
        text-align: center !important;
    }
    .cadence-track {
        padding: 6px !important;
    }
    .cadence-right {
        padding-left: 0 !important;
    }
    .bg-anim lottie-player {
        width: 240px !important;
        height: 240px !important;
    }
    .pt-row {
        display: flex !important;
        flex-flow: column !important;
    }
    .pt-row .pt-card-left {
        margin-right: 0 !important;
    }
    .pt-row .pt-card-right {
        margin-left: 0 !important;
    }
    /* Odd rows (1,3,5) */
    .pt-row:nth-child(odd) .pt-card-left {
        order: 2;
    }
    .pt-row:nth-child(odd) .pt-node {
        order: 1;
    }
    .int-icon-one,
    .int-icon-two {
        display: none !important;
    }
    .cadence-left {
        position: unset !important;
    }

    /* .sticky-header,.main-header{
    background-color: orange !important;
  } */
    /* .process-section .pt-row:nth-child(odd) .pt-card-left{
    order:unset !important;
  } */
    .lft-nw1 {
        left: unset !important;
    }
    .lft-nw2 {
        right: unset !important;
    }
    .steps {
        display: flex;
        flex-flow: column;
    }

    .steps:nth-child(odd) .panel-left {
        order: 2;
    }
    .steps:nth-child(odd) .panel-right {
        order: 1;
        text-align: center;
    }
    .steps:nth-child(odd) .step-node {
        order: 3;
        text-align: center;
        flex-direction: unset !important;
        justify-content: unset !important;
        gap: unset !important;
        display: unset !important;
        position: unset !important;
    }
    lottie-player {
        width: unset !important;
        height: unset !important;
    }

    .pt-row .pt-card-left {
        margin-right: 0 !important;
    }
    .pt-row .pt-card-right {
        margin-left: 0 !important;
    }
    /* Odd rows (1,3,5) */
    .pt-row:nth-child(odd) .pt-card-left {
        order: 2;
    }
    .pt-row:nth-child(odd) .pt-node {
        order: 1;
    }
    .stats-bar .cols {
        width: 50% !important;
    }
    .carousel-slide lottie-player {
        max-width: 320px !important;
    }
    .footer-bottom .text-end {
        text-align: center !important;
    }
    .main-timeline.line-active::after {
        display: none;
    }
    .header-images-area {
        transform: scale(0.89) !important;
    }
    .hdr-logo-nw1 {
        max-width: 234px !important;
    }
    .pricing-toggle {
        margin-top: 24px !important;
    }

    .ca-card-title {
        position: unset !important;
    }
    .ed-solu-ecom {
        height: unset !important;
    }
    .pe-5-digi-hr {
        padding-right: 0 !important;
        padding-top: 23px !important;
    }
    .nw-slidr-ecom {
        margin-top: -69px !important;
    }

    .image-wrapper {
        max-width: 500px !important;
    }
    .qty-portfolio__img {
        padding: 0 20px !important;
    }
    .digi-hero {
        padding-top: 125px !important;
    }
    .infographic {
        transform: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        height: unset !important;
    }

    /* reset bubble positions */

    .top-left,
    .mid-left,
    .bot-left,
    .top-right,
    .mid-right,
    .bot-right {
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
    }

    /* bubble style */

    .bubble {
        position: relative !important;
        width: 100% !important;
        max-width: 420px !important;
        margin-bottom: 20px !important;
    }

    /* remove arrow */

    .bubble::after,
    .center-circle,
    .dashed-ring {
        display: none !important;
    }

    .bubble.right {
        flex-direction: row-reverse;
    }

    .bubble-text {
        text-align: left !important;
    }

    .center-circle {
        margin-bottom: 40px !important;
    }
    .layout {
        flex-direction: column;
        gap: 32px;
        align-items: center;
    }

    .nodes .node {
        width: 56px;
        height: 56px;
    }
    .center-num {
        font-size: 2.2rem;
    }
    .phase-title {
        font-size: 1.5rem;
    }

    .image-wrapper {
        max-width: 500px;
        margin: auto;
    }

    .digi-hero {
        padding-top: 125px;
    }

    .infographic {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
        transform: none;
    }

    .bubble {
        width: 100%;
        max-width: 420px;
        margin-bottom: 20px;
    }

    .bubble.right {
        flex-direction: row-reverse;
    }

    .bubble-text {
        text-align: left;
    }

    /* reset bubble positions */
    .top-left,
    .mid-left,
    .bot-left,
    .top-right,
    .mid-right,
    .bot-right {
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }

    /* hero & spacing adjustments */
    .pe-5-digi-hr {
        padding-right: 0;
        padding-top: 23px;
    }
    .nw-slidr-ecom {
        margin-top: -69px;
    }

    .qty-portfolio__img {
        padding: 0 20px;
    }
}

/* ==========================
   MD - Medium Devices (768px - 991.98px)
=========================== */
@media (min-width: 768px) and (max-width: 991.98px) {
    /* .sticky-header,.main-header{
    background-color: pink !important;
  } */
    .int-icon-two ul li:nth-child(3),
    .int-icon-one ul li:nth-child(3) {
        bottom: 43px !important;
        top: unset !important;
    }
    .why-chs-nw .align-items-center {
        transform: scale(1.009) !important;
    }

    .lft-nw1 {
        left: unset !important;
    }
    .lft-nw2 {
        right: unset !important;
    }
    .pricing-toggle {
        margin-top: 24px !important;
    }
    .shape-service .color-shape-2 {
        bottom: 255px !important;
    }
    .digi-hero {
        padding-top: 125px !important;
    }
    .pe-5-digi-hr {
        padding-right: 0 !important;
        padding-top: 23px !important;
    }
    .digi-header {
        text-align: center;
    }
    .pe-5-digi-hr {
        padding-right: 0 !important;
    }
    .digi-why-right h2 {
        font-size: 26px !important;
    }
    .span-arrow {
        font-size: 16px !important;
    }
    .qty-portfolio__img {
        padding: 0 20px !important;
    }
    .action-btns {
        text-align: right !important;
    }

    .infographic {
        transform: scale(0.93) !important;
    }

    .bubble {
        width: 257px !important;
    }
    /* .layout {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 36px;
  }
 
  .nodes .node {
    width: 56px;
    height: 56px;
  }
  .center-num {
    font-size: 2.4rem;
  }
  .phase-title {
    font-size: 1.6rem;
  }

  .digi-hero {
    padding-top: 125px;
  } */
    .center-circle,
    .dashed-ring {
        display: none !important;
    }
    .shape-service .color-shape-2 {
        bottom: 255px !important;
    }

    .digi-header {
        text-align: center !important;
    }

    .digi-why-right h2 {
        font-size: 26px !important;
    }

    .span-arrow {
        font-size: 16px !important;
    }

    .action-btns {
        text-align: right !important;
    }
    .bubble {
        width: 356px !important;
    }
    .mid-left {
        left: -6% !important;
    }
    .bot-left {
        left: -7% !important;
    }
    .digi-why-right {
        width: 100% !important;
        text-align: center;
    }
    .bg-anim {
    }
}

/* ==========================
   LG - Large Devices (992px - 1199.98px)
=========================== */
@media (min-width: 992px) and (max-width: 1199.98px) {
    /* .sticky-header,.main-header{
    background-color: brown !important;
  } */
    .infographic {
        transform: scale(0.9) !important;
    }
    .bubble {
        width: 357px !important;
    }
    .shape-service .color-shape-2 {
        bottom: 195px !important;
    }
    .about-content-area {
        width: 100% !important;
        padding: unset !important;
    }
    .digi-hero-text h1 {
        font-size: 44px !important;
    }
    .digi-hero {
        padding-top: 133px !important;
    }
    .header-author-img1 {
        width: 142px;
    }
    .digi-hero-text p {
        font-size: 14px;
    }
    .qty-portfolio__img p,
    .qty-portfolio__img h3 {
        padding: 0 20px !important;
    }
    .d-f-n-grid {
        width: 50% !important;
    }
    .action-btns {
        text-align: right;
    }
    .faq-nrg1 {
        width: 40% !important;
    }
    /* .faq-nrg2{
    width:60% !important;
} */
    .footer-ecs1 {
        width: 100% !important;
    }
    .footer-ecs2 {
        width: 100% !important;
    }

    .pricing-cont .container {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .nw-slidr-ecom {
        margin-top: -97px !important;
    }
    .wwa-ecs1 {
        width: 70% !important;
        margin: auto !important;
    }
    .wwa-ecs2 {
        width: 80% !important;
        margin: auto !important;
    }
    .nodes .node {
        width: 60px;
        height: 60px;
    }
    .center-num {
        font-size: 2.6rem;
    }

    .infographic {
        transform: scale(0.9);
    }

    .bubble {
        width: 357px;
    }

    .shape-service .color-shape-2 {
        bottom: 195px;
    }

    .digi-hero-text h1 {
        font-size: 44px;
    }

    .digi-hero {
        padding-top: 133px;
    }

    .qty-portfolio__img p,
    .qty-portfolio__img h3 {
        padding: 0 20px;
    }

    .action-btns {
        text-align: right;
    }
    .int-icon-one ul li:nth-child(3) {
        top: 100px !important;
    }
}

/* ==========================
   XL - Extra Large (1200px - 1399.98px)
=========================== */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    /* .sticky-header,.main-header{
    background-color: green !important;
  } */
    .infographic {
        transform: scale(0.95) !important;
    }
    .hdr-logo-nw1 {
        max-width: 260px !important;
    }

    .infographic {
        transform: scale(0.95);
    }

    .hdr-logo-nw1 {
        max-width: 260px;
    }
    .nodes .node {
        width: 64px;
        height: 64px;
    }
    .center-num {
        font-size: 2.8rem;
    }

    .hero {
        padding-bottom: 15px !important;
    }
    .pricing-cont {
        width: 100% !important;
    }
    .mega-menu {
        left: 100% !important;
    }

    .footer-ecs1 {
        width: 80% !important;
        margin: auto !important;
    }
    .footer-ecs2 {
        width: 100% !important;
        margin: auto !important;
    }

    .sticky-header img,
    .main-header img {
        width: 240px !important;
    }
}
/* ==========================
   XXL - Extra Extra Large (1400px +)
=========================== */
@media (min-width: 1400px) {
    /* .sticky-header,.main-header{
    background-color: purple !important;
  } */
    /* .main-header, .affix {
    background-color: orange;
  } */
}