/* DEBTKART | RESPONSIVE SPACE + TEXT ALIGNMENT | 2026-10-20
   Layout-only, progressive enhancement. No original section / image / copy /
   animation / ticker / slider / carousel markup or JavaScript is modified.
   Scope deliberately omits main header, page header, sliders, ticker tracks,
   logos, reviews carousels, mobile navigation and sticky header.
*/
:root { --dk-space-readable: 1.78; }

/* 1. Fill desktop whitespace while retaining a deliberate page gutter.
   Specific STATIC sections only. Bootstrap row + gutter values are unchanged.
   Avoid widening any header, main slider, carousel or marquee viewport. */
@media (min-width: 768px) {
  :is(.about-one,.about-two,.services-two,.services-page,.why-choose-one,
      .why-choose-two,.process-one,.feature-one,.faq-one,.faq-page,
      .counter-two,.service-details,.case-details,.case-three,.checkout-page,
      .team-details,.team-details-contact,.related-resources,.pricing-one,
      .skill-one,.error-page,.dk-news-hero,.dk-news-content,
      .dk-article-top,.dk-article-content) > .container,
  :is(.site-footer,.site-footer__bottom) > .container {
    width: 100%;
    max-width: min(1500px, calc(100% - clamp(40px, 5vw, 92px)));
    margin-inline: auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  :is(.about-one,.about-two,.services-two,.services-page,.why-choose-one,
      .why-choose-two,.process-one,.feature-one,.faq-one,.faq-page,
      .counter-two,.service-details,.case-details,.case-three,.checkout-page,
      .team-details,.team-details-contact,.related-resources,.pricing-one,
      .skill-one,.error-page,.dk-news-hero,.dk-news-content,
      .dk-article-top,.dk-article-content) > .container,
  :is(.site-footer,.site-footer__bottom) > .container { max-width: calc(100% - 44px); }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  :is(.about-one,.about-two,.services-two,.services-page,.why-choose-one,
      .why-choose-two,.process-one,.feature-one,.faq-one,.faq-page,
      .counter-two,.service-details,.case-details,.case-three,.checkout-page,
      .team-details,.team-details-contact,.related-resources,.pricing-one,
      .skill-one,.error-page,.dk-news-hero,.dk-news-content,
      .dk-article-top,.dk-article-content) > .container,
  :is(.site-footer,.site-footer__bottom) > .container { max-width: calc(100% - 32px); }
}

/* 2. Release fixed content width limits on static sections, not moving items. */
:is(.about-two__right,.why-choose-two__right,.about-one__right,
    .service-details__left,.case-details__left,.faq-one__right,
    .checkout-page .container,.dk-article-copy,.dk-prose) { min-width: 0; }
:is(.about-two__text,.why-choose-two__text,.about-one__text,
    .service-details__left > p,.case-details__left > p,
    .checkout-page .container > p,.team-details__top-right > p,
    .dk-prose p) {
  max-width: 100%;
  width: auto;
  line-height: var(--dk-space-readable);
}
/* Preserve decorative icons, tab behavior and mission/vision text. */
@media (min-width: 1200px) {
  .about-two__points-and-vission-mission { gap: clamp(18px, 2.2vw, 32px); }
  .about-two__points-box { flex: 0 1 42%; max-width: none; min-width: 0; }
  .about-two__vission-mission { flex: 1 1 56%; max-width: none; min-width: 0; }
  .about-two__vission-mission::before { left: calc(-1 * clamp(10px, 1.1vw, 17px)); }
  .faq-one__right { margin-left: clamp(15px, 2vw, 30px); }
  .faq-one__img-box { margin-right: clamp(65px, 8vw, 135px); }
}
/* More space is allocated to the actual explanatory article, not the sidebar. */
@media (min-width: 1200px) {
  .service-details > .container > .row > .col-xl-4 { flex: 0 0 auto; width: 30%; }
  .service-details > .container > .row > .col-xl-8 { flex: 0 0 auto; width: 70%; }
  .dk-article-layout { grid-template-columns: minmax(0, 2fr) minmax(290px, .87fr); gap: clamp(26px, 3vw, 46px); }
}
/* Existing content grids can stretch to the available column width. */
.services-two > .container .row > [class*="col-"],
.feature-one > .container .row > [class*="col-"],
.service-details__img-box > .row > [class*="col-"] { min-width: 0; }
.service-details__img-box .service-details__img-box-single,
.services-two__single,.feature-one__single { width: 100%; }

/* 3. Use the entire text measure for long narrative copy on desktop.
   Keep short labels, card titles, counters, links, lists & mobile text natural. */
@media (min-width: 992px) {
  :is(.about-two__text,.about-one__text,.why-choose-two__text,
      .service-details__left > p,.case-details__left > p,
      .checkout-page .container > p,.service-details__points-list li p,
      .team-details__top-right > p,.faq-one-accrodion .accrodion-content p,
      .faq-page .accrodion-content p,.dk-prose p,.site-footer__legal-copy) {
    text-align: justify;
    text-align-last: left;
    text-justify: inter-word;
    text-wrap: wrap;
    hyphens: auto;
  }
}
/* Interior copy benefits from even breathing room in wider reading panels. */
@media (min-width: 992px) {
  :is(.service-details__left,.case-details__left) { padding-inline: clamp(28px, 2.6vw, 46px); }
  .service-details__points-list li { align-items: flex-start; }
  .service-details__points-list li p { flex: 1; min-width: 0; }
  .service-details__points-list li .icon { flex: 0 0 auto; margin-top: 5px; }
  .dk-prose { padding-inline: clamp(30px, 3.1vw, 48px); }
  .dk-article-copy > .dk-news-disclaimer { margin-inline: clamp(30px,3.1vw,48px); }
  .dk-source { margin-inline: clamp(30px,3.1vw,48px); }
}
/* Cards must remain visually tidy: no stretched word spacing or truncated copy. */
:is(.services-two__text,.services-one__text,.feature-one__text,
    .process-one__text,.counter-two__text,.dk-news-card-body > p,
    .dk-review-card p,.dk-help-card > p) {
  text-align: left;
  text-wrap: wrap;
  overflow-wrap: break-word;
}
.counter-two__text { text-align: center; }

/* 4. Tablet/mobile: keep conventional left-aligned paragraphs and reduce
   interior padding; never force justification across narrow columns. */
@media (max-width: 991.98px) {
  :is(.about-two__text,.about-one__text,.why-choose-two__text,
      .service-details__left p,.case-details__left p,.checkout-page p,
      .dk-prose p,.site-footer__legal-copy) { text-align: left; hyphens: manual; }
  .about-two__points-and-vission-mission { column-gap: 16px; }
}
@media (max-width: 767.98px) {
  :is(.service-details__left,.case-details__left,.dk-article-copy) { min-width:0; }
  .about-two__points-and-vission-mission { row-gap: 24px; }
  .dk-article-layout { grid-template-columns: minmax(0,1fr); }
  .dk-prose { padding-inline: clamp(18px,4vw,24px); }
}