@charset "utf-8";
/* CSS Document */

  /* ---------- placeholder page content, for context only ---------- */
  .df-page-stub{
    min-height:40vh;
    display:flex;
    align-items:center;
    justify-content:center;
    color: #A79D96;
    font-family:"Sora", sans-serif;
    font-size:10px;
    letter-spacing:.08em;
    text-transform:uppercase;
  }

  /* ================= FOOTER ================= */
  .df-footer{
    background: #1b1b1b;
    border-top: 1px solid #F3EDE8;
    font-family:"Inter", sans-serif;
  }

  .df-footer a{
    color: #b2b2b2 !important;
    text-decoration:none;
    transition: color .15s ease, transform .15s ease;
  }
  .df-footer a:hover,
  .df-footer a:focus-visible{
    color: #FFB84D;
  }
  .df-footer a:focus-visible{
    outline: 2px solid #FFB84D;
    outline-offset: 3px;
    border-radius: 4px;
  }

  /* ---- brand block ---- */
  .df-brandmark{
    display:inline-flex;
    align-items:center;
    gap:.6rem;
    text-decoration:none;
  }
  .df-brandmark .df-logo-badge{
    width:40px;
    height:40px;
    border-radius:10px;
    background: linear-gradient(155deg, #E4302A, #B92622);
    display:flex;
    align-items:center;
    justify-content:center;
    flex:none;
    box-shadow: 0 4px 14px rgba(228,48,42,.35);
  }
  .df-brandmark .df-logo-badge i{
    font-size:1.15rem;
    color:#fff;
  }
  .df-brandmark .df-wordmark{
    font-family:"Sora", sans-serif;
    font-weight:700;
    font-size:1.35rem;
    line-height:1;
    color: #F3EDE8;
  }
  .df-brandmark .df-wordmark span{ color: #E4302A; }
  .df-tagline{
    color: #A79D96;
    font-size:.85rem;
    margin-top:.5rem;
    max-width:26ch;
  }

  /* ---- column headings ---- */
  .df-col-title{
    font-family:"Sora", sans-serif;
    font-weight:600;
    font-size:.78rem;
    letter-spacing:.09em;
    text-transform:uppercase;
    color: #F3EDE8;
    margin-bottom:1.1rem;
  }
  .df-link-list{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:.65rem;
  }
  .df-link-list a{ font-size:.92rem; }

  /* ---- contact card ---- */
  .df-contact-item{
    display:flex;
    gap:.7rem;
    align-items:flex-start;
    margin-bottom:.9rem;
  }
  .df-contact-item i{
    color: #E4302A;
    font-size:1.05rem;
    margin-top:.15rem;
    flex:none;
  }
  .df-contact-item a,
  .df-contact-item span{
    font-size:.92rem;
    color: #F3EDE8;
    font-variant-numeric: tabular-nums;
  }
  .df-contact-item small{
    display:block;
    color: #A79D96;
    font-size:.76rem;
  }

  /* ---- socials ---- */
  .df-social{
    display:flex;
    gap:.6rem;
    margin-top:1.1rem;
  }
  .df-social a{
    width:38px;
    height:38px;
    border-radius:50%;
    border:1px solid #fff;
    display:flex;
    align-items:center;
    justify-content:center;
    color: #fff;
    font-size:1rem;
  }

.df-social a:active{
    
    color: #fff !important;
  }


  .df-social a:hover{
    background: #E4302A;
    border-color: #E4302A;
    color:#fff;
    transform: translateY(-2px);
  }

  /* ---- app badges (icon-based, no third-party artwork) ---- */
  .df-store-badges{
    display:flex;
    flex-wrap:wrap;
    gap:.6rem;
    margin-top:1.2rem;
  }
  .df-store-badge{
    display:flex;
    align-items:center;
    gap:.55rem;
    padding:.5rem .85rem;
    border:1px solid #342C27;
    border-radius:9px;
    background: #1D1815;
    color: #F3EDE8;
  }
  .df-store-badge i{ font-size:1.3rem; }
  .df-store-badge .df-store-text{ line-height:1.05; text-align:left; }
  .df-store-badge .df-store-text small{
    display:block;
    font-size:.62rem;
    color: #A79D96;
    text-transform:uppercase;
    letter-spacing:.04em;
  }
  .df-store-badge .df-store-text strong{ font-size:.85rem; }
  .df-store-badge:hover{ border-color: #FFB84D; }

  /* ---- signature: road-line divider ---- */
  .df-roadline{
    height:3px;
    width:100%;
    background-image: repeating-linear-gradient(
      90deg,
      #342C27 0 26px,
      transparent 26px 46px
    );
    background-size: 46px 3px;
    animation: df-drive 1.8s linear infinite;
  }
  @media (prefers-reduced-motion: reduce){
    .df-roadline{ animation:none; }
  }
  @keyframes df-drive{
    from{ background-position: 0 0; }
    to{ background-position: -46px 0; }
  }

  /* ---- bottom bar ---- */
  .df-bottombar{
    font-size:.82rem;
    color: #A79D96;
  }
  .df-legal-links{
    display:flex;
    flex-wrap:wrap;
    gap:1.1rem;
  }
  .df-legal-links a{ font-size:.82rem; }

  .df-totop{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    color: #F3EDE8;
    font-size:.82rem;
  }
  .df-totop i{
    width:30px; height:30px;
    border-radius:50%;
    border:1px solid #342C27;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition: transform .15s ease, border-color .15s ease;
  }
  .df-totop:hover i{
    transform: translateY(-3px);
    border-color: #FFB84D;
  }

  /* ---- urgent action strip ---- */
  .df-actionstrip{
    background: #E13611;
  }
  .df-actionstrip .df-msg{
    font-size:.88rem;
    color:#fff !important;
  }
  .df-actionstrip .df-msg strong{ font-weight:700; }
  .df-strip-btn{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    padding:.5rem 1rem;
    border-radius:50px;
    font-size:.85rem;
    font-weight:600;
    white-space:nowrap;
  }
  .df-strip-btn--solid{
    background:#000000;
    color: #FFF !important;
  }
  .df-strip-btn--solid:hover{
    background: #f5f5f5;
    color:#FFF !important;
  }
  .df-strip-btn--outline{
    border:1.5px solid rgba(255,255,255,.65);
    color:#fff !important;
  }
  .df-strip-btn--outline:hover{
    background:rgba(255,255,255,.14);
    color:#fff !important;
  }

  @media (max-width: 767.98px){
    .df-brand-col{ text-align:center; }
    .df-brandmark{ justify-content:center; }
    .df-tagline{ margin-left:auto; margin-right:auto; }
    .df-social{ justify-content:center; }
    .df-store-badges{ justify-content:center; }
    .df-bottombar .row > div{ text-align:center !important; }
    .df-legal-links{ justify-content:center; }
  }

/*two fixed icons css starts here*/

  .fixed-contact-icons {
    position: fixed;
   bottom: 6%;
    padding-right: 2%;
    right: 18px;
    transform: translateY(-50%);
    z-index: 2000;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }


.fixed-contact-icons a:link  {
    color: #fff;
    text-decoration: none;
}

.fixed-contact-icons a:visited {
    color: #fff;
    text-decoration: none;
}

  .contact-icon-btn {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    text-decoration: none;
    box-shadow: 0 6px 16px rgba(0,0,0,0.3);
    transition: transform 0.2s ease, filter 0.2s ease;
  }

  .contact-icon-btn:hover {
    transform: scale(1.08);
    filter: brightness(1.08);
    color: #fff;
  }

  .contact-call {
    background-color: #c02723;
  }

  .contact-whatsapp {
    background-color: #25a746;
  }

  /* Pulse animation to draw attention */
  .contact-icon-btn::after {
    content: "";
    position: absolute;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: inherit;
    opacity: 0.6;
    z-index: -1;
  }

  @keyframes pulse {
    0% { transform: scale(1); opacity: 0.6; }
    70% { transform: scale(1.6); opacity: 0; }
    100% { transform: scale(1.6); opacity: 0; }
  }

  @media (max-width: 576px) {
    .fixed-contact-icons {
      right: 12px;
      gap: 10px;
    }
    .contact-icon-btn {
      width: 46px;
      height: 46px;
      font-size: 20px;
    }
    .contact-icon-btn::after {
      width: 46px;
      height: 46px;
    }
  }