/* Mobile fixes for HelpButton24 landing */

/* Mobile menu content - shift everything up */
.offcanvas-content_wrapin {
  padding-top: 60px !important;
}

.canvas_center {
  margin-top: 40px !important;
}

.canvas_foot {
  margin-top: 40px !important;
  padding-bottom: 20px !important;
}

/* Mobile menu button styling - Aigocy original dark style */
.tf-header .mobile-menu {
  background: rgba(9, 9, 11, 0.8) !important;
  backdrop-filter: blur(44px) !important;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.08) !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Hide desktop text on mobile */
@media (max-width: 991px) {
  .d-lg-none {
    display: inline !important;
  }
  .d-none.d-lg-inline {
    display: none !important;
  }
}

/* Show desktop text on large screens */
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-none.d-lg-inline {
    display: inline !important;
  }
}

@media (max-width: 768px) {
  /* Hero section adjustments */
  .section-hero .content-wrap {
    padding: 120px 20px 40px !important;
  }

  /* Title spacing fix */
  .section-hero .title {
    margin-bottom: 32px !important;
  }

  /* Reduce spacing between elements to fit first screen */
  .section-hero .content-wrap > div[style*="margin-bottom: 48px"] {
    margin-bottom: 16px !important;
  }

  .section-hero .content-wrap > .d-flex {
    margin-bottom: 0 !important;
  }

  /* 20,000+ block - reduce top margin */
  .section-hero .content-wrap > p.text {
    margin-top: 12px !important;
  }

  .section-hero .title1 {
    font-size: 23px !important;
    line-height: 1.3 !important;
    word-spacing: normal !important;
  }

  /* Show line breaks in title on mobile */
  .section-hero .title1 br {
    display: block !important;
  }

  /* Text block adjustments */
  .section-hero .text {
    font-size: 0.9em !important;
  }
  
  /* Ensure mobile description text fits on intended lines */
  .section-hero .text-gradient-1 {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  /* Red button mobile optimization */
  .section-hero .title-icon .box {
    width: auto !important;
    max-width: 90vw !important;
    height: auto !important;
    min-height: 60px !important;
    padding: 16px 32px !important;
  }

  .section-hero .title-icon .box span {
    font-size: 16px !important;
    white-space: normal !important;
    line-height: 1.4 !important;
  }

  /* Mobile margins */
  .section-hero > div[style*="margin-bottom: 48px"] {
    margin-bottom: 32px !important;
  }
}

@media (max-width: 480px) {
  .section-hero .title1 {
    font-size: 23px !important;
  }
  
  .section-hero .text-gradient-1 {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  .section-hero .title-icon .box {
    padding: 14px 24px !important;
  }

  .section-hero .title-icon .box span {
    font-size: 15px !important;
  }
}

/* Hide hamburger menu button on desktop */
@media (min-width: 992px) {
  .open-mb-menu.mobile-menu {
    display: none !important;
  }
}

/* Service cards: tags as left-aligned stacked lines */
.accordion-faq_item .list-tags {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.accordion-faq_item .list-tags .tags-item {
  display: block;
  width: auto;
  text-align: left;
}

/* Legal Support tags in process cards */
.process-card .tags-item {
  display: inline-flex;
  align-items: center;
  padding: 7px 15px;
  border-radius: 99px;
  color: #555;
  background: #f5f5f7;
  border: 1px solid #e0e0e5;
  font-size: 13px;
  text-decoration: none;
}
.process-card .tags-item:hover {
  color: var(--neutral-200);
}

/* Pricing cards alignment */
@media (min-width: 992px) {
    #section-services .row {
        display: flex;
        align-items: stretch;
    }
    #section-services .col-lg-4 {
        display: flex;
    }
    #section-services .pricing-item {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    #section-services .pricing-item .content:last-child {
        margin-top: auto;
    }
}

./* Partner carousel - people photos */
.section-partner .infiniteSlide_partner img,
.partner-wrap .infiniteSlide_partner img,
.infiniteSlide.infiniteSlide_partner img,
.infiniteSlide_partner img {
  height: 100px !important;
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  min-height: 100px !important;
  max-height: 100px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
  display: inline-block !important;
}

.section-partner .infiniteSlide_partner,
.infiniteSlide.infiniteSlide_partner {
  align-items: center !important;
  justify-content: center !important;
}

.section-partner .infiniteslide_wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.section-partner .partner-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Remove white background from floating icons */
.section-tools img[class^="img-"] {
    mix-blend-mode: multiply;
}

/* Override floating icons card effect - show clean icons */
.section-tools > img {
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent !important;
}

/* Reduce gap between FAQ and Still not with us */
.section-tools {
    padding-top: 80px !important;
}

/* Feature list - cabinet style */
.feature-list li {
    align-items: flex-start !important;
}
.feature-list .feature-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.feature-list .feature-content strong {
    font-size: 15px;
    line-height: 1.3;
}
.feature-list .feature-desc {
    font-size: 13px;
    line-height: 1.5;
    opacity: 0.65;
    font-weight: 400;
}
.pricing-item.style-black .feature-list .feature-desc {
    color: rgba(255,255,255,0.55);
}

/* Pricing feature list - full width rows */
.pricing-item .list-text.type-check {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px;
    width: 100%;
}
.pricing-item .list-text.type-check li {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}
.pricing-item .list-text.type-check li .icon {
    flex-shrink: 0;
    margin-top: 2px;
}

/* Cases page: center logo on mobile */
@media (max-width: 991px) {
  .tf-header .header-inner {
    justify-content: center !important;
  }
  .tf-header .header-inner .logo-site {
    margin: 0 auto;
    text-align: center;
  }
}






/* White card background for section-tools icons */
.section-tools img.img-1,
.section-tools img.img-2,
.section-tools img.img-3,
.section-tools img.img-4,
.section-tools img.img-5,
.section-tools img.img-6 {
    background: #ffffff !important;
    border-radius: 50% !important;
    padding: 3px !important;
    box-sizing: content-box !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}