/* Base Font Family */
body,
html {
  font-family: -apple-system, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
}

/* Before/After Slider Styles */
.ba-slider {
  position: relative;
  width: 100%;
  height: 340px;
  overflow: hidden;
  cursor: col-resize;
  user-select: none;
}
/* Before/After images use <img> tags with lazy loading for better performance */
.ba-before-img {
  z-index: 1;
}
.ba-after-img {
  z-index: 2;
  clip-path: inset(0 50% 0 0);
}
.ba-divider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  background: var(--dj-amber);
  transform: translateX(-50%);
  z-index: 5;
}
.ba-handle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 6;
  background: var(--dj-amber);
  border-radius: 100px;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  box-shadow: 0 4px 16px rgba(0,0,0,0.35);
  cursor: grab;
}
.ba-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 100%);
  z-index: 4;
  pointer-events: none;
}

/* Details/Summary FAQ Styles */
details > summary {
  cursor: pointer;
  user-select: none;
}
details > summary::-webkit-details-marker {
  display: none;
}

/* Louisville City Page FAQ Styles */
details.dj-faq {
  background: white;
  border-radius: 12px;
  margin-bottom: 12px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  overflow: hidden;
}
details.dj-faq summary {
  padding: 20px 24px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
details.dj-faq summary::-webkit-details-marker {
  display: none;
}
details.dj-faq summary::after {
  content: "+";
  width: 28px;
  height: 28px;
  min-width: 28px;
  border-radius: 50%;
  background: var(--dj-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--dj-amber);
  line-height: 1;
}
details.dj-faq[open] summary::after {
  content: "−";
  background: rgba(245, 158, 11, 0.12);
}
details.dj-faq .answer {
  padding: 0 24px 20px;
  color: #6B6B72;
  line-height: 1.72;
}

/* Booking Page Animations */
@keyframes slideIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes popIn {
  0% { opacity: 0; transform: scale(0.8); }
  50% { transform: scale(1.05); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  75% { transform: translateX(5px); }
}
@keyframes counter {
  from { opacity: 0; }
  to { opacity: 1; }
}
.slide-in {
  animation: slideIn 0.5s ease-out forwards;
}
.pop-in {
  animation: popIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.shake-animation {
  animation: shake 0.3s ease-in-out;
}
.fade-in {
  animation: fadeIn 0.4s ease-out;
}
.counter-text {
  animation: counter 0.5s ease-out;
}

/* Stripe Element Styles */
.StripeElement {
  box-sizing: border-box;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid var(--dj-border);
  border-radius: 10px;
  background-color: var(--dj-surface);
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}
.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
  border-color: var(--dj-amber);
}
.StripeElement--invalid {
  border-color: #fa755a;
}

/* Quote Tool Progress Bar */
.progress-bar {
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.8);
}

/* Driveway Measure Page Styles */
:root {
  --dj-bg:        #F2F2F7;
  --dj-surface:   #FFFFFF;
  --dj-text:      #1C1C1E;
  --dj-text-2:    #3A3A3C;
  --dj-text-dim:  #8E8E93;
  --dj-text-ph:   #C7C7CC;
  --dj-border:    #E5E5EA;
  --dj-sep:       rgba(60,60,67,0.12);
  --dj-amber:     #F59E0B;
  --dj-amber-dk:  #D97706;
  --dj-amber-lt:  rgba(245,158,11,0.10);
  --dj-amber-md:  rgba(245,158,11,0.20);
  --dj-green:     #30D158;
  --dj-green-lt:  rgba(48,209,88,0.12);
  --dj-radius:    18px;
  --dj-radius-sm: 14px;
  --dj-pill:      100px;
  --dj-sh-xs:     0 1px 3px rgba(0,0,0,0.06);
  --dj-sh-sm:     0 2px 8px rgba(0,0,0,0.07), 0 1px 2px rgba(0,0,0,0.04);
  --dj-sh:        0 4px 20px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.04);
  --spacing:      0.25rem;
  --color-gray-950: #030712;
  --tw-text-opacity: 1;
  --bs-modal-margin: 0.5rem;
}

/* Driveway Measure Container */
.dj-measure-container {
  max-width: 440px; margin: 0 auto;
  padding: 0 16px 52px;
  min-height: 100dvh; display: flex; flex-direction: column;
}

/* Driveway Measure Header */
.dj-measure-header { text-align: center; padding: 20px 0 4px; }
.dj-measure-logo { display: inline-flex; align-items: center; gap: 6px; font-size: 1rem; font-weight: 700; letter-spacing: -0.3px; }
.dj-measure-logo-mark { width: 28px; height: 28px; background: var(--dj-amber); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 0.8rem; }

/* Driveway Measure Progress */
.dj-measure-progress-wrap {
  padding: 14px 0 20px; position: sticky; top: 0; z-index: 20;
  background: var(--dj-bg);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
}
.dj-measure-progress-track { height: 5px; background: var(--dj-border); border-radius: var(--dj-pill); overflow: hidden; }
.dj-measure-progress-fill  { height: 100%; background: linear-gradient(90deg, var(--dj-amber), #FBBF24); border-radius: var(--dj-pill); transition: width 0.45s cubic-bezier(0.4,0,0.2,1); width: 0%; }
.dj-measure-progress-meta  { display: flex; justify-content: space-between; margin-top: 7px; }
.dj-measure-progress-label { font-size: 0.72rem; color: var(--dj-text-dim); font-weight: 500; }
.dj-measure-progress-pct   { font-size: 0.72rem; color: var(--dj-amber); font-weight: 600; }

/* Driveway Measure Steps */
.dj-measure-step { display: none; flex-direction: column; flex: 1; animation: dj-measure-slideIn 0.3s ease; }
.dj-measure-step.active { display: flex; }
@keyframes dj-measure-slideIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.dj-measure-step-heading { font-size: 1.5rem; font-weight: 700; letter-spacing: -0.5px; line-height: 1.25; margin-bottom: 6px; }
.dj-measure-step-sub { font-size: 0.88rem; color: var(--dj-text-dim); margin-bottom: 20px; line-height: 1.5; }

/* Driveway Measure Service Cards */
.dj-measure-svc-list { display: flex; flex-direction: column; gap: 10px; }
.dj-measure-svc-card {
  background: var(--dj-surface); border: 1.5px solid var(--dj-border); border-radius: var(--dj-radius);
  padding: 18px; cursor: pointer; display: flex; align-items: center; gap: 14px;
  box-shadow: var(--dj-sh-sm); transition: all 0.15s; -webkit-tap-highlight-color: transparent; user-select: none;
}
.dj-measure-svc-card:active { transform: scale(0.985); }
.dj-measure-svc-card.selected { border-color: var(--dj-amber); background: var(--dj-amber-lt); box-shadow: 0 0 0 3px var(--dj-amber-md), var(--dj-sh-sm); }
.dj-measure-svc-icon { font-size: 1.6rem; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background: var(--dj-bg); border-radius: 12px; border: 1px solid var(--dj-border); flex-shrink: 0; transition: all 0.15s; }
.dj-measure-svc-card.selected .dj-measure-svc-icon { background: var(--dj-amber-lt); border-color: var(--dj-amber); }
.dj-measure-svc-title { font-size: 1rem; font-weight: 600; letter-spacing: -0.2px; margin-bottom: 2px; }
.dj-measure-svc-desc  { font-size: 0.78rem; color: var(--dj-text-dim); line-height: 1.35; }

/* Driveway Measure Address Search */
.dj-measure-search-wrap { position: relative; margin-bottom: 8px; }
.dj-measure-search-input {
  width: 100%; padding: 15px 48px 15px 18px;
  background: var(--dj-surface); border: 1.5px solid var(--dj-border); border-radius: var(--dj-radius);
  color: var(--dj-text); font-size: 1rem; font-family: inherit;
  outline: none; box-shadow: var(--dj-sh-sm); transition: border-color 0.15s; -webkit-appearance: none;
}
.dj-measure-search-input:focus { border-color: var(--dj-amber); }
.dj-measure-search-input::placeholder { color: var(--dj-text-ph); }
.dj-measure-search-icon { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 1.1rem; pointer-events: none; }
.dj-measure-suggestions {
  position: absolute; top: calc(100% + 6px); left: 0; right: 0;
  background: var(--dj-surface); border: 1px solid var(--dj-border);
  border-radius: var(--dj-radius-sm); box-shadow: var(--dj-sh); z-index: 200; overflow: hidden; display: none;
}
.dj-measure-suggestion { padding: 13px 18px; font-size: 0.88rem; cursor: pointer; border-bottom: 1px solid var(--dj-sep); transition: background 0.1s; line-height: 1.35; }
.dj-measure-suggestion:last-child { border-bottom: none; }
.dj-measure-suggestion:hover, .dj-measure-suggestion:active { background: var(--dj-amber-lt); }
.dj-measure-sug-main { font-weight: 600; color: var(--dj-text); margin-bottom: 1px; }
.dj-measure-sug-sub  { font-size: 0.78rem; color: var(--dj-text-dim); }

/* Driveway Measure Address Chip */
.dj-measure-addr-chip {
  display: none; align-items: center; gap: 8px;
  background: var(--dj-amber-lt); border: 1px solid var(--dj-amber);
  border-radius: var(--dj-pill); padding: 8px 16px;
  font-size: 0.83rem; font-weight: 500; color: var(--dj-amber-dk); margin-bottom: 14px;
}
.dj-measure-chip-change { font-size: 0.72rem; color: var(--dj-amber); text-decoration: underline; cursor: pointer; margin-left: 4px; }

/* Driveway Measure Satellite Panel */
.dj-measure-sat-panel {
  border-radius: var(--dj-radius); overflow: hidden;
  border: 1px solid var(--dj-border); box-shadow: var(--dj-sh);
  margin-bottom: 14px; position: relative;
  height: 210px; background: #c8bfb0; display: none;
}
#map { width: 100%; height: 100%; }
.dj-measure-sat-badge {
  position: absolute; bottom: 10px; left: 10px;
  background: rgba(255,255,255,0.95); border: 1px solid var(--dj-border);
  border-radius: var(--dj-pill); padding: 5px 12px;
  font-size: 0.75rem; font-weight: 600; color: var(--dj-text);
  backdrop-filter: blur(8px); box-shadow: var(--dj-sh-xs); pointer-events: none;
}
.dj-measure-sat-notice {
  position: absolute; bottom: 10px; right: 10px;
  background: rgba(245,158,11,0.92); color: #fff;
  border-radius: var(--dj-pill); padding: 5px 12px;
  font-size: 0.72rem; font-weight: 600;
  backdrop-filter: blur(8px); pointer-events: none;
}
.mapboxgl-ctrl-attrib { font-size: 9px !important; opacity: 0.6; }
.mapboxgl-ctrl-logo   { display: none !important; }

/* Driveway Measure Size Slider Section */
.dj-measure-size-section { display: none; }
.dj-measure-size-section.visible { display: block; }
.dj-measure-section-label {
  font-size: 0.7rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: 1px; color: var(--dj-amber); margin-bottom: 12px;
}

/* Driveway Measure Size Display Card */
.dj-measure-size-display {
  background: var(--dj-surface); border: 1px solid var(--dj-border);
  border-radius: var(--dj-radius-sm); padding: 18px 20px;
  margin-bottom: 16px; box-shadow: var(--dj-sh-sm);
  display: flex; align-items: center; justify-content: space-between;
}
.dj-measure-sd-left .dj-measure-sd-label { font-size: 1.2rem; font-weight: 700; letter-spacing: -0.4px; }
.dj-measure-sd-left .dj-measure-sd-desc  { font-size: 0.82rem; color: var(--dj-text-dim); margin-top: 2px; }
.dj-measure-sd-right { text-align: right; }
.dj-measure-sd-sqft  { font-size: 1rem; font-weight: 700; color: var(--dj-amber); }
.dj-measure-sd-sqft-label { font-size: 0.7rem; color: var(--dj-text-dim); }

/* Driveway Measure Visual Size Blocks */
.dj-measure-size-blocks { display: flex; gap: 5px; margin-bottom: 10px; }
.dj-measure-size-block  { flex: 1; height: 6px; border-radius: 3px; background: var(--dj-border); transition: background 0.2s; }
.dj-measure-size-block.active { background: var(--dj-amber); }

/* Driveway Measure Custom Range Slider */
.dj-measure-slider-wrap { padding: 4px 0 8px; }
.dj-measure-slider-wrap input[type=range] {
  -webkit-appearance: none; appearance: none;
  width: 100%; height: 6px; border-radius: 3px;
  background: var(--dj-border); outline: none; cursor: pointer;
}
.dj-measure-slider-wrap input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none;
  width: 28px; height: 28px; border-radius: 50%;
  background: var(--dj-amber); border: 3px solid #fff;
  box-shadow: 0 2px 8px rgba(245,158,11,0.4); cursor: pointer;
  transition: transform 0.1s;
}
.dj-measure-slider-wrap input[type=range]:active::-webkit-slider-thumb { transform: scale(1.15); }
.dj-measure-slider-wrap input[type=range]::-moz-range-thumb {
  width: 28px; height: 28px; border-radius: 50%;
  background: var(--dj-amber); border: 3px solid #fff;
  box-shadow: 0 2px 8px rgba(245,158,11,0.4); cursor: pointer;
}
.dj-measure-slider-labels {
  display: flex; justify-content: space-between;
  padding: 6px 2px 0; font-size: 0.68rem; color: var(--dj-text-dim);
}

/* Driveway Measure Satellite Note */
.dj-measure-sat-note {
  display: flex; align-items: flex-start; gap: 10px;
  background: var(--dj-surface); border: 1px solid var(--dj-border);
  border-radius: 10px; padding: 12px 14px; margin-top: 12px;margin-bottom: 12px;
  box-shadow: var(--dj-sh-xs);
}
.dj-measure-sat-note-icon { font-size: 1.1rem; flex-shrink: 0; }
.dj-measure-sat-note-text { font-size: 0.78rem; color: var(--dj-text-dim); line-height: 1.5; }
.dj-measure-sat-note-text strong { color: var(--dj-text-2); }

/* Driveway Measure Condition Step */
.dj-measure-cond-illustration {
  border-radius: var(--dj-radius); overflow: hidden;
  border: 1px solid var(--dj-border); box-shadow: var(--dj-sh);
  margin-bottom: 16px; height: 180px;
  display: flex; align-items: stretch; position: relative;
}
.dj-measure-cond-svg-wrap {
  width: 100%; height: 100%;
  position: absolute; top: 0; left: 0;
  opacity: 0; transition: opacity 0.3s ease;
}
.dj-measure-cond-svg-wrap.active { opacity: 1; }
.dj-measure-cond-svg-wrap svg { width: 100%; height: 100%; display: block; filter: contrast(1.08) saturate(0.85) brightness(0.97); }

.dj-measure-cond-buttons { display: flex; gap: 10px; margin-bottom: 14px; }
.dj-measure-cond-btn {
  flex: 1; padding: 14px 8px; background: var(--dj-surface);
  border: 1.5px solid var(--dj-border); border-radius: var(--dj-radius-sm);
  cursor: pointer; text-align: center; transition: all 0.15s;
  box-shadow: var(--dj-sh-xs); -webkit-tap-highlight-color: transparent;
  font-family: inherit;
}
.dj-measure-cond-btn:active { transform: scale(0.97); }
.dj-measure-cond-btn.active { border-color: var(--dj-amber); background: var(--dj-amber-lt); box-shadow: 0 0 0 3px var(--dj-amber-md); }
.dj-measure-cond-btn-label { font-size: 0.88rem; font-weight: 600; display: block; margin-bottom: 2px; }
.dj-measure-cond-btn-note  { font-size: 0.68rem; color: var(--dj-text-dim); }
.dj-measure-cond-btn.active .dj-measure-cond-btn-note { color: var(--dj-amber-dk); }

.dj-measure-cond-desc-card {
  background: var(--dj-surface); border: 1px solid var(--dj-border);
  border-radius: var(--dj-radius-sm); padding: 14px 16px;
  margin-bottom: 14px; box-shadow: var(--dj-sh-xs);
  min-height: 56px; transition: all 0.2s;
}
.dj-measure-cond-desc-text { font-size: 0.87rem; color: var(--dj-text-2); line-height: 1.5; }
.dj-measure-cond-impact    { font-size: 0.78rem; font-weight: 600; margin-top: 4px; }

/* Driveway Measure Price Reveal */
.dj-measure-price-reveal {
  background: var(--dj-surface); border: 1px solid var(--dj-border);
  border-radius: var(--dj-radius); padding: 24px 20px 20px;
  text-align: center; box-shadow: var(--dj-sh); margin-bottom: 14px;
}
.dj-measure-pr-tag   { font-size: 0.7rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: var(--dj-text-dim); margin-bottom: 8px; }
.dj-measure-pr-mid   { font-size: 3rem; font-weight: 800; color: var(--dj-green); letter-spacing: 1px; line-height: 1; margin-bottom: 3px; }
.dj-measure-pr-range { font-size: 0.82rem; color: var(--dj-text-dim); margin-bottom: 14px; }
.dj-measure-pr-lines { border-top: 1px solid var(--dj-sep); padding-top: 12px; text-align: left; }
.dj-measure-pr-row   { display: flex; justify-content: space-between; padding: 4px 0; font-size: 0.82rem; }
.dj-measure-pr-row .dj-measure-pl { color: var(--dj-text-dim); }
.dj-measure-pr-row .dj-measure-pv { font-weight: 600; }
.dj-measure-pr-nudge {
  margin-top: 12px; padding: 10px 14px;
  background: var(--dj-green-lt); border: 1px solid rgba(48,209,88,0.25);
  border-radius: 10px; font-size: 0.78rem; color: #1a7a38; line-height: 1.45; text-align: left;
}

/* Driveway Measure Lead Form */
.dj-measure-form-stack {
  background: var(--dj-surface); border-radius: var(--dj-radius);
  border: 1px solid var(--dj-border); overflow: hidden; box-shadow: var(--dj-sh-sm); margin-bottom: 16px;
}
.dj-measure-form-row { display: flex; flex-direction: column; border-bottom: 1px solid var(--dj-sep); }
.dj-measure-form-row:last-child { border-bottom: none; }
.dj-measure-form-row label { font-size: 0.72rem; font-weight: 600; color: var(--dj-text-dim); text-transform: uppercase; letter-spacing: 0.5px; padding: 12px 16px 4px; }
.dj-measure-form-row input  { width: 100%; padding: 4px 16px 14px; background: transparent; border: none; color: var(--dj-text); font-size: 1rem; font-family: inherit; outline: none; -webkit-appearance: none; }
.dj-measure-form-row input::placeholder { color: var(--dj-text-ph); }
.dj-measure-form-row input:invalid:not(:placeholder-shown) { border-bottom: 2px solid #ef4444; }
.dj-required { color: #ef4444; font-weight: 600; }

/* Form Validation Styles (quote-tool and general forms) */
input[type="tel"]:invalid:not(:placeholder-shown),
input[type="email"]:invalid:not(:placeholder-shown),
input[type="text"]:invalid:not(:placeholder-shown) {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.15);
}
input[type="tel"]:valid:not(:placeholder-shown),
input[type="email"]:valid:not(:placeholder-shown) {
  border-color: #22c55e !important;
}

.dj-measure-quote-summary {
  background: var(--dj-amber-lt); border: 1px solid var(--dj-amber);
  border-radius: var(--dj-radius-sm); padding: 12px 16px;
  margin-bottom: 16px; font-size: 0.82rem; color: var(--dj-amber-dk);
}
.dj-measure-qs-label { font-weight: 700; margin-bottom: 2px; }
.dj-measure-qs-detail { color: var(--dj-text-2); }

/* Driveway Measure Buttons */
.dj-measure-btn-primary {
  width: 100%; padding: 17px 20px; background: var(--dj-amber); color: #fff;
  font-size: 1.02rem; font-weight: 700; letter-spacing: -0.2px;
  border: none; border-radius: var(--dj-radius); cursor: pointer;
  box-shadow: 0 2px 12px rgba(245,158,11,0.35);
  transition: background 0.15s, transform 0.12s; margin-top: auto;
  -webkit-tap-highlight-color: transparent; font-family: inherit;
}
.dj-measure-btn-primary:active { transform: scale(0.975); }
.dj-measure-btn-primary:disabled { background: var(--dj-border); color: var(--dj-text-dim); box-shadow: none; cursor: not-allowed; transform: none; }
.dj-measure-btn-green { background: var(--dj-green); box-shadow: 0 2px 12px rgba(48,209,88,0.35); }
.dj-measure-btn-green:hover { background: #25c04e; }
.dj-measure-btn-secondary {
  width: 100%; padding: 14px; background: transparent; color: var(--dj-text-dim);
  font-size: 0.87rem; font-weight: 500; border: 1.5px solid var(--dj-border);
  border-radius: var(--dj-radius); cursor: pointer; margin-top: 10px;
  font-family: inherit; -webkit-tap-highlight-color: transparent;
}

/* Driveway Measure Trust Section */
.dj-measure-trust { display: flex; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--dj-border); }
.dj-measure-trust-item { flex: 1; font-size: 0.68rem; color: var(--dj-text-dim); text-align: center; padding: 0 6px; border-right: 1px solid var(--dj-border); }
.dj-measure-trust-item:last-child { border-right: none; }
.dj-measure-ti { display: block; font-size: 1rem; margin-bottom: 3px; }
.dj-measure-trust-item strong { display: block; font-weight: 600; color: var(--dj-text-2); }

/* Driveway Measure Success */
.dj-measure-success-wrap { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 20px 0; }
.dj-measure-success-icon { width: 76px; height: 76px; background: var(--dj-green-lt); border: 2px solid rgba(48,209,88,0.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.2rem; margin: 0 auto 20px; animation: dj-measure-popIn 0.45s cubic-bezier(0.175,0.885,0.32,1.275); }
@keyframes dj-measure-popIn { from { transform: scale(0); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.dj-measure-success-wrap h2 { font-size: 1.6rem; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 10px; }
.dj-measure-success-wrap p  { color: var(--dj-text-dim); line-height: 1.55; font-size: 0.9rem; max-width: 300px; }
.dj-measure-success-badge   { margin-top: 20px; display: inline-flex; align-items: center; gap: 8px; background: var(--dj-amber-lt); border: 1px solid var(--dj-amber); border-radius: var(--dj-pill); padding: 8px 18px; font-size: 0.87rem; font-weight: 600; color: var(--dj-amber-dk); }

/* Driveway Measure Call Card */
.dj-measure-call-card {
  width: 100%; margin-top: 22px; background: var(--dj-surface);
  border: 1.5px solid var(--dj-border); border-radius: var(--dj-radius);
  padding: 18px 16px; text-align: left; box-shadow: var(--dj-sh-sm);
}
.dj-measure-call-card-header { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.dj-measure-call-card-icon { font-size: 1.5rem; }
.dj-measure-call-card-title { font-weight: 700; font-size: 0.95rem; color: var(--dj-text); }
.dj-measure-call-card-subtitle { font-size: 0.78rem; color: var(--dj-text-dim); }
.dj-measure-call-card-subtitle strong { color: var(--dj-text-2); }
.dj-measure-call-card-body { font-size: 0.82rem; color: var(--dj-text-dim); line-height: 1.6; border-top: 1px solid var(--dj-border); padding-top: 12px; }

/* Driveway Measure Next Steps */
.dj-measure-next-steps { width: 100%; margin-top: 14px; display: flex; flex-direction: column; gap: 10px; }
.dj-measure-next-step { display: flex; align-items: flex-start; gap: 12px; }
.dj-measure-next-step-num {
  width: 24px; height: 24px; border-radius: 50%;
  background: var(--dj-amber-lt); border: 1.5px solid var(--dj-amber);
  display: flex; align-items: center; justify-content: center;
  font-size: 0.7rem; font-weight: 800; color: var(--dj-amber-dk); flex-shrink: 0;
}
.dj-measure-next-step-text { font-size: 0.82rem; color: var(--dj-text-dim); line-height: 1.5; padding-top: 2px; }
.dj-measure-next-step-text strong { color: var(--dj-text-2); }

/* Driveway Measure Utils */
.shake { animation: dj-measure-shake 0.38s ease; }
@keyframes dj-measure-shake { 0%,100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } }
.dj-measure-mt-auto { margin-top: auto; }
.dj-hidden  { display: none !important; }

/* ========== DrivewayJuice Utility Classes ========== */

/* Letter Spacing Utilities */
.dj-letter-spacing-05 { letter-spacing: 0.5px; }
.dj-letter-spacing-03 { letter-spacing: 0.3px; }
.dj-letter-spacing-07 { letter-spacing: 0.7px; }
.dj-letter-spacing-1 { letter-spacing: 1px; }
.dj-letter-spacing-neg { letter-spacing: -0.2px; }
.dj-letter-spacing-neg-5 { letter-spacing: -0.5px; }

/* Hero Title */
.dj-hero-title {
  font-size: clamp(2rem, 4.5vw, 3.2rem);
  letter-spacing: -0.03em;
  line-height: 1.1;
}

/* Heading Styles */
.dj-heading-tight {
  letter-spacing: -0.5px;
  line-height: 1.2;
}

/* Section Boundary Display */
section_boundary {
  display: block;
  unicode-bidi: isolate;
}

/* Book Now Button */
.dj-measure-book-now {
  margin-top: 24px;
  width: 100%;
}

/* Modal/Shadowbox Styles */
.dj-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border: none;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
.dj-modal-overlay::backdrop {
  background: transparent;
}
.dj-modal-overlay:not([open]) {
  display: none;
}
.dj-modal-content {
  background: var(--dj-bg, #F2F2F7);
  border-radius: var(--dj-radius, 18px);
  max-width: 480px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  animation: dj-modal-slideUp 0.3s ease;
}
@keyframes dj-modal-slideUp {
  from { opacity: 0; transform: translateY(20px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.dj-modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 36px;
  height: 36px;
  border: none;
  background: var(--dj-surface, #fff);
  border-radius: 50%;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--dj-text-dim, #8E8E93);
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--dj-sh-xs, 0 1px 3px rgba(0,0,0,0.06));
  transition: all 0.15s;
}
.dj-modal-close:hover {
  background: var(--dj-border, #E5E5EA);
  color: var(--dj-text, #1C1C1E);
}
.dj-modal-body {
  padding: 0;
}
.dj-modal-body .min-h-screen {
  min-height: auto;
}
.dj-modal-body #booking-content {
  padding: 0;
}
.dj-modal-body .bg-dj-surface {
  border-radius: var(--dj-radius, 18px);
}

/* ========== Primary Button Styles ========== */
.btn-primary,
.theme-primary {
  background-color: var(--dj-amber, #F59E0B);
  color: #ffffff;
  border: 2px solid var(--dj-amber, #F59E0B);
  border-radius: var(--dj-radius-sm, 14px);
  padding: 12px 24px;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.15s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.25);
}

.btn-primary:hover,
.theme-primary:hover {
  background-color: var(--dj-amber-dk, #D97706);
  border-color: var(--dj-amber-dk, #D97706);
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.35);
  transform: translateY(-1px);
}

.btn-primary:active,
.theme-primary:active {
  transform: scale(0.98);
  box-shadow: 0 1px 4px rgba(245, 158, 11, 0.2);
}

.btn-primary:focus,
.theme-primary:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--dj-amber-md, rgba(245,158,11,0.20));
}

/* Secondary/Outline Button Variant */
.btn-secondary,
.theme-secondary {
  background-color: transparent;
  color: var(--dj-text, #1C1C1E);
  border: 2px solid var(--dj-border, #E5E5EA);
  border-radius: var(--dj-radius-sm, 14px);
  padding: 12px 24px;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.15s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
}

.btn-secondary:hover,
.theme-secondary:hover {
  background-color: var(--dj-amber-lt, rgba(245,158,11,0.10));
  border-color: var(--dj-amber, #F59E0B);
  color: var(--dj-amber-dk, #D97706);
}

/* Dark Background Button Variant */
.btn-primary-dark,
.theme-primary-dark {
  background-color: var(--dj-text, #1C1C1E);
  color: #ffffff;
  border: 2px solid var(--dj-text, #1C1C1E);
  border-radius: var(--dj-radius-sm, 14px);
  padding: 12px 24px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
}

.btn-primary-dark:hover,
.theme-primary-dark:hover {
  background-color: var(--dj-text-2, #3A3A3C);
  border-color: var(--dj-text-2, #3A3A3C);
}

/* ========== Opt-In & Marketing Page Styles ========== */

/* Icon Wrap */
.ico-wrap {
  position: relative;
  margin-right: 1.625rem !important;
}

/* Content Section List Styles */
.content-section .simple-list .list-item {
  list-style: disc;
  display: list-item;
}

/* Squeeze Page Main Container */
.squeeze_main {
  max-width: 1170px;
}

.squeeze_main .form-container plainform {
  background-color: var(--dj-amber-lt, rgba(245,158,11,0.10));
  border: 5px solid var(--dj-amber-md, rgba(245,158,11,0.20));
  border-radius: 10px;
}

.squeeze_main .form-container plainform .main_form {
  height: auto !important;
}

.squeeze_main .optinTheme {
  margin-top: 0 !important;
}

.squeeze_main .optinbtn {
  background-color: var(--dj-amber, #F59E0B);
  color: white;
  font-size: 1.75rem;
}

.squeeze_main .optinbtn:hover {
  color: var(--dj-amber, #F59E0B);
  background-color: transparent;
  cursor: pointer;
}

.squeeze_main .optinLink {
  color: var(--dj-amber, #F59E0B) !important;
  cursor: pointer;
  font-size: 21px !important;
}

.squeeze_main .optintext {
  font-weight: 500;
  font-size: 24px;
}

.squeeze_main .optintext::before {
  margin-right: 0 !important;
}

.squeeze_main .optinimg {
  width: 400px;
  height: auto;
  max-width: 100%;
}

.squeeze_main .mobile_img {
  display: none !important;
}

.squeeze_main .left_sec {
  width: 40%;
}

.squeeze_main .right_sec {
  width: 60%;
}

.squeeze_main .right_sec li {
  list-style: none;
}

.squeeze_main .right_sec ul li::before {
  content: '✓';
  margin-right: 10px;
  color: var(--dj-amber, #F59E0B);
}

.squeeze_main .squeeze_form {
  width: 100%;
  max-width: 1110px;
}

.squeeze_main .right_sec h2 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 2rem !important;
  color: var(--dj-text, #1C1C1E) !important;
  letter-spacing: 0.05em;
  font-weight: 700 !important;
}

/* Hero-22 Marketing Section */
.hero-22 {
  position: relative;
  background-image: url(https://dutbmp3xi6xk2.cloudfront.net/themebuilder/theme-keynote/images/hero-22.webp);
  padding-top: 160px;
  z-index: 3;
  background-attachment: scroll !important;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.hero-22 .wave-shape-bottom path {
  fill: #fff;
}

.hero-22 .hero-logo:not(.mb-0) {
  margin-bottom: 30px;
}

.hero-logo img {
  width: auto;
  max-width: inherit;
  max-height: 36px;
}

.hero-22-form h4 {
  line-height: 1.4;
  margin-bottom: 20px;
}

.hero-22-form h4 ccvariable p {
  color: var(--dj-text, #1C1C1E) !important;
}

.hero-22-form span ccvariable p {
  line-height: 25px !important;
}

.hero-22-form p {
  color: var(--dj-text-dim, #8E8E93);
  margin-bottom: 25px !important;
}

.hero-22-form {
  position: relative;
  z-index: 999;
  background-color: #fff;
  border: 1px solid #f8f8f8;
  padding: 45px 35px 35px;
  -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
  -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08);
  border-radius: 10px;
}

/* Wave Shape */
.wave-shape-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

/* Background Patterns */
.bg-04 {
  background-image: url(https://dutbmp3xi6xk2.cloudfront.net/themebuilder/theme-keynote/images/bg-04.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: scroll !important;
  border-radius: 16px;
}

.bg-02 {
  background-image: url(https://dutbmp3xi6xk2.cloudfront.net/themebuilder/theme-keynote/images/bg-02.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: scroll !important;
  border-radius: 16px;
}

.bg-white-400 {
  background-color: #f4f4f9;
}

/* Section Overlays */
.bc-1-wrapper .section-overlay,
.bc-4-wrapper .section-overlay,
.bc-6-wrapper .section-overlay {
  padding: 80px 70px;
}

/* Feature Box Styles */
.fbox-5 {
  padding: 60px;
}

.fbox-5.fb-2 .fbox-5-img,
.fbox-5.fb-3 .fbox-5-img,
.fbox-5.fb-4 .fbox-5-img {
  margin: 0 5% 40px;
}

.fadeInUp .fbox-txt h5 {
  margin-bottom: 0;
}

/* Check Icon Color */
.cbox-1-ico .fa-check {
  color: var(--dj-amber, #F59E0B);
}

.color--theme {
  color: var(--dj-amber, #F59E0B) !important;
}

/* Marketing Page Styles */
.marketing_page ccvariable p,
.marketing_page span ccvariable p {
  margin-bottom: 15px !important;
}

/* Responsive Styles for Squeeze Pages */
/* Even Light Shadow for Pricing Factor Cards */
.shadow-even-light {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
}

@media only screen and (max-width: 767px) {
  .squeeze_main .left_sec,
  .squeeze_main .right_sec {
    width: 100%;
  }

  .squeeze_main .mobile_img {
    display: flex !important;
  }

  .squeeze_main .left_sec .optinimg {
    display: none;
  }

  .squeeze_main .mobile_img .optinimg {
    width: 150px !important;
    height: auto;
  }

  .squeeze_main .right_sec ul {
    padding-left: 0;
  }

  .squeeze_main .optinbtn {
    font-size: 1rem;
  }

  .bc-1-wrapper .section-overlay,
  .bc-4-wrapper .section-overlay,
  .bc-6-wrapper .section-overlay {
    padding: 40px 20px;
  }
}

/* ========== Page Builder Styles ========== */

section_boundary {
    display: block;
    unicode-bidi: isolate;
}

.grp-wrapper-class .bordered.rounded.video-border,
.gjs-editor-cont .bordered.rounded.video-border {
    pointer-events: none;
}

.container.grp-wrapper-class,
.container.gjs-editor-cont {
    background-color: #000;
    color: gray;
    font-size: clamp(17px, 4vw, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5em;
    overflow-y: auto;
}

buttonform > div,
dialogform > div,
plainform > div,
wizardform > div,
form > div,
.buttonform-cmp-css > div {
    pointer-events: unset !important;
}

.grp-wrapper-class buttonform > div,
.gjs-editor-cont buttonform > div,
.grp-wrapper-class dialogform > div,
.gjs-editor-cont dialogform > div,
.grp-wrapper-class plainform > div,
.gjs-editor-cont plainform > div,
.grp-wrapper-class wizardform > div,
.gjs-editor-cont wizardform > div,
.grp-wrapper-class form > div,
.gjs-editor-cont form > div,
.grp-wrapper-class .widgets > *,
.gjs-editor-cont .widgets > *,
.grp-wrapper-class .webinar-cmp-css > div,
.gjs-editor-cont .webinar-cmp-css > div,
.grp-wrapper-class .buttonform-cmp-css > div,
.gjs-editor-cont .buttonform-cmp-css > div {
    pointer-events: none !important;
}

.grp-wrapper-class buttonform *,
.grp-wrapper-class dialogform *,
.grp-wrapper-class plainform *,
.grp-wrapper-class wizardform *,
.grp-wrapper-class form *,
.grp-wrapper-class .widgets *,
.grp-wrapper-class .webinar-cmp-css *,
.grp-wrapper-class .buttonform-cmp-css *,
.grp-wrapper-class .slider-cmp-css * {
    outline: unset !important;
    outline-offset: unset !important;
}

.grp-wrapper-class .vertical-testimonials:before,
.gjs-editor-cont .vertical-testimonials:before {
    position: unset;
}

.grp-wrapper-class .embed-container #video-embed,
.gjs-editor-cont .embed-container #video-embed {
    width: 100%;
    height: 600px;
}

.grp-wrapper-class .container-fluid,
.gjs-editor-cont .container-fluid {
    padding: 0;
}

.collapse {
    display: none;
}

.collapse.show {
    display: block;
}

.grp-wrapper-class .widgets .animate-marquee blockquote svg {
    fill: #06b6d4;
}

.widgets .animate-marquee.animate-marquee-1 {--marquee-duration: 28640ms;}
.widgets .animate-marquee.animate-marquee-2 {--marquee-duration: 41280ms;}
.widgets .animate-marquee.animate-marquee-3 {--marquee-duration: 22320ms;}
.widgets .animate-marquee .animate-fade-in.animate-fade-0 {animation-delay: 0s;}
.widgets .animate-marquee .animate-fade-in.animate-fade-1 {animation-delay: 0.1s;}
.widgets .animate-marquee .animate-fade-in.animate-fade-2 {animation-delay: 0.2s;}
.widgets .animate-marquee .animate-fade-in.animate-fade-3 {animation-delay: 0.3s;}
.widgets .animate-marquee .animate-fade-in.animate-fade-5 {animation-delay: 0.5s;}

.grp-wrapper-class .pocketMobSec {
    min-width: 318px;
    top: 25px;
    left: 25px;
    padding-top: 25px;
}

.grp-wrapper-class .avoid-component-drop,
.gjs-editor-cont .avoid-component-drop {
    pointer-events: none !important;
}
.gjs-editor-cont .avoid-component-drop * {
    outline: unset !important;
    outline-offset: unset !important;
}

/* Disable pointer events on header, footer and all their descendants */
.grp-wrapper-class header,
.grp-wrapper-class footer,
.grp-wrapper-class header *,
.grp-wrapper-class footer *,
.gjs-editor-cont header,
.gjs-editor-cont footer,
.gjs-editor-cont header *,
.gjs-editor-cont footer * {
    pointer-events: none !important;
    outline: unset !important;
    outline-offset: unset !important;
}

/* Disable pointer events for sliders */
.grp-wrapper-class .carousel-main.editor_mode,
.grp-wrapper-class .carousel-main.editor_mode *,
.gjs-editor-cont .carousel-main.editor_mode,
.gjs-editor-cont .carousel-main.editor_mode * {
    pointer-events: none !important;
}

/* Disable pointer > enigma theme > home page > about us > vision bg section */
.grp-wrapper-class .elementor-background-overlay,
.gjs-editor-cont .elementor-background-overlay {
    pointer-events: none !important;
}

.overflow-hidden.grp-wrapper-class,
.main-wrapper-onepage.grp-wrapper-class,
.main_wrapper.grp-wrapper-class {
    overflow-y: auto !important;
}

.grp-wrapper-class [data-aos^=fade][data-aos^=fade] {
    opacity: 1 !important;
    transform: unset !important;
}

.grp-wrapper-class .faqAccordionMain.widgets dl:first-child,
.grp-wrapper-class .widgets .book_now_faq .faq-list:first-child {
    display: none;
}

/* Section boundary selection on nested div section */
.grp-wrapper-class section_boundary {
    pointer-events: auto;
}

.grp-wrapper-class section_boundary > * {
    pointer-events: none;
}
.grp-wrapper-class section_boundary.drop-zone > * {
    pointer-events: auto;
}

.grp-wrapper-class section_boundary .drop-component,
.grp-wrapper-class section_boundary.drop-zone,
.grp-wrapper-class section_boundary .drop-zone,
.grp-wrapper-class section_boundary .plus-icon,
.grp-wrapper-class section_boundary img {
    pointer-events: auto !important;
}

.grp-wrapper-class section_boundary .webinar-cmp-css img,
.grp-wrapper-class section_boundary .widgets img {
    pointer-events: none !important;
}

.ql-container .ql-editor-message{
    padding: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dee2e696;
}

/* chatbot alignment */
#react-chatbotify-container .rcb-chat-header div:not(.rcb-bot-avatar) {
    width: 100%;
    overflow: hidden;
}

.text-justify{
    text-align: justify;
}

/** slider widget */
[data-widget="blog_classic_card_slider"],
[data-widget="course_gallery_slider"],
[data-widget="feedback_cards_slider"],
[data-widget="stacked_feedback_slider"],
[data-widget="team_formal_view_slider"]
{
    width: 100%;
}

.grp-wrapper-class .blog_classic_card_slider .carousel-main .carousel-build .carousel-sec .carousel-group .carousel-group-item,
.grp-wrapper-class .course_gallery_slider .carousel-main .carousel-build .carousel-sec .carousel-group .carousel-group-item,
.grp-wrapper-class .stacked_feedback_slider .carousel-main .carousel-build .carousel-sec .carousel-group .carousel-group-item
{
    min-width: 50%;
}
.grp-wrapper-class .team_formal_view_slider .carousel-main .carousel-build .carousel-sec .carousel-group .carousel-group-item
{
    min-width: 33%;
}

/* Theme primary color */
.text-primary-theme {
    color: var(--dj-amber);
}

/* City card */
.city-card {
    text-decoration: none;
    background: var(--dj-surface);
    border: 2px solid transparent;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    color: var(--dj-text);
}

.city-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    border-color: var(--dj-amber);
}

.city-card .city-link {
    color: var(--dj-amber);
}

/* ========== Hero Section Background & Overlay Styles ========== */

/* Generic hero background styles */
.dj-hero-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Specific hero backgrounds */
/* .dj-hero-bg-home uses img tag with fetchpriority="high" for LCP optimization */
.dj-hero-bg-home {
  background-position: center 30%;
}

/* .dj-hero-bg-why-seal and .dj-hero-bg-how-it-works use img tag with fetchpriority="high" for LCP optimization */

.dj-hero-bg-louisville {
  background-image: url('https://dutbmp3xi6xk2.cloudfront.net/themebuilder/theme-drivewayjuice/images/driveway-louisville-hero.webp');
}

.dj-hero-bg-nashville {
  background-image: url('https://dutbmp3xi6xk2.cloudfront.net/themebuilder/theme-drivewayjuice/images/driveway-nashville-hero.webp');
}

/* .dj-hero-bg-contractors uses img tag with fetchpriority="high" for LCP optimization */

/* Hero overlay gradients */
.dj-hero-overlay-dark-right {
  background: linear-gradient(to right, rgba(0,0,0,0.88), rgba(0,0,0,0.65), rgba(0,0,0,0.25));
}

.dj-hero-overlay-dark-right-louisville {
  background: linear-gradient(to right, rgba(0,0,0,0.82), rgba(0,0,0,0.55), rgba(0,0,0,0.20));
}

.dj-hero-overlay-dark-right-fade {
  background: linear-gradient(to right, rgba(28,28,28,0.80), rgba(28,28,28,0.50), transparent);
}

.dj-hero-overlay-dark-bottom {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.75) 100%);
}

/* Photo proof row - now uses <img> tags with lazy loading for better performance */
/* Background classes removed - images are inline in HTML with loading="lazy" */

/* Photo proof gradient overlay */
.dj-photo-overlay::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 100%);
  pointer-events: none;
}

/* Pricing card featured badge */
.dj-card-badge {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--dj-amber, #F59E0B);
  color: #fff;
  padding: 4px 16px;
  border-radius: var(--dj-radius-sm, 14px);
  font-size: 0.75rem;
  font-weight: 700;
  white-space: nowrap;
}

/* Gradient backgrounds */
.dj-gradient-dark-gray {
  background: linear-gradient(to right, #1c1c1c, #a3a3a3);
}

.dj-gradient-dark-gray-dark {
  background: linear-gradient(to right, #1c1c1c, #a3a3a3, #1c1c1c);
}

.dj-bg-amber-gradient {
  background: linear-gradient(135deg, #FEF9EE 0%, #FDE68A 100%);
}

.dj-bg-amber-gradient-light {
  background: linear-gradient(135deg, #FEF3C7 0%, #FDE68A 100%);
}

/* Quote tool specific */
.dj-backdrop-blur {
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
}

.dj-progress-gradient {
  background: linear-gradient(90deg, #F59E0B, #FBBF24);
}

/* ========== Bottom Wizard Pricing Plan ========== */
.wizard_pricing_main { margin-top: 100px; margin-bottom: 50px; }
.wizard_pricing_main .card-base {
  background: var(--dj-surface);
  border: 2px solid var(--dj-border);
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  -webkit-tap-highlight-color: transparent;
}
.wizard_pricing_main .text-\[\#ff99ae\] { color: var(--dj-amber); }
.wizard_pricing_main .text-\[\#474747\] { color: var(--dj-text); }
.wizard_pricing_main .text-gray-500 { color: var(--dj-text-dim); }
.wizard_pricing_main .card-base:hover,
.wizard_pricing_main .card-base.selected {
  border-color: var(--dj-amber);
  background: linear-gradient(to right, rgba(245,158,11,0.15), rgba(251,191,36,0.2), rgba(245,158,11,0.15));
}
.wizard_pricing_main .card-base:active { transform: scale(0.98); }
.wizard_pricing_main .option-card.selected .option-icon { background: rgba(245,158,11,0.25) !important; }
.wizard_pricing_main .finish-card.selected .finish-swatch { border-color: var(--dj-amber) !important; }
.wizard_pricing_main .step {
  display: none;
  flex-direction: column;
  flex: 1;
  animation: wizardFadeUp 0.3s ease;
}
.wizard_pricing_main .step.active { display: flex; }
.wizard_pricing_main .progress-fill {
  background: linear-gradient(to right, #F59E0B, #FBBF24, #F59E0B);
  border-radius: 3px;
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.wizard_pricing_main .price-summary .line {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid var(--dj-border);
  font-size: 0.9rem;
}
.wizard_pricing_main .price-summary .line .label { color: var(--dj-text-dim); }
@keyframes wizardFadeUp {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes wizardPopIn {
  from { transform: scale(0); }
  to { transform: scale(1); }
}
@keyframes wizardShake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-6px); }
  75% { transform: translateX(6px); }
}
.wizard_pricing_main .shake { animation: wizardShake 0.4s ease; }

/* ========== Form Builder Button Styles ========== */

.btn {
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-color: transparent;
    border-width: 1px;
    white-space: nowrap;
    padding-block: calc(calc(var(--spacing)* 2) - 1px);
    background-color: var(--color-gray-950);
    border-radius: calc(infinity* 1px);
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
}

form .btn.btn-primary,
plainform .btn.btn-primary,
dialogform .btn.btn-primary,
buttonform .btn.btn-primary {
    background-color: #F59E0B !important;
    color: white !important;
    border-color: #F59E0B !important;
}

form .btn:hover,
plainform .btn:hover,
dialogform .btn:hover,
buttonform .btn:hover {
    color: white !important;
    border-color: #F59E0B !important;
    background-color: #F59E0B !important;
}

form .btn-secondary,
plainform .btn-secondary,
dialogform .btn-secondary,
buttonform .btn-secondary {
    color: #fff !important;
    border-color: #6c757d !important;
    background-color: #6c757d !important;
}

form .btn-secondary:hover,
plainform .btn-secondary:hover,
dialogform .btn-secondary:hover,
buttonform .btn-secondary:hover {
    color: #6c757d !important;
    border-color: #6c757d !important;
    background-color: transparent !important;
}

form .btn-info,
plainform .btn-info,
dialogform .btn-info,
buttonform .btn-info {
    color: #000 !important;
    border-color: #0dcaf0 !important;
    background-color: #0dcaf0 !important;
}

form .btn-info:hover,
plainform .btn-info:hover,
dialogform .btn-info:hover,
buttonform .btn-info:hover {
    color: #0dcaf0 !important;
    border-color: #0dcaf0 !important;
    background-color: transparent !important;
}

form .btn-success,
plainform .btn-success,
dialogform .btn-success,
buttonform .btn-success {
    color: #fff !important;
    border-color: #28a745 !important;
    background-color: #28a745 !important;
}

form .btn-success:hover,
plainform .btn-success:hover,
dialogform .btn-success:hover,
buttonform .btn-success:hover {
    color: #28a745 !important;
    border-color: #28a745 !important;
    background-color: transparent !important;
}

form .btn-warning,
plainform .btn-warning,
dialogform .btn-warning,
buttonform .btn-warning {
    color: #000 !important;
    border-color: #ffc107 !important;
    background-color: #ffc107 !important;
}

form .btn-warning:hover,
plainform .btn-warning:hover,
dialogform .btn-warning:hover,
buttonform .btn-warning:hover {
    color: #ffc107 !important;
    border-color: #ffc107 !important;
    background-color: transparent !important;
}

form .btn-danger,
plainform .btn-danger,
dialogform .btn-danger,
buttonform .btn-danger {
    color: #fff !important;
    border-color: #dc3545 !important;
    background-color: #dc3545 !important;
}

form .btn-danger:hover,
plainform .btn-danger:hover,
dialogform .btn-danger:hover,
buttonform .btn-danger:hover {
    color: #dc3545 !important;
    border-color: #dc3545 !important;
    background-color: transparent !important;
}

.btn-lg {
    font-size: 18px;
    padding: 10px 20px !important;
}

.btn-md {
    font-size: 14px;
    padding: 7px 16px !important;
}

.btn-sm {
    font-size: 12px;
    padding: 4px 10px !important;
}

@keyframes trigger-btn-pulse {
    0% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.5); }
    70% { box-shadow: 0 0 0 10px rgba(245, 158, 11, 0); }
    100% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0); }
}

.trigger-btn-pulse {
    animation: trigger-btn-pulse 2s infinite;
}

/* ========== Wizard Form Navigation Styles ========== */

.main_form .wizard_form .prevArrowBtn,
.main_form .wizard_form .nextArrowBtn {
    color: #F59E0B !important;
}

.main_form .prevBtn,
.main_form .nextBtn {
    padding: 5px 15px;
    background-color: #F59E0B !important;
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    font-size: 15px;
    border: 1px solid #F59E0B !important;
}

.main_form .prevBtn:hover,
.main_form .nextBtn:hover {
    background-color: #fff !important;
    color: #F59E0B;
    border: 1px solid #F59E0B !important;
}

.progress_form .circle.done .label {
    background-color: #F59E0B !important;
}

.progress_form .bar.done {
    background: #F59E0B !important;
}

plainform form,
plainform .form_builds {
    float: left;
    width: 100%;
}

.hero-22-form plainform .form-control {
    margin-bottom: 15px;
}

plainform form .formbuilder-button,
.modal .modal-body plainform form .formbuilder-button,
dialogform form .formbuilder-button {
    margin: 0 !important;
    padding: 15px;
}

dialogform .modal .modal-body label {
    width: 100%;
    text-align: start;
    float: left;
    font-size: 16px;
}

dialogform .modal .modal-body .formbuilder-button {
    text-align: left;
}

.modal-open [data-aos=fade-up] {
    transform: unset !important;
    transition-property: unset !important;
    transition-duration: unset !important;
}

.contact__form__inner {
    width: 100%;
}

plainform form .rendered-form .form-group:not(.p-3),
dialogform form .rendered-form .form-group:not(.p-3) {
    padding: 15px;
}

dialogform form .rendered-form .form-group:not(.p-3) h2 {
    padding: 0 !important;
    color: #424242;
}

dialogform .modal-body {
    max-height: calc(100vh - 250px);
    overflow: auto;
    margin: 5px;
}

dialogform .modal-body::-webkit-scrollbar {
    display: block !important;
    width: 4px;
    height: 0px;
}

dialogform .modal-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}

dialogform .modal-body::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid darkgrey;
    border-radius: 5px;
}

.modal .modal-dialog {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.grp-wrapper-class .squeeze_main .squeeze_form {
    max-width: 100% !important;
}

.modal .modal-body form .ele.img-cont video {
    width: 100%;
    height: 100%;
}

.text-gray-950\/75 plainform form textarea,
.text-gray-950\/75 plainform form input {
    border-color: #000 !important;
}

.text-gray-950\/75 plainform form textarea:focus,
.text-gray-950\/75 plainform form input:focus {
    border-color: #86b7fe !important;
}

/* ========== Blog & Article Overview Styles ========== */

.fa-star {
    color: #919191;
}

.fa-star.active {
    color: #ffd52c;
}

.course__text__wraper .course__icon .nav {
    display: flex;
}

.course__text__wraper .course__icon .nav a {
    color: gray;
}

.course__text__wraper .course__icon .nav a.active {
    color: black;
}

.gridarea__wraper.gridarea__wraper__2 .gridarea__content .gridarea__heading h3 {
    font-weight: 600;
}

.with__sidebar__content .gridarea__wraper.gridarea__course__list .gridarea__content {
    display: flex;
    flex-direction: column;
}

.gridarea__wraper .gridarea__content .gridarea__bottom {
    margin-top: auto;
}

.coursearea,
.blogarea__2 {
    width: 100%;
    float: left;
}

.coursearea.sp_bottom_100,
.blogarea__2.sp_bottom_100 {
    padding-bottom: 100px;
}

.coursearea.sp_top_100,
.blogarea__2.sp_top_100 {
    padding-top: 100px;
}

.blogarea__2 .lg\:flex {
    width: 100%;
}

.blogarea__2 .blogsidebar__content__wraper__2 {
    padding: 30px 35px 30px 30px;
    border: 1px solid #dddddd;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.02);
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidebar__img__2 {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}

.blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidbar__icon__2 ul {
    display: flex;
    justify-content: center;
}

.blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidbar__icon__2 ul li {
    margin-right: 6px;
}

.blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidbar__icon__2 ul li a {
    width: 35px;
    height: 35px;
    line-height: 32px;
    display: inline-block;
    border: 1px solid #dddddd;
    border-radius: 4px;
    transition: .3s;
    text-align: center;
}

.sidebar__title {
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    position: relative;
    padding-left: 8px;
    margin-bottom: 25px;
}

.sidebar__title::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 21px;
    background: #F59E0B;
    left: 0;
    bottom: 5px;
}

.blogsidebar__content__wraper__2 .get__touch__input input {
    border: none;
    border-bottom: 1px solid #ddd;
    width: 100%;
    background: none;
    padding: 10px;
    margin-bottom: 20px;
    color: #5f6c76;
}

.sbarAreaHeading .titleHeight {
    min-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 600;
    width: auto !important;
    margin-bottom: 5px;
}

.sbarAreaHeading .titleHeight:hover {
    cursor: pointer;
    color: #000;
}

.sbarAreaWraper .rounded-circle {
    border-radius: 50%;
    min-width: 25px;
    height: 25px;
}

.blogsidebar__content__wraper__2 .get__touch__input input:focus-visible {
    outline: none !important;
}

.blogsidebar__content__wraper__2 .follow__icon ul {
    display: flex;
}

.blogsidebar__content__wraper__2 .follow__icon ul li {
    margin-right: 14px;
}

.blogsidebar__content__wraper__2 .follow__icon ul li a {
    width: 39px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    background: #f2f6f7;
    color: #191b1e;
    display: inline-block;
    border-radius: 4px;
}

.blogarae__img__2.course__details__img__2 {
    margin-bottom: 20px;
}

.blog__details__content__wraper .blog__details__content .blog__details__heading h5 {
    font-weight: 700;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.article_overview .blogCardMain {
    margin: 8px;
}

.article_overview .blogCardMain .blog_title {
    color: #000000;
}

.article_overview .blogCardMain .blog_title:hover {
    color: #F59E0B;
}

.article_overview .blogCardMain .blog_tags {
    background-color: #F59E0B;
    border: 1px solid #F59E0B;
    color: #fff !important;
    max-width: 350px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.article_overview .blogCardMain .blog_tags:hover a {
    color: #fff !important;
}

.article_overview .blogCardMain .view_more_btn:hover {
    color: #F59E0B;
    fill: #F59E0B;
}

/* ========== Course Widgets Styles ========== */

.course__button__wraper {
    display: flex;
    margin-bottom: 30px;
    align-items: center;
    justify-content: space-between;
}

.course__date p {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    color: #5f6c76;
}

.course__date p span {
    color: #000000;
}

.course__details__heading h3 {
    font-weight: 700;
    font-size: 36px;
    line-height: 58px;
    color: #000000;
    margin-bottom: 10px;
}

.course__details__price {
    margin-bottom: 30px;
}

.course__details__price ul li .course__details__date {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.course__details__paragraph p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #5f6c76;
}

.course__details__paragraph {
    margin-bottom: 30px;
}

.course__details__wraper {
    background: #f4f4f8;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.course__details__wraper ul {
    width: 50%;
    border-right: 2px solid #eeeeee;
    padding: 50px 25px;
}

.course__details__wraper ul li {
    color: #5c727d;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.course__details__wraper .instructor_title {
    width: 100px;
    color: #5c727d;
    font-weight: 400;
}

.course__details__wraper ul li span {
    color: #133344;
    font-weight: 500;
}

.course__details__tab__wrapper {
    margin-bottom: 40px;
}

.course__tap__wrap {
    margin-bottom: 30px;
    display: flex;
}

.course__tap__wrap li {
    border-right: 2px solid #eeeeee;
}

.course__tap__wrap li button {
    padding: 15px 45px;
    border: none;
    background: #fff;
    color: #000;
    box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.1);
}

.course__tap__wrap li button:hover,
.course__tap__wrap li button.active {
    background: #F59E0B;
    color: #fff;
}

.course__tap__wrap li button i {
    margin-right: 8px;
}

.experence__heading h5 {
    font-weight: 700;
    font-size: 26px;
    line-height: 56px;
    color: #000;
}

.experence__description p {
    font-weight: 400;
    line-height: 30px;
    font-size: 18px;
    color: #949392;
    margin-bottom: 20px;
}

.blogsidebar__content__wraper__2.tab__instructor {
    border: none;
    box-shadow: 5px 5px 20px 5px rgb(0 0 0 / 14%);
}

.blogsidebar__content__wraper__2.tab__instructor .blogsidebar__content__inner__2 {
    display: flex;
    text-align: left;
}

.blogsidebar__content__wraper__2.tab__instructor .blogsidebar__content__inner__2 .blogsidebar__img__2 {
    margin-right: 20px;
}

.blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidebar__name__2 h5 {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #000000;
    margin: 0;
    margin-bottom: 7px;
}

.blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blog__sidebar__text__2 p {
    line-height: 26px;
    font-size: 14px;
    margin-bottom: 7px;
}

.tab-pane .blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidbar__icon__2 ul {
    justify-content: start;
}

.accordion-collapse.collapse {
    display: none;
}

.accordion-collapse.show {
    display: block;
}

.content__cirriculum__wrap .accordion-button {
    font-size: 18px;
    color: #222222;
    box-shadow: none;
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.75rem 1.25rem;
    text-align: left;
    border: 1px solid #ebebeb;
    background: #fff;
    border-radius: 5px;
}

.content__cirriculum__wrap .accordion-button.show_toggle {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
    background: #fef3c7;
}

.content__cirriculum__wrap .accordion-button:not(.show_toggle) .toggle_icon {
    transform: rotate(180deg);
}

.content__cirriculum__wrap .accordion-body {
    padding: 10px 30px;
    border: 1px solid #ebebeb;
    border-top: unset;
    background: white;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.content__cirriculum__wrap .accordion-body .scc__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eeeeee;
    padding: 15px 0;
    flex-wrap: wrap;
}

.content__cirriculum__wrap .accordion-body .scc__info {
    display: flex;
    align-items: center;
}

.content__cirriculum__wrap .accordion-body .scc__info i {
    margin-right: 10px;
    font-size: 16px;
}

.gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__price {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: rgba(114, 106, 137, 0.8);
}

.course__button a {
    max-width: 350px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 26px;
    width: 114px;
    background: #F59E0B;
    color: white;
    display: inline-block;
    text-align: center;
    line-height: 23px;
    font-weight: 600;
    font-size: 14px;
    margin-right: 20px;
    border-radius: 4px;
    border: 1px solid #F59E0B;
}

.course__button a:hover {
    border: 1px solid #F59E0B;
    background: transparent;
    color: #F59E0B;
}

#payment_plan .payment_plan_card .fa-check {
    color: #F59E0B !important;
}

#payment_cust_detail .border-b,
#payment_cust_detail .border {
    border-color: #e5e7eb;
}

#payment_plan .payment_plan_card {
    background: white;
    border-radius: 10px;
    box-shadow: 0px 1px 10px rgb(0 0 0 / 15%);
    width: 300px;
    padding: 15px;
}

form .form-control {
    border: 1px solid #ddd;
    appearance: none;
    background-color: #fff;
    border-radius: 0px;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    width: 100%;
}

form .form-control:focus {
    outline: none;
    border-color: #86b7fe;
}

#payment_cust_detail input[type="file"].form-control {
    width: 100%;
    font-size: 16px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    cursor: pointer;
    transition: border-color 0.3s ease;
    padding: 0;
}

#payment_cust_detail input[type="file"].form-control:focus {
    outline: none;
    border-color: #86b7fe;
}

#payment_cust_detail input[type="file"].form-control::file-selector-button {
    background-color: #efefef;
    color: black;
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border-right: 1px solid #ddd;
}

#payment_plan .planCardMain {
    width: 100% !important;
}

.courseListWidgets .courseCard {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.courseListWidgets .courseCard .courseView,
.courseListWidgets .courseCard .course_title {
    color: black;
}

.courseListWidgets .courseCard .courseView:hover,
.courseListWidgets .courseCard .course_title:hover {
    color: #F59E0B;
}

.courseListWidgets .courseCard .courseUserName,
.courseListWidgets .courseCard .course_desc {
    color: #a5a5a5;
}

.courseListWidgets .courseCard .courseSubSection {
    color: #727272;
}

.courseListWidgets .courseCard .courseSvg {
    fill: #F59E0B;
}

.testimonialBg {
    background: url("https://dutbmp3xi6xk2.cloudfront.net/themebuilder/theme-enigma/img/testimonials_bg.webp");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
}

/* ========== FAQ & Privacy Policy Styles ========== */

#privacy_policy_container,
#cookies_policy_container,
#faq_container,
.faq_container,
#terms_policy_container {
    padding: 50px 20px;
}

#terms-page.inner-page-title {
    margin-bottom: 60px;
    text-align: center;
}

#terms-page.inner-page-title .s-52 {
    font-size: 3rem;
}

#terms-page.inner-page-title p {
    font-size: 1.15rem;
    margin-top: 18px;
}

#terms-page p {
    font-size: 1rem;
    color: #6c757d;
}

#terms-page .w-700 {
    font-weight: 700;
}

#terms-page .s-30 {
    font-size: 1.75rem;
}

#terms-page ul {
    list-style: disc;
    margin-top: 0;
    margin-bottom: 1rem;
    padding-left: 2rem;
}

#terms-page ul li {
    display: list-item;
    list-style: disc;
}

.sites_faq_widgets p {
    margin-top: 0;
}

.faq_container .faqAccordionMain .accordion_item {
    padding: 0;
    margin: 0;
}

.faq_container .faqAccordionMain .accordion_item li {
    list-style: none !important;
}

.faq_container .faqAccordionMain .accordion_item .accord_hdr {
    padding: 22px 0 28px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
}

.faq_container .faqAccordionMain .accordion_item .accord_hdr .accord_title {
    font-size: 22px;
    font-weight: 600;
    float: left;
    width: calc(100% - 50px);
}

.faq_container .faqAccordionMain .accordion_item .accord_hdr .plus_icon {
    display: block;
}

.faq_container .faqAccordionMain .accordion_item .accord_hdr .minus_icon {
    display: none;
}

.faq_container .faqAccordionMain .accordion_item .accord_hdr.collapsed .plus_icon {
    display: none;
}

.faq_container .faqAccordionMain .accordion_item .accord_hdr.collapsed .minus_icon {
    display: block;
}

.faq_container .faqAccordionMain .accordion_item .accord_hdr .accord_icon {
    float: left;
    font-size: 1.625rem;
}

.faq_container .faqAccordionMain .accordion_item .accord_bdy {
    font-size: 1rem;
    padding: 35px 0 20px 0;
    color: #757575;
}

.faq_container .faqAccordionMain .accordion_item .collapse {
    display: none;
}

.faq_container .faqAccordionMain .accordion_item .collapse.show {
    display: block;
    visibility: visible;
}

/* ========== Responsive Styles ========== */

@media (max-width: 767px) {
    .blogarea__2 {
        padding: 30px 15px;
    }

    .course__tap__wrap li button {
        padding: 10px;
        margin: 0 5px 5px 0;
    }

    .course__details__wraper ul {
        padding: 10px 10px 10px 10px;
        width: 100%;
    }

    .blogsidebar__content__wraper__2.tab__instructor .blogsidebar__content__inner__2 {
        flex-wrap: wrap;
    }

    .blogsidebar__content__wraper__2.tab__instructor .tab__instructor__inner {
        width: 100%;
    }
}