/* src/airprocess-static/pages/templates/suivi-des-devis/page.css */
/* Template landings */

.template-landing-screens {
  --strip-bg: #003399;
  --strip-title-heading-color: #ffffff;
  --strip-title-text-color: rgba(255, 255, 255, 0.88);
}

.template-landing-screens .strip-title {
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
}

.template-landing-screens .strip-title-block {
  text-align: center;
}

.template-landing-screens .wrap {
  color: #ffffff;
}

.template-landing-forms-carousel-3d {
  --carousel-3d-width: min(100%, calc(var(--template-landing-screen-width, 1080) * 1px));
  --carousel-3d-aspect-ratio: var(--template-landing-screen-width, 1080) / var(--template-landing-screen-height, 610);
  --carousel-3d-stage-width: min(calc(100% - 10rem), calc(var(--template-landing-screen-width, 1080) * 0.46px));
  --carousel-3d-card-radius: 2rem;
  --carousel-3d-frame-gap: 40px;
  --carousel-3d-side-scale: 0.9;
  --carousel-3d-side-angle: 58deg;
  --carousel-3d-side-depth: 190px;
  --carousel-3d-side-offset-factor: 0.9;
  --carousel-3d-card-padding: 0.55rem;
  --carousel-3d-card-bg: rgba(255, 255, 255, 0.96);
  --carousel-3d-card-shadow: 0 2rem 5rem rgba(12, 25, 56, 0.08);
  --carousel-3d-control-bg: rgba(255, 255, 255, 0.14);
  --carousel-3d-control-bg-hover: rgba(255, 255, 255, 0.24);
  --carousel-3d-control-border: rgba(255, 255, 255, 0.18);
  --carousel-3d-dot: rgba(255, 255, 255, 0.42);
  --carousel-3d-dot-active: #ffffff;
}

.template-landing-forms-carousel-3d .carousel-3d-media {
  background: #ffffff;
}

.template-landing-forms-carousel-3d .carousel-3d-item.is-dimmed {
  opacity: 0.62;
}

@media (max-width: 1024px) {
  .template-landing-forms-carousel-3d {
    --carousel-3d-stage-width: min(calc(100% - 5.6rem), calc(var(--template-landing-screen-width, 1080) * 0.52px));
    --carousel-3d-frame-gap: 28px;
    --carousel-3d-side-scale: 0.88;
    --carousel-3d-side-depth: 150px;
    --carousel-3d-side-offset-factor: 0.8;
  }
}

@media (max-width: 768px) {
  .template-landing-forms-carousel-3d {
    --carousel-3d-stage-width: min(calc(100% - 2.2rem), calc(var(--template-landing-screen-width, 1080) * 0.68px));
    --carousel-3d-card-radius: 1.3rem;
    --carousel-3d-frame-gap: 0px;
    --carousel-3d-card-padding: 0.7rem;
    --carousel-3d-card-bg: rgba(255, 255, 255, 1);
  }
}