/*Desktop*/
@media (min-width: 1024px) {
   .stk-button {
    padding: 12px 43px !important;

} 
}

/* Mobile */
@media (max-width: 768px) {

/*Universal*/
h1 br, h2 br, h3 br, h4 br, h5 br, p br {
    display: none !important;
}

/*Footer*/
.ct-footer .ct-widget {
    text-align: center !important;
}
[data-footer*="type-1"] .ct-footer [data-row*="middle"] .ct-widget .widget-menu li.menu-item {
    padding-left: 0 !important;
}
footer#footer ul li.menu-item:before {
    display:none;
}
[data-footer*="type-1"] .ct-footer [data-row*="middle"] .ct-widget .widget-menu li.menu-item.current-menu-item a:after {
    width: 100% !important;
    left: 0 !important;
}
div#block-13 {
    margin: auto;
    padding: 15px;
}
ul.wp-block-social-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    text-align: center !important;
    margin: auto;
}
#footer li.menu-item a {
    line-height: 34px;
}
a.stk-link.stk-button span.stk-button__inner-text {
    font-size: 12px !important;
}
.stk-button {
    padding: 5px 22px !important;
}
.stk-button:hover {
    padding: 5px 22px !important;
}
.stk-button:focus {
    padding: 5px 22px !important;
}


/*********************************************************************************************************/

/*homepage responsive*/

.stats-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    text-align: center !important;
    margin: auto;
}
.stat-item p {
    width: 100px !important;
    font-size: 14px !important;
}
.mobile-center .stk-block-content {
    text-align: center;
}
.home .wp-block-cover .stk-row.stk-inner-blocks .wp-block-stackable-column.stk-block-column:nth-child(1) .stk-block-content.stk-inner-blocks> p {
    padding-right: 0 !important;
}
.stats-container div {
    text-align: center !important;
}
section#gspb_row-id-gsbp-12f04a7 {
    margin-left: -15px !important;
}
.wp-block-stackable-column.stk-block-column.stk-column.stk-block.stk-19abf6f {
    padding-right: 0px ! IMPORTANT;
}
.stk-block-carousel__dot.stk-block-carousel__dot--active:before {
    width: 25px !important;
}
.stk-block-carousel__dot:before {
    width: 15px !important;
}
.stk-block-carousel__dots {
    padding: 20px 0 25px 0 !important;
}
.stk-block-carousel__dot {
    width: max(25px, var(--dot-size, 8px)) !important;
}
div#gspb_col-id-gsbp-4bb0152 {
    margin-bottom: -25px !important;
}

/************************************************************************************************************/

/*About*/
p.better-ai-heading{
    padding-right: 100px;
}
.faq-section-wrapper {
    padding: 15px 0 0 0px !important;
}
.mobile-video{
    min-height: 515px !important;
    padding-top: 74px !important;
}

/*How it works*/

.how-works_col {
    padding-right: 50px !important;
}
.timeline-items1 .inner-line5::before {
    left: -12%;
    top: 105%;
}

/*Case study*/

.case-pagination {
    margin: 0 auto;
    padding: 34px 0 25px 0;
}

/*Blog*/

.main_blog_posts ul.columns-3.wp-block-post-template li h2.wp-block-post-title:after, .similar-blogs-section h3.stk-block-posts__title.similar-blog-title:after{
    left: 250px !important;
}

/*Case study inner*/

.case-study_section1 .industry-blue-box {
    padding: 5px 25px 25px 25px !important;
}
.case-study_section1 .industry-blue-box div {
    padding: 1px 4px 0px 0 !important;
}
.industry-blue-box p {
    text-align: center !important;
}
.our-approch .wp-block-stackable-column.stk-block-column{
    padding: 25px !important;
}
.case-study_section5 .stk-block.stk-column, .case-study_section5 .stk-column .stats-container .stat-item{
    padding: 15px 15px 15px 0px !important;
}

/*Service main*/

.page-id-9 section#gspb_row-id-gsbp-7978868 {
    margin-bottom: -25px;
}

/************************************************************************************************************/

.stats-container {
    flex-direction: column;
}
.process-timeline {
    margin: 0 5px !important;
}
.industry-box-text div {
    height: 314px !important;
}
p.industry-box-title {
    padding: 50px 50px 0 50px !important;
}
p.industry-box-description {
    padding: 0 50px !important;
}
  .stat-item {
    border-right: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding: 15px 0;
    margin: auto;
        text-align: center;
  }

  .stat-item:last-child {
    border-bottom: none;
  }
  .our-approch .wp-block-stackable-column.stk-block-column.stk-column.stk-block.stk-c9fd24e.stk-block-background.apart-box.stk--has-background-overlay {
        margin: 15px 0;
  }
  span.auto-tag-single {
    margin-top: 34px !important;
  }
  .wp-block-stackable-column.stk-block-column.stk-column.stk-block.stk-cc74117.stk-block-background.industry-blue-box p {
    text-align: center;
    }
    .apart-box {
        margin-bottom: 24px ! IMPORTANT;
    }
    .stk-row .case-result {
        margin-bottom: 25px;
    }
    .flip-front {
        padding: 88px 15px !important;
    }
    .flip-front, .flip-back {
        height: 392px !important;
    }
    p.case-description {
        width: 100% !important;
    }
    .case-study_section1 figure.ineer-case_img.wp-block-post-featured-image {
        height: 250px !important;
    }
    .case-study_section8 div {
        padding: 15px 25px 50px 25px !important;
    }   
    .case-study_section8 p {
        margin-top: -100px;
    }
    .case-study_section8 .wp-block-stackable-icon.stk-block-icon.stk-block.stk-f223f79 {
        text-align: center;
    }
}

@media (max-width: 768px) {

  /* Step 1: Make the ROW horizontal */
  .service-main-col-mobile {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 16px;

    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
.service-main-col-mobile > div , .our_approch_inner .wp-block-columns > div{
    margin-bottom: 25px;
}

  /* Step 2: Make each card scrollable */
  .service-main-col-mobile .our_sol_col {
    flex: 0 0 85% !important;
    max-width: 85% !important;

    scroll-snap-align: start;
  }
   .service-main-col-mobile::-webkit-scrollbar, .process-timeline::-webkit-scrollbar, .our_approch_inner .wp-block-columns::-webkit-scrollbar {
    height: 6px !important; /* horizontal scrollbar */
  }

  .service-main-col-mobile::-webkit-scrollbar-track, .process-timeline::-webkit-scrollbar-track, .our_approch_inner .wp-block-columns::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1) !important;
    border-radius: 10px !important;
  }

  .service-main-col-mobile::-webkit-scrollbar-thumb, .process-timeline::-webkit-scrollbar-thumb, .our_approch_inner .wp-block-columns::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #00c6ff, #0072ff) !important;
    border-radius: 10px !important;
  }
  
  .our_approch_inner .wp-block-columns{
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 16px;

    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
.our_approch_inner .our_approch_col  {
    flex: 0 0 85% !important;
    max-width: 85% !important;

    scroll-snap-align: start;
  }

}
/*Ipad*/