/* =========================================================
DDS INTERIORS
INTERIOR PAGE PREMIUM CSS
BLACK • GOLD • CINEMATIC • ANIMATED
========================================================= */


/* =========================================================
ROOT
========================================================= */

:root{

    --dds-gold:#d4af37;
    --dds-gold-light:#f7df85;
    --dds-gold-dark:#8f6d19;

    --dds-black:#050505;
    --dds-dark:#0a0a0a;
    --dds-card:#111111;

    --dds-white:#ffffff;
    --dds-muted:#a5a5a5;

    --dds-border:rgba(212,175,55,.22);

}


/* =========================================================
GLOBAL
========================================================= */

html{

    scroll-behavior:smooth;

}


body{

    background:

        radial-gradient(
            circle at 10% 10%,
            rgba(212,175,55,.055),
            transparent 28%
        ),

        radial-gradient(
            circle at 90% 70%,
            rgba(212,175,55,.035),
            transparent 30%
        ),

        var(--dds-black);

    color:#fff;

    overflow-x:hidden;

}


/* Prevent generic links from breaking */

body .dds-interior-section a{

    text-decoration:none;

}


/* =========================================================
HEADER SAFETY
========================================================= */

#header{

    z-index:9999;

}


/*
Your header is already existing.
This only prevents the interior hero from hiding below it.
*/

#dds-interior-hero{

    padding-top:150px;

}


@media(max-width:991px){

    #dds-interior-hero{

        padding-top:125px;

    }

}


@media(max-width:576px){

    #dds-interior-hero{

        padding-top:110px;

    }

}


/* =========================================================
COMMON SECTION
========================================================= */

.dds-interior-section{

    position:relative;

    padding:120px 0;

    overflow:hidden;

}


.dds-interior-section::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(212,175,55,.055),
            transparent 70%
        );

    top:-250px;

    left:-250px;

    pointer-events:none;

}


.dds-interior-section::after{

    content:"";

    position:absolute;

    width:400px;

    height:400px;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(255,255,255,.025),
            transparent 70%
        );

    right:-220px;

    bottom:-220px;

    pointer-events:none;

}


.dds-interior-dark-section{

    background:

        linear-gradient(
            135deg,
            #090909,
            #111111,
            #070707
        );

}


/* =========================================================
HERO
========================================================= */

#dds-interior-hero{

    position:relative;

    min-height:820px;

    display:flex;

    align-items:center;

    overflow:hidden;

    background:

        linear-gradient(
            90deg,
            rgba(0,0,0,.97) 0%,
            rgba(0,0,0,.82) 42%,
            rgba(0,0,0,.42) 100%
        ),

        url("../img2/interior-bg.jpg")
        center/cover no-repeat;

}


/* Gold cinematic light */

#dds-interior-hero::before{

    content:"";

    position:absolute;

    width:650px;

    height:650px;

    right:-200px;

    top:50%;

    transform:translateY(-50%);

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(212,175,55,.22),
            rgba(212,175,55,.06) 35%,
            transparent 70%
        );

    animation:

        heroGlow 6s ease-in-out infinite;

}


@keyframes heroGlow{

    0%,
    100%{

        transform:translateY(-50%) scale(1);

        opacity:.6;

    }

    50%{

        transform:translateY(-50%) scale(1.2);

        opacity:1;

    }

}


/* Decorative shapes */

.dds-interior-hero-shape{

    position:absolute;

    border-radius:50%;

    pointer-events:none;

}


.shape-one{

    width:220px;

    height:220px;

    border:1px solid rgba(212,175,55,.15);

    right:12%;

    top:15%;

    animation:rotateShape 18s linear infinite;

}


.shape-two{

    width:120px;

    height:120px;

    border:1px solid rgba(255,255,255,.12);

    right:25%;

    bottom:18%;

    animation:floatShape 5s ease-in-out infinite;

}


@keyframes rotateShape{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}


@keyframes floatShape{

    0%,
    100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-25px);

    }

}


/* Hero content */

.dds-interior-hero-content{

    position:relative;

    z-index:3;

    animation:heroReveal 1.2s ease both;

}


@keyframes heroReveal{

    from{

        opacity:0;

        transform:translateY(45px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}


/* Tag */

.dds-interior-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:11px 20px;

    margin-bottom:25px;

    border:1px solid rgba(212,175,55,.35);

    border-radius:50px;

    background:rgba(212,175,55,.08);

    color:var(--dds-gold-light);

    font-size:11px;

    letter-spacing:2px;

    font-weight:700;

}


.dds-interior-tag i{

    color:var(--dds-gold);

}


/* Hero heading */

.dds-interior-hero-content h1{

    margin:0 0 28px;

    max-width:800px;

    font-size:clamp(44px,6vw,82px);

    line-height:1.06;

    font-weight:800;

    letter-spacing:-2px;

}


.dds-interior-hero-content h1 span{

    display:block;

    background:

        linear-gradient(
            90deg,
            var(--dds-gold),
            #fff,
            var(--dds-gold)
        );

    background-size:250% 100%;

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

    animation:goldMove 5s linear infinite;

}


@keyframes goldMove{

    from{

        background-position:0%;

    }

    to{

        background-position:250%;

    }

}


.dds-interior-hero-content > p{

    max-width:680px;

    color:#c1c1c1;

    font-size:17px;

    line-height:1.9;

    margin-bottom:35px;

}


/* =========================================================
BUTTONS
========================================================= */

.dds-interior-buttons{

    display:flex;

    align-items:center;

    gap:15px;

    flex-wrap:wrap;

}


.dds-interior-btn{

    position:relative;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    min-height:54px;

    padding:0 27px;

    border:1px solid var(--dds-gold);

    border-radius:5px;

    background:

        linear-gradient(
            135deg,
            var(--dds-gold),
            var(--dds-gold-dark)
        );

    color:#050505!important;

    font-weight:700;

    overflow:hidden;

    transition:.4s ease;

}


.dds-interior-btn::before{

    content:"";

    position:absolute;

    top:0;

    left:-130%;

    width:80%;

    height:100%;

    background:

        linear-gradient(
            110deg,
            transparent,
            rgba(255,255,255,.6),
            transparent
        );

    transform:skewX(-20deg);

    transition:.7s ease;

}


.dds-interior-btn:hover::before{

    left:140%;

}


.dds-interior-btn:hover{

    transform:translateY(-5px);

    box-shadow:

        0 15px 35px rgba(212,175,55,.28);

}


.dds-interior-btn-outline{

    background:transparent;

    color:#fff!important;

}


.dds-interior-btn-outline:hover{

    background:var(--dds-gold);

    color:#000!important;

}


/* =========================================================
HERO STATS
========================================================= */

.dds-interior-hero-stats{

    display:flex;

    gap:40px;

    margin-top:50px;

}


.dds-interior-hero-stats > div{

    position:relative;

}


.dds-interior-hero-stats > div:not(:last-child)::after{

    content:"";

    position:absolute;

    top:5px;

    right:-20px;

    width:1px;

    height:45px;

    background:rgba(255,255,255,.2);

}


.dds-interior-hero-stats strong{

    display:block;

    color:var(--dds-gold-light);

    font-size:28px;

    line-height:1;

}


.dds-interior-hero-stats span{

    display:block;

    margin-top:8px;

    color:#999;

    font-size:12px;

}


/* =========================================================
HERO CARD
========================================================= */

.dds-interior-hero-card{

    position:relative;

    z-index:3;

    padding:35px;

    border:1px solid rgba(212,175,55,.3);

    border-radius:22px;

    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,.13),
            rgba(255,255,255,.035)
        );

    backdrop-filter:blur(22px);

    box-shadow:

        0 30px 80px rgba(0,0,0,.6),

        inset 0 0 30px rgba(255,255,255,.025);

    animation:cardFloat 5s ease-in-out infinite;

}


@keyframes cardFloat{

    0%,
    100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-12px);

    }

}


.dds-interior-card-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding-bottom:20px;

    margin-bottom:25px;

    border-bottom:1px solid rgba(255,255,255,.1);

}


.dds-interior-card-top span{

    color:var(--dds-gold-light);

    font-size:11px;

    font-weight:700;

    letter-spacing:2px;

}


.dds-interior-card-top i{

    color:var(--dds-gold);

}


.dds-interior-hero-card h3{

    margin-bottom:12px;

    font-size:27px;

}


.dds-interior-hero-card > p{

    color:#aaa;

    margin-bottom:22px;

}


.dds-interior-hero-card ul{

    list-style:none;

    padding:0;

    margin:0 0 25px;

}


.dds-interior-hero-card li{

    display:flex;

    align-items:center;

    gap:12px;

    padding:13px 0;

    color:#ddd;

    border-bottom:1px solid rgba(255,255,255,.07);

    font-size:14px;

}


.dds-interior-hero-card li i{

    color:var(--dds-gold);

}


.dds-interior-card-call{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    min-height:50px;

    border:1px solid rgba(212,175,55,.4);

    border-radius:5px;

    color:var(--dds-gold-light)!important;

    transition:.3s ease;

}


.dds-interior-card-call:hover{

    background:var(--dds-gold);

    color:#000!important;

}


/* =========================================================
SCROLL INDICATOR
========================================================= */

.dds-interior-scroll{

    position:absolute;

    z-index:4;

    left:50%;

    bottom:30px;

    transform:translateX(-50%);

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:8px;

    color:#999!important;

    font-size:10px;

    letter-spacing:2px;

}


.dds-interior-scroll i{

    color:var(--dds-gold);

    animation:scrollDown 1.5s ease-in-out infinite;

}


@keyframes scrollDown{

    0%,
    100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(8px);

    }

}


/* =========================================================
SECTION HEADING
========================================================= */

.dds-interior-heading{

    position:relative;

    z-index:2;

    max-width:750px;

    margin:0 auto 65px;

    text-align:center;

}


.dds-interior-heading > span{

    display:inline-block;

    margin-bottom:15px;

    color:var(--dds-gold);

    font-size:11px;

    font-weight:700;

    letter-spacing:3px;

}


.dds-interior-heading h2{

    margin-bottom:18px;

    font-size:clamp(32px,4vw,54px);

    line-height:1.2;

    font-weight:800;

}


.dds-interior-heading h2 strong{

    color:var(--dds-gold-light);

}


.dds-interior-heading p{

    color:#999;

    line-height:1.8;

}


/* =========================================================
INTRO IMAGE
========================================================= */

.dds-interior-image-wrapper{

    position:relative;

    overflow:hidden;

    border-radius:20px;

    box-shadow:

        0 25px 70px rgba(0,0,0,.6);

}


.dds-interior-image-wrapper img{

    display:block;

    width:100%;

    min-height:500px;

    object-fit:cover;

    transition:1s ease;

}


.dds-interior-image-wrapper:hover img{

    transform:scale(1.08);

}


.dds-interior-image-wrapper::after{

    content:"";

    position:absolute;

    inset:15px;

    border:1px solid rgba(212,175,55,.45);

    border-radius:14px;

    pointer-events:none;

}


.dds-interior-image-badge{

    position:absolute;

    z-index:2;

    left:25px;

    bottom:25px;

    display:flex;

    align-items:center;

    gap:15px;

    padding:18px 22px;

    border-radius:10px;

    background:rgba(0,0,0,.78);

    backdrop-filter:blur(12px);

}


.dds-interior-image-badge strong{

    color:var(--dds-gold-light);

    font-size:34px;

}


.dds-interior-image-badge span{

    color:#ccc;

    font-size:12px;

    line-height:1.5;

}


/* =========================================================
FEATURE CONTENT
========================================================= */

.dds-interior-feature-content{

    padding-left:45px;

}


.dds-interior-mini-title{

    display:block;

    margin-bottom:18px;

    color:var(--dds-gold);

    font-size:11px;

    font-weight:700;

    letter-spacing:3px;

}


.dds-interior-feature-content h2{

    margin-bottom:25px;

    font-size:clamp(32px,4vw,52px);

    line-height:1.2;

}


.dds-interior-feature-content h2 span{

    color:var(--dds-gold-light);

}


.dds-interior-feature-content p{

    color:#999;

    line-height:1.9;

}


.dds-interior-check-list{

    list-style:none;

    padding:0;

    margin:28px 0;

}


.dds-interior-check-list li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:15px;

    color:#ddd;

}


.dds-interior-check-list i{

    color:var(--dds-gold);

}


/* =========================================================
SERVICE CARDS
========================================================= */

.dds-interior-service-card{

    position:relative;

    height:100%;

    min-height:360px;

    padding:32px;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    background:

        linear-gradient(
            145deg,
            #161616,
            #090909
        );

    transition:.5s ease;

}


.dds-interior-service-card::before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    top:-100px;

    right:-80px;

    border-radius:50%;

    background:rgba(212,175,55,.1);

    transition:.6s ease;

}


.dds-interior-service-card:hover{

    transform:translateY(-12px);

    border-color:var(--dds-gold);

    box-shadow:

        0 25px 60px rgba(0,0,0,.6),

        0 0 25px rgba(212,175,55,.1);

}


.dds-interior-service-card:hover::before{

    transform:scale(2);

}


.dds-interior-service-number{

    position:absolute;

    top:25px;

    right:28px;

    color:rgba(212,175,55,.25);

    font-size:34px;

    font-weight:800;

}


.dds-interior-icon{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    width:65px;

    height:65px;

    margin-bottom:25px;

    border-radius:15px;

    background:

        linear-gradient(
            135deg,
            var(--dds-gold),
            var(--dds-gold-dark)
        );

    color:#050505;

    font-size:25px;

    transition:.4s ease;

}


.dds-interior-service-card:hover .dds-interior-icon{

    transform:rotateY(180deg);

}


.dds-interior-service-card h4{

    position:relative;

    margin-bottom:15px;

    font-size:21px;

}


.dds-interior-service-card p{

    position:relative;

    min-height:75px;

    color:#999;

    line-height:1.8;

}


.dds-interior-service-card > a{

    position:relative;

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-top:15px;

    color:var(--dds-gold-light)!important;

    font-size:13px;

    font-weight:700;

}


.dds-interior-service-card > a i{

    transition:.3s ease;

}


.dds-interior-service-card > a:hover i{

    transform:translateX(6px);

}


/* =========================================================
BEFORE AFTER
========================================================= */

.dds-before-after-card{

    position:relative;

    height:400px;

    overflow:hidden;

    border-radius:20px;

}


.dds-before-after-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.8s ease;

}


.dds-before-after-card:hover img{

    transform:scale(1.08);

}


.dds-before-after-card::after{

    content:"";

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            to top,
            rgba(0,0,0,.9),
            transparent 65%
        );

}


.dds-before-after-overlay{

    position:absolute;

    z-index:2;

    left:30px;

    bottom:28px;

}


.dds-before-after-overlay span{

    color:var(--dds-gold-light);

    font-size:11px;

    font-weight:700;

    letter-spacing:3px;

}


.dds-before-after-overlay h3{

    margin-top:8px;

}


/* =========================================================
PROJECTS
========================================================= */

.dds-interior-project-card{

    position:relative;

    height:390px;

    overflow:hidden;

    border-radius:18px;

    background:#111;

}


.dds-interior-project-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.8s ease;

}


.dds-interior-project-card::after{

    content:"";

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            to top,
            rgba(0,0,0,.95),
            transparent 65%
        );

}


.dds-interior-project-card:hover img{

    transform:scale(1.12);

}


.dds-interior-project-content{

    position:absolute;

    z-index:2;

    right:25px;

    bottom:25px;

    left:25px;

}


.dds-interior-project-content span{

    color:var(--dds-gold-light);

    font-size:11px;

    letter-spacing:2px;

}


.dds-interior-project-content h4{

    margin-top:8px;

    font-size:22px;

}


/* =========================================================
PROCESS
========================================================= */

.dds-interior-process-card{

    position:relative;

    height:100%;

    padding:25px 15px;

    text-align:center;

}


.dds-interior-process-number{

    display:flex;

    align-items:center;

    justify-content:center;

    width:75px;

    height:75px;

    margin:0 auto 20px;

    border:1px solid var(--dds-gold);

    border-radius:50%;

    background:#0d0d0d;

    color:var(--dds-gold-light);

    font-size:22px;

    font-weight:800;

    box-shadow:

        0 0 0 9px rgba(212,175,55,.05);

}


.dds-interior-process-card > i{

    margin-bottom:18px;

    color:var(--dds-gold);

    font-size:25px;

}


.dds-interior-process-card h4{

    margin-bottom:12px;

}


.dds-interior-process-card p{

    color:#888;

    line-height:1.7;

}


/* =========================================================
WHY DDS
========================================================= */

.dds-interior-why-content h2{

    margin-bottom:25px;

    font-size:clamp(32px,4vw,52px);

    line-height:1.2;

}


.dds-interior-why-content h2 strong{

    color:var(--dds-gold-light);

}


.dds-interior-why-content > p{

    color:#999;

    line-height:1.9;

}


.dds-interior-why-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:25px;

    margin-top:35px;

}


.dds-interior-why-grid > div{

    padding:22px;

    border:1px solid rgba(255,255,255,.08);

    border-radius:12px;

    background:rgba(255,255,255,.025);

    transition:.4s ease;

}


.dds-interior-why-grid > div:hover{

    transform:translateY(-6px);

    border-color:var(--dds-gold);

}


.dds-interior-why-grid i{

    margin-bottom:15px;

    color:var(--dds-gold);

    font-size:24px;

}


.dds-interior-why-grid h5{

    margin-bottom:8px;

}


.dds-interior-why-grid p{

    margin:0;

    color:#888;

    font-size:13px;

    line-height:1.6;

}


.dds-interior-why-image{

    position:relative;

    overflow:hidden;

    border-radius:20px;

}


.dds-interior-why-image img{

    width:100%;

    min-height:550px;

    object-fit:cover;

}


.dds-interior-floating-card{

    position:absolute;

    right:25px;

    bottom:25px;

    display:flex;

    align-items:center;

    gap:12px;

    padding:18px 22px;

    border:1px solid rgba(212,175,55,.35);

    border-radius:12px;

    background:rgba(0,0,0,.8);

    backdrop-filter:blur(15px);

}


.dds-interior-floating-card i{

    color:var(--dds-gold);

}


.dds-interior-floating-card strong{

    color:var(--dds-gold-light);

    font-size:25px;

}


.dds-interior-floating-card span{

    color:#aaa;

    font-size:12px;

}


/* =========================================================
COUNTERS
========================================================= */

.dds-interior-counter-box{

    padding:30px 20px;

    text-align:center;

    border-right:1px solid rgba(255,255,255,.1);

}


.dds-interior-counter-box i{

    margin-bottom:15px;

    color:var(--dds-gold);

    font-size:25px;

}


.dds-interior-counter-box h2{

    margin-bottom:8px;

    color:var(--dds-gold-light);

    font-size:48px;

}


.dds-interior-counter-box p{

    margin:0;

    color:#999;

}


/* =========================================================
TESTIMONIAL
========================================================= */

.dds-interior-testimonial{

    height:100%;

    padding:32px;

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    background:#101010;

    transition:.4s ease;

}


.dds-interior-testimonial:hover{

    transform:translateY(-10px);

    border-color:var(--dds-gold);

}


.dds-interior-stars{

    margin-bottom:20px;

    color:var(--dds-gold);

    letter-spacing:4px;

}


.dds-interior-testimonial p{

    color:#aaa;

    line-height:1.8;

    font-style:italic;

}


.dds-interior-testimonial h5{

    margin-top:25px;

}


.dds-interior-testimonial span{

    color:var(--dds-gold);

    font-size:13px;

}


/* =========================================================
CTA
========================================================= */

.dds-interior-cta{

    position:relative;

    padding:100px 0;

    overflow:hidden;

    background:

        linear-gradient(
            120deg,
            #16120a,
            #080808 60%,
            #15110a
        );

    border-top:1px solid rgba(212,175,55,.25);

    border-bottom:1px solid rgba(212,175,55,.25);

}


.dds-interior-cta > .container{

    position:relative;

    z-index:2;

}


.dds-interior-cta span{

    color:var(--dds-gold);

    font-size:11px;

    font-weight:700;

    letter-spacing:3px;

}


.dds-interior-cta h2{

    margin:15px 0;

    font-size:clamp(32px,4vw,55px);

}


.dds-interior-cta h2 strong{

    color:var(--dds-gold-light);

}


.dds-interior-cta p{

    color:#999;

    font-size:17px;

}


/* =========================================================
CONTACT
========================================================= */

.dds-interior-contact-info{

    padding-right:30px;

}


.dds-interior-contact-box{

    display:flex;

    align-items:flex-start;

    gap:18px;

    margin-bottom:30px;

}


.dds-interior-contact-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    min-width:52px;

    height:52px;

    border:1px solid rgba(212,175,55,.25);

    border-radius:12px;

    background:rgba(212,175,55,.08);

    color:var(--dds-gold);

}


.dds-interior-contact-box h5{

    margin-bottom:7px;

}


.dds-interior-contact-box p{

    margin:0;

    color:#999;

    line-height:1.7;

}


/* =========================================================
FORM
========================================================= */

.dds-interior-form-wrapper{

    padding:42px;

    border:1px solid rgba(255,255,255,.1);

    border-radius:20px;

    background:

        linear-gradient(
            145deg,
            #151515,
            #090909
        );

    box-shadow:

        0 25px 70px rgba(0,0,0,.5);

}


.dds-interior-form-wrapper .form-control{

    width:100%;

    height:56px;

    margin-bottom:18px;

    padding:0 18px;

    border:1px solid rgba(255,255,255,.12);

    border-radius:7px;

    background:#0d0d0d;

    color:#fff;

}


.dds-interior-form-wrapper select.form-control{

    color:#999;

}


.dds-interior-form-wrapper textarea.form-control{

    height:145px;

    padding-top:16px;

    resize:vertical;

}


.dds-interior-form-wrapper .form-control::placeholder{

    color:#777;

}


.dds-interior-form-wrapper .form-control:focus{

    border-color:var(--dds-gold);

    outline:none;

    box-shadow:

        0 0 0 3px rgba(212,175,55,.08);

}


/* =========================================================
FOOTER
========================================================= */

.dds-interior-footer{

    padding:75px 0 25px;

    background:#030303;

    border-top:1px solid rgba(212,175,55,.15);

}


.dds-interior-footer h3{

    margin-bottom:18px;

    color:var(--dds-gold-light);

}


.dds-interior-footer h5{

    margin-bottom:20px;

    color:var(--dds-gold);

}


.dds-interior-footer p{

    color:#888;

    line-height:1.8;

}


.dds-interior-footer ul{

    list-style:none;

    padding:0;

}


.dds-interior-footer li{

    margin-bottom:10px;

    color:#888;

}


.dds-interior-footer hr{

    margin:40px 0 25px;

    border-color:rgba(255,255,255,.1);

}


/* =========================================================
WHATSAPP
========================================================= */

.dds-whatsapp-float{

    position:fixed;

    z-index:9998;

    right:25px;

    bottom:25px;

    display:flex;

    align-items:center;

    justify-content:center;

    width:58px;

    height:58px;

    border-radius:50%;

    background:#25d366;

    color:#fff!important;

    font-size:28px;

    box-shadow:0 8px 25px rgba(0,0,0,.4);

    animation:whatsappPulse 2s infinite;

}


@keyframes whatsappPulse{

    0%{

        box-shadow:

            0 0 0 0 rgba(37,211,102,.5);

    }

    70%{

        box-shadow:

            0 0 0 15px rgba(37,211,102,0);

    }

    100%{

        box-shadow:

            0 0 0 0 rgba(37,211,102,0);

    }

}


/* =========================================================
SCROLL REVEAL
Your JS adds .visible
========================================================= */

.dds-interior-service-card,
.dds-interior-project-card,
.dds-interior-process-card,
.dds-interior-testimonial{

    opacity:0;

    transform:translateY(35px);

    transition:

        opacity .8s ease,

        transform .8s ease;

}


.dds-interior-service-card.visible,
.dds-interior-project-card.visible,
.dds-interior-process-card.visible,
.dds-interior-testimonial.visible{

    opacity:1;

    transform:translateY(0);

}


/* =========================================================
RESPONSIVE
========================================================= */

@media(max-width:991px){

    .dds-interior-hero-stats{

        gap:25px;

    }


    .dds-interior-feature-content{

        padding-left:0;

        margin-top:45px;

    }


    .dds-interior-contact-info{

        padding-right:0;

        margin-bottom:40px;

    }


    .dds-interior-counter-box{

        border-right:0;

        border-bottom:1px solid rgba(255,255,255,.1);

    }

}


@media(max-width:767px){

    .dds-interior-section{

        padding:80px 0;

    }


    #dds-interior-hero{

        min-height:auto;

        padding-top:120px;

        padding-bottom:90px;

    }


    .dds-interior-hero-content h1{

        font-size:45px;

        letter-spacing:-1px;

    }


    .dds-interior-hero-content > p{

        font-size:15px;

    }


    .dds-interior-buttons{

        flex-direction:column;

        align-items:stretch;

    }


    .dds-interior-btn{

        width:100%;

    }


    .dds-interior-hero-stats{

        justify-content:space-between;

        gap:10px;

    }


    .dds-interior-hero-stats strong{

        font-size:22px;

    }


    .dds-interior-hero-stats span{

        font-size:10px;

    }


    .dds-interior-hero-card{

        margin-top:55px;

        padding:25px;

    }


    .dds-interior-image-wrapper img{

        min-height:350px;

    }


    .dds-interior-why-grid{

        gap:15px;

    }


    .dds-interior-why-grid > div{

        padding:17px;

    }


    .dds-interior-why-image img{

        min-height:400px;

    }


    .dds-interior-form-wrapper{

        padding:25px 18px;

    }


    .dds-interior-project-card{

        height:320px;

    }


    .dds-interior-cta{

        padding:75px 0;

    }


    .dds-interior-cta .text-lg-right{

        text-align:left!important;

        margin-top:25px;

    }

}


@media(max-width:480px){

    .dds-interior-section{

        padding:65px 0;

    }


    #dds-interior-hero{

        padding-top:105px;

    }


    .dds-interior-hero-content h1{

        font-size:38px;

    }


    .dds-interior-tag{

        font-size:9px;

        letter-spacing:1.2px;

    }


    .dds-interior-hero-stats{

        gap:8px;

    }


    .dds-interior-hero-stats > div:not(:last-child)::after{

        right:-7px;

    }


    .dds-interior-hero-stats strong{

        font-size:19px;

    }


    .dds-interior-hero-stats span{

        font-size:9px;

    }


    .dds-interior-why-grid{

        grid-template-columns:1fr;

    }


    .dds-interior-floating-card{

        right:15px;

        bottom:15px;

        padding:13px 15px;

    }


    .dds-whatsapp-float{

        right:18px;

        bottom:18px;

        width:52px;

        height:52px;

        font-size:24px;

    }

}
/* =========================================================
   DDS INTERIOR CONTACT FORM
   PREMIUM GOLD • BLACK • GLASS • ANIMATED
========================================================= */

/* CONTACT SECTION */

#dds-interior-contact{
    position:relative;
    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(212,175,55,.08),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 80%,
            rgba(212,175,55,.05),
            transparent 30%
        ),
        #050505;
}


/* CONTACT FORM WRAPPER */

.dds-interior-form-wrapper{

    position:relative;

    padding:45px;

    border-radius:24px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.09),
            rgba(255,255,255,.025)
        );

    border:1px solid rgba(212,175,55,.25);

    backdrop-filter:blur(18px);

    box-shadow:
        0 30px 80px rgba(0,0,0,.55),
        inset 0 1px 0 rgba(255,255,255,.08);

    overflow:hidden;

}


/* GOLD LIGHT EFFECT */

.dds-interior-form-wrapper::before{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    top:-150px;

    right:-100px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(212,175,55,.18),
            transparent 70%
        );

    pointer-events:none;

    animation:
        formGlow 6s ease-in-out infinite;

}


@keyframes formGlow{

    0%,100%{

        transform:scale(1);

        opacity:.5;

    }

    50%{

        transform:scale(1.35);

        opacity:1;

    }

}


/* FORM ROW */

.dds-interior-form-wrapper .row{

    position:relative;

    z-index:2;

}


/* INPUT BOX */

.dds-input{

    position:relative;

    display:flex;

    align-items:flex-start;

    width:100%;

    margin-bottom:22px;

    border-radius:12px;

    background:
        linear-gradient(
            145deg,
            #171717,
            #0b0b0b
        );

    border:1px solid rgba(255,255,255,.10);

    transition:
        border-color .35s ease,
        box-shadow .35s ease,
        transform .35s ease;

    overflow:hidden;

}


/* GOLD LEFT LINE */

.dds-input::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:3px;

    height:0;

    background:
        linear-gradient(
            to bottom,
            var(--dds-gold),
            var(--dds-gold-light)
        );

    transition:.4s ease;

}


/* ICON */

.dds-input i{

    min-width:58px;

    padding-top:19px;

    text-align:center;

    color:var(--dds-gold);

    font-size:16px;

    transition:.35s ease;

}


/* INPUTS */

.dds-input input,
.dds-input textarea{

    width:100%;

    border:0;

    outline:0;

    background:transparent;

    color:#fff;

    font-family:inherit;

    font-size:14px;

}


.dds-input input{

    height:58px;

    padding:0 18px 0 0;

}


.dds-input textarea{

    min-height:150px;

    padding:18px 18px 18px 0;

    resize:vertical;

    line-height:1.7;

}


/* PLACEHOLDER */

.dds-input input::placeholder,
.dds-input textarea::placeholder{

    color:#777;

    transition:.3s ease;

}


/* FOCUS */

.dds-input:focus-within{

    border-color:var(--dds-gold);

    transform:translateY(-3px);

    box-shadow:
        0 12px 35px rgba(0,0,0,.35),
        0 0 0 3px rgba(212,175,55,.08);

}


.dds-input:focus-within::before{

    height:100%;

}


.dds-input:focus-within i{

    color:var(--dds-gold-light);

    transform:scale(1.15);

}


.dds-input:focus-within input::placeholder,
.dds-input:focus-within textarea::placeholder{

    color:#aaa;

}


/* =========================================================
BUTTON GROUP
========================================================= */

.dds-btn-group{

    display:flex;

    align-items:center;

    gap:15px;

    flex-wrap:wrap;

    margin-top:8px;

}


/* SEND BUTTON */

.dds-btn-group button{

    position:relative;

    min-height:56px;

    padding:0 30px;

    border:1px solid var(--dds-gold);

    border-radius:8px;

    background:
        linear-gradient(
            135deg,
            var(--dds-gold),
            #9d7618
        );

    color:#050505;

    font-size:14px;

    font-weight:700;

    letter-spacing:.3px;

    cursor:pointer;

    overflow:hidden;

    transition:.4s ease;

}


/* BUTTON SHINE */

.dds-btn-group button::before{

    content:"";

    position:absolute;

    top:0;

    left:-130%;

    width:80%;

    height:100%;

    background:
        linear-gradient(
            110deg,
            transparent,
            rgba(255,255,255,.55),
            transparent
        );

    transform:skewX(-20deg);

    transition:.65s ease;

}


.dds-btn-group button:hover::before{

    left:140%;

}


.dds-btn-group button:hover{

    transform:translateY(-4px);

    box-shadow:
        0 15px 35px rgba(212,175,55,.25);

}


/* MAP BUTTON */

.dds-btn-group a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    min-height:56px;

    padding:0 25px;

    border:1px solid rgba(212,175,55,.45);

    border-radius:8px;

    background:rgba(212,175,55,.05);

    color:#ddd;

    font-size:14px;

    font-weight:600;

    text-decoration:none;

    transition:.4s ease;

}


.dds-btn-group a i{

    color:var(--dds-gold);

    font-size:16px;

}


.dds-btn-group a:hover{

    background:var(--dds-gold);

    color:#050505;

    border-color:var(--dds-gold);

    transform:translateY(-4px);

    box-shadow:
        0 12px 30px rgba(212,175,55,.2);

}


.dds-btn-group a:hover i{

    color:#050505;

}


/* =========================================================
   CONTACT INFO PREMIUM
========================================================= */

.dds-interior-contact-info{

    padding-right:35px;

}


.dds-interior-contact-box{

    position:relative;

    display:flex;

    align-items:flex-start;

    gap:18px;

    padding:20px 0;

    margin-bottom:10px;

    border-bottom:1px solid rgba(255,255,255,.07);

}


.dds-interior-contact-icon{

    flex-shrink:0;

    width:52px;

    height:52px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:14px;

    background:
        linear-gradient(
            145deg,
            rgba(212,175,55,.18),
            rgba(212,175,55,.04)
        );

    border:1px solid rgba(212,175,55,.25);

    color:var(--dds-gold);

    font-size:18px;

    transition:.4s ease;

}


.dds-interior-contact-box:hover
.dds-interior-contact-icon{

    background:var(--dds-gold);

    color:#050505;

    transform:rotate(8deg) scale(1.08);

    box-shadow:
        0 10px 25px rgba(212,175,55,.2);

}


.dds-interior-contact-box h5{

    margin:2px 0 6px;

    color:#fff;

    font-size:17px;

}


.dds-interior-contact-box p{

    margin:0;

    color:#999;

    font-size:14px;

    line-height:1.8;

}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:991px){

    .dds-interior-contact-info{

        padding-right:0;

        margin-bottom:40px;

    }

}


@media(max-width:767px){

    .dds-interior-form-wrapper{

        padding:28px 18px;

        border-radius:18px;

    }


    .dds-input{

        margin-bottom:16px;

    }


    .dds-btn-group{

        flex-direction:column;

        align-items:stretch;

    }


    .dds-btn-group button,
    .dds-btn-group a{

        width:100%;

    }

}


@media(max-width:480px){

    .dds-interior-form-wrapper{

        padding:22px 14px;

    }


    .dds-input i{

        min-width:48px;

    }


    .dds-input input{

        font-size:13px;

    }


    .dds-btn-group button,
    .dds-btn-group a{

        min-height:52px;

        font-size:13px;

    }

}