@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
  .img-display { grid-template-columns: 1fr 2.2fr 1fr 1fr; transition: grid-template-columns 0.6s cubic-bezier(0.22, 1, 0.36, 1); }
  .img-display:has(.profile-pic:nth-child(1):hover) { grid-template-columns: 2.2fr 1fr 1fr 1fr; }
  .img-display:has(.profile-pic:nth-child(2):hover) { grid-template-columns: 1fr 2.2fr 1fr 1fr; }
  .img-display:has(.profile-pic:nth-child(3):hover) { grid-template-columns: 1fr 1fr 2.2fr 1fr; }
  .img-display:has(.profile-pic:nth-child(4):hover) { grid-template-columns: 1fr 1fr 1fr 2.2fr; }
  .profile-pic { height: 400px; }
  .real-business-cnt { padding: 20px; }
  .profile-pic img { transform: scale(1.06); transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);}
  .img-display:not(:hover) .active-business img,
  .profile-pic:hover img { transform: scale(1); }
  .real-business-arrow a {
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s;
  }
  .img-display:not(:hover) .active-business .real-business-arrow a,
  .profile-pic:hover .real-business-arrow a {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .img-display, .profile-pic img, .real-business-arrow a { transition: none !important; }
  .profile-pic img { transform: scale(1) !important; }
}
@media (max-width: 1199.98px) {
  .dt {grid-template-columns: 270px 1fr;column-gap: 30px;}
  .dt-pane { left: 300px; }
  .dt-tab-text { font-size: 18px; }
  .dt-card { padding: 34px; }
  .profile-pic { height: 360px; }
  .real-business-cnt { padding: 16px; }
  .real-business-cnt h3 { font-size: 34px; line-height: 36px; }
  .counting-wid{ width: auto; flex-shrink: 0; }
}
@media (max-width: 991.98px) {
.hero-banner{padding: 110px 0 50px 0;}
  .trust-marquee { width: 100%; }
  .trust-track { gap: 44px; }
  .badge-row { flex-wrap: wrap; justify-content: center; gap: 20px 0; }
  .badge-item { flex: 1 1 33.333%; padding: 8px 14px; }
  .dt { display: block; min-height: 0; }
  .dt-item { display: block; border-bottom: 1px dashed #8e96a0; }
  .dt-item:last-child { border-bottom: 0; }
  .dt-tab { padding: 18px 4px; border-bottom: 0; }
  .dt-tab-text { flex: 1 1 auto; font-size: 16px; }
  .dt-tab.is-active .dt-tab-text { text-decoration: none; }

  .dt-chevron {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    transition: transform 0.3s ease;
  }
  .dt-tab.is-active .dt-chevron { transform: rotate(180deg); }
  .dt-pane { transition: max-height 0.4s ease, padding-bottom 0.4s ease; }
  .dt-pane {
    position: static;
    left: auto;
    right: auto;
    display: block;
    max-height: 0;
    overflow: hidden;
    animation: none;
    transition: max-height 0.4s ease;
  }
  .dt-pane.is-active {
    max-height: 1600px;
    padding-bottom: 22px;
    animation: none;
  }

  .dt-card {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 22px;
  }
  .img-display {
    grid-template-columns: 1fr 1fr;
    transition: none;
  }
  .img-display:has(.profile-pic:hover) { grid-template-columns: 1fr 1fr; }

  .profile-pic { height: 320px; }

  .profile-pic img,
  .img-display:not(:hover) .active-business img { transform: scale(1); }

  /* no hover on tablet, so the link is always visible */
  .real-business-arrow a {
    opacity: 1;
    transform: translateY(0);
  }
 .success-head {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "tag chevron"
      "title title";
    align-items: center;
    gap: 12px;
    padding: 20px 24px;
  }

  .success-head-left {
    grid-area: title;
    display: block;
  }

  .success-head-right {
    display: contents;
  }

  .success-tag {
    grid-area: tag;
    justify-self: start;
  }

  .success-chevron {
    grid-area: chevron;
    justify-self: end;
  }

  .success-title { font-size: 16px; }
.multichannel-tabs { display: flex; flex-direction: column; }
.multichannel-tab-titles { display: contents; }
.multichannel-tab-titles::after { display: none; }
.multichannel-tab-item { display: flex; align-items: center; padding: 16px 4px; border-bottom: 1px solid #a591a5; }
.multichannel-tab-item.active { border-bottom: 1px solid #a591a5; }
  .multichannel-tab-item::after {
    content: "";
    width: 9px;
    height: 9px;
    margin-left: auto;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
    transition: transform 0.3s ease;
  }
  .multichannel-tab-item.active::after { transform: rotate(225deg) translateY(-2px); }
  .multichannel-tab-content { margin-top: 0; padding: 24px 0 8px;}
  .multichannel-tab-titles li:nth-child(1) { order: 1; }
  .multichannel-tab-titles li:nth-child(2) { order: 3; }
  .multichannel-tab-titles li:nth-child(3) { order: 5; }
  .multichannel-tab-titles li:nth-child(4) { order: 7; }
  .multichannel-tab-titles li:nth-child(5) { order: 9; }
  .multichannel-tab-titles li:nth-child(6) { order: 11; }
  .multichannel-tab-content:nth-child(2) { order: 2; }
  .multichannel-tab-content:nth-child(3) { order: 4; }
  .multichannel-tab-content:nth-child(4) { order: 6; }
  .multichannel-tab-content:nth-child(5) { order: 8; }
  .multichannel-tab-content:nth-child(6) { order: 10; }
  .multichannel-tab-content:nth-child(7) { order: 12; }
  .ta-right-sub-cnt { margin-top: 20px; }
  .success-head { grid-template-columns: 1fr; gap: 14px; padding: 20px 24px; }
  .success-head-left { gap: 18px; }
  .success-logo { width: 115px; }
  .success-title { font-size: 16px; }
  .success-chevron {
    display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; flex-shrink: 0; border-radius: 50%;
    color: #6d08be; background: #f3edfb; transition: transform 0.35s ease, background 0.25s ease; }
  .success-head:hover .success-chevron { background: #e8dcf7; }
  .success-item.is-open .success-chevron { transform: rotate(180deg); }
  .success-inner { padding: 24px 24px 30px; }
  .success-item.is-open .success-body { max-height: 1600px; }
  .testimonial-card { min-height: 0; padding: 30px; margin-bottom: 24px; }
  .testimonial-body { padding: 0; }
  .testimonial-quote { left: 60px; width: 120px; }
  .testimonial-visual { margin-top: 10px; }
  .br-30-both{ border-radius:30px; }
  .max-width-500 { max-width: inherit;width: 100%;margin-bottom: 20px;}
  
}
@media (max-width: 767.98px) {

  .comilance-row{gap: 25px; justify-content: space-around;}
  .img-display { grid-template-columns: 1fr 1fr; gap: 10px; }
  .profile-pic { height: 320px; }
  .real-business-cnt { left: 5%; right: 5%; padding: 16px; }
  .real-business-cnt h3 { font-size: 34px; line-height: 36px; }
}
@media (max-width: 575.98px) {

  .margin-20-both { margin: 0 10px; }
  .trust-strip { padding: 20px 0; }
  .trust-track { gap: 36px; animation-duration: 45s; }
  .dt-tab { padding: 16px 2px; }
  .dt-tab-ico { width: 22px; }
  .dt-tab-text { font-size: 15px; }
  .dt-card { padding: 18px; }
  .img-display { grid-template-columns: 1fr; gap: 12px;}
  .img-display:has(.profile-pic:hover) { grid-template-columns: 1fr; }
  .profile-pic { height: 260px; }
  .real-business-cnt { left: 4%; right: 4%; padding: 14px;}
  .ta-right-sub-cnt .third-bx { flex-direction: column; }
  .ta-right-sub-cnt .third-bx .third-bx-img img { max-width: 100%; }
  .success-head { padding: 16px; gap: 12px; }
  .success-head-left { gap: 14px; }
  .success-logo { width: 95px; }
  .success-title { font-size: 16px; }
  .success-chevron { width: 30px; height: 30px; }
  .success-inner { padding: 18px 16px 24px; }
  .success-stats { gap: 10px 24px; margin-bottom: 18px; }
  .success-stats p { max-width: none; }
  .success-desc { max-width: none; }
   .testimonial-card { padding: 24px; }
   .testimonial-quote { top: 6px; left: 40px; width: 90px; }
}