/* DEBTKART — ENGAGEMENT EDITION | 2026-10-20
   Enhancement layer, not a replacement theme.
   Brand palette: #FF5757 • #171717 • #FFFFFF.
   Scope deliberately EXCLUDES header, sliders, carousels, tickers, marquee
   tracks, GSAP/SplitText animated headings and their motion configurations.
   All movement is progressive and honors reduced-motion preferences.
*/
:root {
  --dk-engage-coral: #ff5757;
  --dk-engage-coral-deep: #e6434b;
  --dk-engage-ink: #171717;
  --dk-engage-paper: #fff;
  --dk-engage-cream: #fff8f7;
  --dk-engage-line: #f0e5e3;
  --dk-engage-shadow: 0 16px 44px rgba(51, 27, 27, .085), 0 2px 8px rgba(34,21,21,.045);
  --dk-engage-shadow-hover: 0 25px 65px rgba(63,26,26,.16),0 5px 18px rgba(45,25,25,.06);
  --dk-engage-ease: cubic-bezier(.22,1,.36,1);
}
/* Baseline: never clip page content or produce accidental horizontal scroll. */
.page-wrapper { min-width:0; }
:is(.about-two,.about-one,.services-two,.services-page,.why-choose-one,.why-choose-two,.process-one,.feature-one,.faq-one,.faq-page,.counter-two,.case-three,.service-details,.team-details,.team-details-contact,.checkout-page,.related-resources,.dk-news-content,.dk-article-content) .container { min-width:0; }
:is(.service-details,.team-details,.case-details,.checkout-page,.faq-page,.dk-article-content) :is(p,li,a) { overflow-wrap:break-word; }
:is(.service-details,.case-details,.checkout-page,.dk-prose) :is(h2,h3,h4) { text-wrap:pretty; }

/* Scene dividers, deliberately behind existing content; no new DOM or images. */
:is(.about-one,.about-two,.why-choose-two,.faq-one,.faq-page,.case-three,.team-details-contact,.related-resources) {
  background-image:radial-gradient(ellipse at 96% 2%,rgba(255,87,87,.08) 0%,transparent 39%),
                   radial-gradient(ellipse at 2% 98%,rgba(255,87,87,.035) 0%,transparent 35%);
}
:is(.services-page,.service-details,.checkout-page,.dk-news-content) {
  background-image:linear-gradient(180deg,#fff9f8 0%,#fff 48%,#fffaf9 100%);
}
/* Heading character comes from brand-colored rules, no overwrite of GSAP transforms. */
:is(.service-details,.case-details,.checkout-page,.faq-page) :is(h2,h3) { letter-spacing:-.018em; }
:is(.about-one,.about-two,.services-two,.services-page,.why-choose-one,.why-choose-two,.process-one,.feature-one,.faq-one,.faq-page,.case-three,.team-details-contact,.related-resources) .section-title__tagline { letter-spacing:.09em; }

/* 1. COUNTER-TWO: structural repair for negative margin / oversized blank top. */
section.counter-two {
  position:relative;
  isolation:isolate;
  clear:both;
  margin-top:0 !important;            /* old -210px overlaps the preceding FAQ */
  padding:clamp(64px,7vw,105px) 0 clamp(66px,7vw,102px) !important;
  min-height:unset;
  background:linear-gradient(128deg,#ef4b56 0%,#ff5757 49%,#ff7672 100%);
  overflow:hidden;
  z-index:1;
}
section.counter-two::before,
section.counter-two::after {
  content:"";position:absolute;z-index:-1;pointer-events:none;
  border:1px solid rgba(255,255,255,.23);border-radius:50%;
}
section.counter-two::before { width:520px;height:520px;left:-270px;top:-360px;box-shadow:0 0 0 68px rgba(255,255,255,.035); }
section.counter-two::after { width:490px;height:490px;right:-230px;bottom:-320px;box-shadow:0 0 0 75px rgba(255,255,255,.045); }
@media (prefers-reduced-motion:no-preference) {
 section.counter-two::before {animation:dk-orbit-ambient 17s ease-in-out infinite alternate;}
 section.counter-two::after {animation:dk-orbit-ambient 21s ease-in-out -6s infinite alternate-reverse;}
}
@keyframes dk-orbit-ambient {from{transform:translate3d(0,0,0)}to{transform:translate3d(26px,-18px,0)}}
.counter-two > .container { position:relative;z-index:1; }
.counter-two > .container > .row { row-gap:24px;align-items:stretch; }
.counter-two .row > [class*="col-"] { display:flex;min-width:0; }
.counter-two .counter-two__single {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  position:relative;
  width:100%;min-width:0;
  min-height:232px;
  margin:0;
  padding:27px 16px 24px;
  border:1px solid rgba(255,255,255,.88);
  border-radius:24px;
  background:rgba(255,255,255,.98);
  box-shadow:0 16px 48px rgba(93,10,22,.15);
  text-align:center;
  transition:transform .5s var(--dk-engage-ease),box-shadow .5s var(--dk-engage-ease),border-color .35s ease;
}
.counter-two .counter-two__single::after {
  content:"";position:absolute;bottom:0;left:calc(50% - 24px);
  height:4px;width:48px;border-radius:10px 10px 0 0;
  background:var(--dk-engage-coral);
  transition:width .45s var(--dk-engage-ease),left .45s var(--dk-engage-ease);
}
.counter-two .counter-two__single:hover,
.counter-two .counter-two__single:focus-within {transform:translateY(-8px);box-shadow:0 26px 58px rgba(93,10,22,.24);border-color:#fff;}
.counter-two .counter-two__single:hover::after {width:76px;left:calc(50% - 38px);}
.counter-two .counter-two__icon {
  flex:0 0 68px;
  width:68px;height:68px;
  margin:0 auto 17px;
  border-radius:20px;
  background:linear-gradient(135deg,#ff5757,#ee454d);
  box-shadow:0 13px 26px rgba(255,87,87,.26);
  transform:rotate(-4deg);
  transition:transform .5s var(--dk-engage-ease),box-shadow .4s ease,background .4s ease;
}
.counter-two .counter-two__icon::before {border-radius:inherit;background:rgba(255,255,255,.15);}
.counter-two .counter-two__icon span {font-size:32px;line-height:1;color:#fff;transition:transform .5s var(--dk-engage-ease),color .3s ease;}
.counter-two .counter-two__single:hover .counter-two__icon {transform:rotate(3deg) scale(1.065);background:var(--dk-engage-ink);box-shadow:0 15px 28px rgba(22,22,22,.18);transition-delay:0s;}
.counter-two .counter-two__single:hover .counter-two__icon span {color:#fff;}
.counter-two .counter-two__content {
  display:flex;flex:0 1 auto;flex-direction:column;align-items:center;
  justify-content:flex-start;
  width:100%;min-width:0;
  margin:0 !important;padding:0 !important;
  border:0;border-radius:0;
  box-shadow:none;background:transparent;
}
.counter-two .counter-two__count-box {display:flex;align-items:baseline;justify-content:center;gap:3px;width:100%;min-width:0;white-space:nowrap;}
.counter-two .counter-two__count-box h3,
.counter-two .counter-two__count-box > span {
  display:inline-flex;align-items:baseline;justify-content:center;
  min-width:0;margin:0;
  font:800 clamp(32px,2.6vw,42px)/1.18 'Lato',sans-serif !important;
  letter-spacing:-.055em;
  color:var(--dk-engage-ink);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.counter-two .counter-two__count-box > span {color:var(--dk-engage-coral-deep);font-size:clamp(25px,2vw,34px) !important;letter-spacing:0;}
.counter-two .counter-two__count-box .odometer,
.counter-two .counter-two__count-box .odometer.odometer-auto-theme,
.counter-two .counter-two__count-box .odometer.odometer-theme-default {font:inherit !important;line-height:inherit !important;color:inherit;}
.counter-two .odometer-inside {white-space:nowrap;}
.counter-two .odometer-digit {line-height:1.18;}
.counter-two .counter-two__text {
  display:block;
  width:100%;
  margin:8px 0 0;
  font:700 clamp(15px,1.3vw,18px)/1.36 'Lato',sans-serif;
  color:#484449;
  text-transform:none;
  text-wrap:balance;
}
/* Legacy count HTML includes odometer-generated digit ribbons. Never edit/remove them. */
.counter-two .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer {vertical-align:baseline;}

/* 2. Distinctive surfaces for static service and benefit cards. No Owl/Swiper selectors. */
.services-page .services-one__single,
.feature-one .feature-one__single,
.why-choose-one .row > [class*="col-"] > :is(.p-4,.border) {
  border:1px solid rgba(255,87,87,.13);
  border-radius:24px;
  background-color:#fff;
  box-shadow:var(--dk-engage-shadow);
  transition:transform .42s var(--dk-engage-ease),box-shadow .42s var(--dk-engage-ease),border-color .3s ease;
}
.services-two > .container .services-two__single {
  height:100%;min-width:0;
  color:#f5f3f3;
  border:1px solid rgba(255,255,255,.24);
  border-top:3px solid var(--dk-engage-coral);
  border-radius:24px;
  background:radial-gradient(380px circle at var(--dk-x,50%) var(--dk-y,0%),rgba(255,87,87,.21),transparent 75%),
             linear-gradient(145deg,#353235 0%,#1d1c20 100%);
  box-shadow:0 17px 48px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .42s var(--dk-engage-ease),box-shadow .42s var(--dk-engage-ease),border-color .3s ease;
}
.services-two > .container .services-two__single .services-two__title a {color:#fff;}
.services-two > .container .services-two__single .services-two__text {color:#e6e1e1;}
.services-two > .container .services-two__single .services-two__read-more {color:#ffb1b1;}
.services-two > .container .services-two__single:hover {border-color:rgba(255,122,122,.72);box-shadow:0 24px 60px rgba(0,0,0,.32);}

.services-two > .container .row > [class*="col-"] {display:flex;margin-bottom:25px;}
.services-two > .container .row > [class*="col-"] > .services-two__single {width:100%;}
.services-two .services-two__title {line-height:1.28;letter-spacing:-.019em;}
.services-two .services-two__text {line-height:1.7;}
.services-two > .container .services-two__single:hover,
.services-page .services-one__single:hover,
.feature-one .feature-one__single:hover,
.why-choose-one .row > [class*="col-"] > :is(.p-4,.border):hover {
  transform:translateY(-6px);
  box-shadow:var(--dk-engage-shadow-hover);
  border-color:rgba(255,87,87,.42);
}
.services-two > .container .services-two__single .services-two__icon,
.feature-one .feature-one__single .feature-one__icon {transition:transform .45s var(--dk-engage-ease);}
.services-two > .container .services-two__single:hover .services-two__icon,
.feature-one .feature-one__single:hover .feature-one__icon {transform:translateY(-4px) rotate(-4deg);}
.services-two__read-more {transition:color .25s ease,letter-spacing .25s ease;}
.services-two__single:hover .services-two__read-more {letter-spacing:.025em;}

/* 3. Flow / about / benefit panels. Keep shapes, background art & original motion. */
.about-two__vission-mission,.about-two__tab-box,
.about-two__founder,.why-choose-two__points li,
.process-one .process-one__single,
.related-resources .related-resources__card {
  transition:box-shadow .38s var(--dk-engage-ease),border-color .38s ease,transform .38s var(--dk-engage-ease);
}
.about-two__img,.about-one__img,.why-choose-two__img,.faq-one__img {overflow:hidden;}
:is(.about-two__img,.about-one__img,.why-choose-two__img,.faq-one__img) > img {transition:transform .9s var(--dk-engage-ease);}
:is(.about-two__img,.about-one__img,.why-choose-two__img,.faq-one__img):hover > img {transform:scale(1.035);}
.why-choose-two__points li {border-radius:16px;}
.why-choose-two__points li:hover {transform:translateX(4px);}
.process-one .process-one__single {padding:10px 8px 14px;}
.process-one .process-one__single:hover {transform:translateY(-5px);}
.process-one .process-one__icon-box {transition:transform .45s var(--dk-engage-ease);}
.process-one .process-one__single:hover .process-one__icon-box {transform:scale(1.08) rotate(5deg);}

/* 4. Answers & trust: accessible disclosure and contextual contrast. */
.faq-one-accrodion .accrodion,
.faq-page .accrodion {border-color:#eee1df;overflow:hidden;transition:border-color .3s ease,box-shadow .35s ease,transform .35s ease;}
.faq-one-accrodion .accrodion:hover,
.faq-page .accrodion:hover {border-color:rgba(255,87,87,.38);box-shadow:0 14px 35px rgba(51,27,27,.1);}
.faq-one-accrodion .accrodion.active,
.faq-page .accrodion.active {border-color:rgba(255,87,87,.6);box-shadow:0 15px 40px rgba(255,87,87,.11);}
.faq-one-accrodion .accrodion-title,
.faq-page .accrodion-title {transition:background-color .25s ease;}
.faq-one-accrodion .accrodion.active .accrodion-title,
.faq-page .accrodion.active .accrodion-title {background-color:#fff8f7;}

/* 5. Content pages get visible depth without losing paragraphs or sections. */
:is(.service-details__left,.case-details__left,.team-details__top-right,.team-details-contact__inner,.dk-article-copy) {
  border:1px solid #f0e5e3;border-radius:26px;
  box-shadow:var(--dk-engage-shadow);
}
.service-details__left,.case-details__left {background-image:linear-gradient(158deg,#fff 0%,#fff 80%,#fffafa 100%);}
.service-details__services-list li a {transition:background-color .28s ease,transform .28s ease,border-color .28s ease;}
.service-details__services-list li a:hover {transform:translateX(3px);background:#fff4f2;}
.service-details__img img,.case-details__img img {transition:transform .8s var(--dk-engage-ease);}
.service-details__img:hover img,.case-details__img:hover img {transform:scale(1.025);}
:is(.service-details,.case-details,.checkout-page) a:not(.thm-btn):focus-visible,
:is(.faq-one,.faq-page,.services-two,.services-page,.team-details-contact) a:focus-visible,
:is(.team-details-contact,.dk-news-content) :is(button,input,textarea):focus-visible {outline:3px solid #ff5757;outline-offset:3px;}
.team-details-contact__input-box :is(input,textarea,.nice-select) {transition:border-color .25s ease,box-shadow .25s ease;}
.team-details-contact .thm-btn:hover,
.service-details .thm-btn:hover {box-shadow:0 16px 35px rgba(255,87,87,.26);}
.checkout-page .container p + p {margin-top:10px;}

/* 6. Gallery, reviews, news: enhanced image rhythm without touching moving slides. */
.case-three__single {transition:transform .4s var(--dk-engage-ease),box-shadow .4s ease;}
.case-three__single:hover {transform:translateY(-5px);box-shadow:var(--dk-engage-shadow-hover);}
.dk-news-card,.dk-review-card {transition:transform .42s var(--dk-engage-ease),box-shadow .42s ease,border-color .42s ease;}
.dk-news-card:hover,.dk-review-card:hover {transform:translateY(-6px);box-shadow:var(--dk-engage-shadow-hover);border-color:rgba(255,87,87,.32);}
.dk-news-card {background-image:radial-gradient(320px circle at var(--dk-x,50%) var(--dk-y,0%),rgba(255,87,87,.08),transparent 80%);}
.dk-news-card .dk-news-image {overflow:hidden;}
.dk-news-card .dk-news-image img {transition:transform .8s var(--dk-engage-ease);}
.dk-news-card:hover .dk-news-image img {transform:scale(1.045);}
.dk-news-read i {transition:transform .28s var(--dk-engage-ease);}
.dk-news-card:hover .dk-news-read i {transform:translateX(5px);}
.dk-article-copy {overflow:hidden;}
.dk-news-filters a {transition:background-color .25s ease,color .25s ease,transform .25s ease,border-color .25s ease;}
.dk-news-filters a:hover {transform:translateY(-2px);}

/* 6b. Interior banners, skills and testimonials: richer surroundings,
   original background assets, progress animation and carousel remain intact. */
.page-header {border-bottom:4px solid var(--dk-engage-coral);}
.page-header .page-header__inner h2 {
  font-size:clamp(34px,5vw,65px);
  letter-spacing:-.035em;
  text-wrap:balance;
  text-shadow:0 8px 35px rgba(0,0,0,.22);
}
.page-header .thm-breadcrumb {column-gap:11px;row-gap:7px;}
.page-header .thm-breadcrumb li {font-size:clamp(14px,1.2vw,17px);}
.testimonial-two {
  background:radial-gradient(ellipse at 2% 3%,rgba(255,87,87,.07),transparent 35%),
             linear-gradient(180deg,#fff 0%,#fffaf9 100%);
}
.testimonial-two .section-title {position:relative;}
.testimonial-two .section-title::after {
  content:"";display:block;
  width:62px;height:4px;margin:18px auto 0;
  background:var(--dk-engage-coral);border-radius:999px;
}
.skill-one {background:radial-gradient(ellipse at 96% 2%,rgba(255,87,87,.06),transparent 33%);}
.skill-one__progress-box .progress-box .bar {border-radius:999px;}
.skill-one__progress-box .progress-box .bar-inner {border-radius:999px;}
.pricing-one .pricing-one__single {
  border-radius:22px;box-shadow:var(--dk-engage-shadow);
  transition:box-shadow .4s var(--dk-engage-ease),transform .4s var(--dk-engage-ease);
}
.pricing-one .pricing-one__single:hover {transform:translateY(-5px);box-shadow:var(--dk-engage-shadow-hover);}
.related-resources .related-resources__card:hover {box-shadow:var(--dk-engage-shadow-hover);}
@media(max-width:767.98px) {
 .page-header .page-header__inner h2 {line-height:1.16;}
 .testimonial-two .section-title {margin-bottom:70px;}
 .pricing-one .pricing-one__single:hover {transform:none;}
}

/* 7. Footers: legibility and gentle interactions, without altering footer content. */
.site-footer {border-top:4px solid var(--dk-engage-coral);}
.site-footer .footer-widget__title {text-wrap:balance;}
.site-footer :is(.footer-widget__link li a,.footer-widget__contact a,.site-footer__bottom-menu a) {transition:color .25s ease,text-decoration-color .25s ease;}
.site-footer .footer-widget__link li a:hover {color:#ff9292;}
.site-footer .site-footer__social a {transition:transform .3s var(--dk-engage-ease),background-color .3s ease,border-color .3s ease;}
.site-footer .site-footer__social a:hover {transform:translateY(-3px);border-color:#ff5757;}
.site-footer__legal-copy {background:linear-gradient(135deg,rgba(255,255,255,.095),rgba(255,255,255,.035));border-left-color:#ff5757;}

/* 8. CSS-only flourishes on non-moving text and safe static buttons. */
:is(.about-one,.about-two,.why-choose-two,.service-details,.case-details,.team-details-contact,.checkout-page) .thm-btn {
  transition:transform .28s var(--dk-engage-ease),box-shadow .28s ease;
}
:is(.about-one,.about-two,.why-choose-two,.service-details,.case-details,.team-details-contact,.checkout-page) .thm-btn:hover {transform:translateY(-3px);}
/* Active only once JavaScript detects an in-viewport element; never pre-hide content. */
.dk-motion-entered {animation:dk-safe-enter .68s var(--dk-engage-ease) both;animation-delay:var(--dk-stagger,0ms);}
@keyframes dk-safe-enter {
  from {opacity:.72;filter:blur(3px);translate:0 19px;}
  to {opacity:1;filter:blur(0);translate:0 0;}
}
.dk-motion-entered .dk-title-rule {transition:transform .65s var(--dk-engage-ease);}
/* Opt-in scroll-progress accent sits at BOTTOM, leaving header untouched. */
.dk-scroll-progress {
  position:fixed;bottom:0;left:0;height:3px;width:100%;z-index:990;
  pointer-events:none;transform:scaleX(var(--dk-scroll-progress,0));transform-origin:left center;
  background:linear-gradient(90deg,#ff5757 0%,#fe9292 100%);
  box-shadow:0 -1px 8px rgba(255,87,87,.18);
}
/* Graceful layout across 4, 2 and 1 metric cards. */
@media (max-width:1199.98px) {
  .counter-two .counter-two__single {min-height:218px;}
  .counter-two .counter-two__count-box h3 {font-size:38px !important;}
}
@media (max-width:991.98px) {
  .counter-two > .container > .row {row-gap:19px;}
  .counter-two .counter-two__single {min-height:208px;}
  .services-two > .container .row > [class*="col-"] {margin-bottom:20px;}
  .service-details__left,.case-details__left {border-radius:21px;}
}
@media (max-width:767.98px) {
  section.counter-two {padding:60px 0 64px !important;}
  .counter-two .counter-two__single {border-radius:20px;padding:23px 13px;min-height:204px;}
  .counter-two .counter-two__count-box h3 {font-size:clamp(31px,6vw,37px) !important;}
  .counter-two .counter-two__text {font-size:16px;}
  .services-two > .container .services-two__single,.feature-one .feature-one__single {border-radius:18px;}
  .services-two > .container .row > [class*="col-"] {margin-bottom:14px;}
  .site-footer__legal-copy {font-size:14px;line-height:1.8;}
  .dk-news-card {border-radius:19px;}
}
@media (max-width:575.98px) {
  .counter-two > .container > .row {row-gap:15px;}
  .counter-two .counter-two__single {min-height:190px;padding:20px 16px;border-radius:19px;}
  .counter-two .counter-two__icon {flex-basis:60px;width:60px;height:60px;margin-bottom:11px;border-radius:16px;}
  .counter-two .counter-two__icon span {font-size:28px;}
  .counter-two .counter-two__count-box h3 {font-size:35px !important;}
  .counter-two .counter-two__count-box > span {font-size:29px !important;}
  .counter-two .counter-two__text {margin-top:5px;}
  .services-two > .container .services-two__single {padding-left:22px;padding-right:22px;}
  .site-footer .footer-widget__contact li .content {min-width:0;}
}
@media (max-width:360px) {
  .counter-two .counter-two__count-box h3 {font-size:32px !important;}
  .counter-two .counter-two__single {min-height:186px;}
  .services-two > .container .services-two__single {padding-left:16px;padding-right:16px;}
}
@media (hover:none), (pointer:coarse) {
  .counter-two .counter-two__single:hover,
  .services-two > .container .services-two__single:hover,
  .services-page .services-one__single:hover,
  .feature-one .feature-one__single:hover,
  .case-three__single:hover,.dk-news-card:hover,.dk-review-card:hover,
  .process-one .process-one__single:hover {transform:none;}
}
@media (prefers-reduced-motion:reduce) {
  .dk-motion-entered {animation:none!important;}
  .dk-scroll-progress {display:none;}
  .counter-two .counter-two__single,
  .counter-two .counter-two__icon,
  .services-two > .container .services-two__single,
  .services-page .services-one__single,
  .feature-one .feature-one__single,
  .case-three__single,
  .dk-news-card,
  .dk-review-card,
  .process-one .process-one__single,
  .site-footer .site-footer__social a {transition:none!important;transform:none!important;}
}