/*==================================================
        DDS HOME.CSS
        PART 1
        ROOT • RESET • GLOBAL • BUTTONS
==================================================*/

/*==============================
GOOGLE FONT
==============================*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

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

:root{

    --dds-primary:#d4af37;
    --dds-primary-light:#f2d36b;
    --dds-primary-dark:#b68c18;

    --dds-black:#050505;
    --dds-dark:#101010;
    --dds-card:#171717;
    --dds-card-hover:#1d1d1d;

    --dds-white:#ffffff;
    --dds-text:#d8d8d8;
    --dds-light:#f7f7f7;

    --dds-border:rgba(212,175,55,.20);
    --dds-shadow:0 20px 60px rgba(0,0,0,.35);
    --dds-radius:22px;

    --dds-transition:.45s ease;

}

/*==============================
RESET
==============================*/

*{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    font-family:'Poppins',sans-serif;
    background:var(--dds-black);
    color:var(--dds-white);
    overflow-x:hidden;
    line-height:1.7;

}

img{

    max-width:100%;
    display:block;

}

a{

    text-decoration:none;
    transition:var(--dds-transition);

}

ul{

    list-style:none;
    margin:0;
    padding:0;

}

button{

    outline:none;
    border:none;

}

input,
textarea,
select{

    outline:none;

}

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

.section-gap{

    position:relative;
    padding:120px 0;

}

.section-gap::before{

    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:1px;
    background:linear-gradient(90deg,
    transparent,
    rgba(212,175,55,.25),
    transparent);

}

/*==============================
SECTION TITLE
==============================*/

.dds-section-title{

    margin-bottom:70px;
    position:relative;

}

.dds-section-title span{

    display:inline-block;
    color:var(--dds-primary);
    font-size:14px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:18px;

}

.dds-section-title h2{

    font-size:46px;
    font-weight:800;
    color:#fff;
    line-height:1.25;
    margin-bottom:22px;

}

.dds-section-title p{

    color:var(--dds-text);
    font-size:17px;
    max-width:760px;
    margin:auto;
    line-height:1.9;

}

.text-left .dds-section-title p,
.dds-section-title.text-left p{

    margin:0;

}

/*==============================
PRIMARY BUTTON
==============================*/

.primary-btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:210px;
    height:58px;

    padding:0 35px;

    background:linear-gradient(135deg,
    var(--dds-primary),
    var(--dds-primary-light));

    color:#000 !important;

    border-radius:60px;

    font-weight:700;
    letter-spacing:.4px;

    border:1px solid transparent;

    position:relative;

    overflow:hidden;

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

}

.primary-btn::before{

    content:"";

    position:absolute;

    left:-120%;

    top:0;

    width:100%;

    height:100%;

    background:
    linear-gradient(90deg,
    transparent,
    rgba(255,255,255,.35),
    transparent);

    transition:.7s;

}

.primary-btn:hover::before{

    left:120%;

}

.primary-btn:hover{

    transform:translateY(-5px);

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

}

.primary-btn.white{

    background:transparent;

    color:#fff !important;

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

    box-shadow:none;

}

.primary-btn.white:hover{

    background:var(--dds-primary);

    color:#000 !important;

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

}

/*==============================
COMMON CARD
==============================*/

.dds-card{

    background:var(--dds-card);

    border-radius:var(--dds-radius);

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

    transition:var(--dds-transition);

}

.dds-card:hover{

    transform:translateY(-10px);

    background:var(--dds-card-hover);

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

    box-shadow:var(--dds-shadow);

}

/*==============================
GLASS EFFECT
==============================*/

.dds-glass{

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

    backdrop-filter:blur(18px);

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

    box-shadow:0 25px 60px rgba(0,0,0,.45);

}

/*==============================
IMAGE STYLE
==============================*/

.img-fluid{

    border-radius:20px;

    transition:.6s;

}

.img-fluid:hover{

    transform:scale(1.03);

}

/*==============================
CUSTOM SCROLLBAR
==============================*/

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#111;

}

::-webkit-scrollbar-thumb{

    background:var(--dds-primary);

    border-radius:30px;

}

::-webkit-scrollbar-thumb:hover{

    background:var(--dds-primary-light);

}

/*==============================
FADE ANIMATION
==============================*/

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(60px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

.fade-up{

    animation:fadeUp .8s ease both;

}

/*==============================
UTILITY
==============================*/

.text-gold{

    color:var(--dds-primary);

}

.radius-20{

    border-radius:20px;

}

.shadow-lg{

    box-shadow:0 25px 60px rgba(0,0,0,.45)!important;

}

.w-100{

    width:100%;

}
/*==================================================
        DDS HOME.CSS
        PART 2
        HERO SECTION
==================================================*/

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

#dds-home-hero-banner{

    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:#000;
    padding:170px 0 110px;

}

/*==============================
VIDEO
==============================*/

.dds-home-video{

    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:0;
    transform:scale(1.08);
    animation:heroZoom 18s linear infinite alternate;

}

@keyframes heroZoom{

    from{

        transform:scale(1.08);

    }

    to{

        transform:scale(1.18);

    }

}

/*==============================
OVERLAY
==============================*/

.dds-home-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(90deg,
    rgba(0,0,0,.93) 5%,
    rgba(0,0,0,.70) 45%,
    rgba(0,0,0,.88) 100%);

    z-index:1;

}

/*==============================
BACKGROUND GLOW
==============================*/

.dds-home-shape{

    position:absolute;
    border-radius:50%;
    filter:blur(120px);
    z-index:2;

}

.shape1{

    width:420px;
    height:420px;
    background:rgba(212,175,55,.18);
    top:-120px;
    left:-120px;
    animation:floatGlow 8s infinite alternate;

}

.shape2{

    width:350px;
    height:350px;
    background:rgba(255,255,255,.05);
    bottom:-120px;
    right:-80px;
    animation:floatGlow2 9s infinite alternate;

}

@keyframes floatGlow{

    from{

        transform:translateY(0);

    }

    to{

        transform:translateY(40px);

    }

}

@keyframes floatGlow2{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(-40px);

    }

}

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

.dds-home-content{

    position:relative;
    z-index:5;
    animation:fadeUp .9s ease;

}

.dds-home-tag{

    display:inline-flex;
    align-items:center;
    gap:12px;

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

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

    padding:10px 22px;

    border-radius:40px;

    color:var(--dds-primary);

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:28px;

}

.dds-home-tag i{

    font-size:18px;

}

.dds-home-content h1{

    font-size:68px;
    line-height:1.12;
    font-weight:800;
    color:#fff;
    margin-bottom:28px;

}

.dds-home-content h1 span{

    display:block;
    color:var(--dds-primary);

}

.dds-home-content p{

    color:#dddddd;
    font-size:18px;
    line-height:2;
    max-width:640px;
    margin-bottom:40px;

}

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

.dds-home-buttons{

    display:flex;
    gap:20px;
    flex-wrap:wrap;

}

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

.dds-home-stat-box{

    margin-top:35px;

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

    backdrop-filter:blur(18px);

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

    border-radius:22px;

    padding:28px 15px;

    text-align:center;

    transition:.45s;

    height:100%;

}

.dds-home-stat-box:hover{

    transform:translateY(-10px);

    border-color:rgba(212,175,55,.35);

    box-shadow:0 20px 45px rgba(0,0,0,.35);

}

.dds-home-stat-box h2{

    color:var(--dds-primary);

    font-size:34px;

    font-weight:800;

    margin-bottom:8px;

}

.dds-home-stat-box span{

    color:#f1f1f1;

    font-size:14px;

    display:block;

    line-height:1.6;

}

/*==============================
RIGHT CARD
==============================*/

.dds-home-info-card{

    position:relative;

    z-index:5;

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

    backdrop-filter:blur(22px);

    border-radius:30px;

    padding:45px;

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

    box-shadow:0 30px 70px rgba(0,0,0,.45);

    animation:fadeUp 1.2s ease;

}

.dds-home-info-card::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:30px;

    padding:1px;

    background:linear-gradient(135deg,
    rgba(212,175,55,.6),
    transparent);

    -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

}

.dds-card-header h3{

    color:#fff;

    font-size:32px;

    font-weight:700;

    margin-bottom:10px;

}

.dds-card-header p{

    color:var(--dds-primary);

    margin-bottom:30px;

}

/*==============================
LIST
==============================*/

.dds-home-list li{

    display:flex;

    align-items:center;

    gap:15px;

    padding:14px 0;

    color:#fff;

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

}

.dds-home-list li:last-child{

    border-bottom:none;

}

.dds-home-list i{

    color:var(--dds-primary);

    font-size:18px;

}

/*==============================
SCROLL ICON
==============================*/

.dds-home-scroll{

    position:absolute;

    left:50%;

    bottom:35px;

    transform:translateX(-50%);

    color:var(--dds-primary);

    font-size:34px;

    z-index:10;

    animation:scrollBounce 2s infinite;

}

@keyframes scrollBounce{

    0%,100%{

        transform:translate(-50%,0);

    }

    50%{

        transform:translate(-50%,12px);

    }

}

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

@media(max-width:991px){

    #dds-home-hero-banner{

        text-align:center;

        padding:150px 0 90px;

    }

    .dds-home-content p{

        margin:auto auto 35px;

    }

    .dds-home-buttons{

        justify-content:center;

    }

    .dds-home-info-card{

        margin-top:60px;

    }

}

@media(max-width:768px){

    .dds-home-content h1{

        font-size:46px;

    }

    .dds-home-content p{

        font-size:16px;

        line-height:1.8;

    }

    .dds-home-info-card{

        padding:35px;

    }

}

@media(max-width:576px){

    #dds-home-hero-banner{

        padding:135px 0 80px;

    }

    .dds-home-content h1{

        font-size:36px;

    }

    .dds-home-tag{

        font-size:11px;

        letter-spacing:1px;

        padding:8px 16px;

    }

    .dds-home-buttons{

        flex-direction:column;

    }

    .dds-home-info-card{

        padding:28px;

    }

}
/*==================================================
        DDS HOME.CSS
        PART 3A
        HOME INTRODUCTION SECTION
==================================================*/

/*=====================================
HOME INTRO SECTION
=====================================*/

#dds-home-intro-section{

    position:relative;

    background:#0b0b0b;

    overflow:hidden;

    z-index:1;

}

/* Decorative Background */

#dds-home-intro-section::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    top:-220px;

    left:-180px;

    border-radius:50%;

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

    filter:blur(120px);

    z-index:-1;

}

#dds-home-intro-section::after{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    right:-180px;

    bottom:-200px;

    border-radius:50%;

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

    filter:blur(120px);

    z-index:-1;

}

/*=====================================
ROW ALIGNMENT
=====================================*/

#dds-home-intro-section .row{

    align-items:center;

    min-height:620px;

}

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

#dds-home-intro-section .dds-section-title{

    margin-bottom:0;

}

#dds-home-intro-section .dds-section-title span{

    display:inline-block;

    color:var(--dds-primary);

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:18px;

    position:relative;

    padding-left:55px;

}

#dds-home-intro-section .dds-section-title span::before{

    content:"";

    position:absolute;

    left:0;

    top:50%;

    width:40px;

    height:2px;

    background:var(--dds-primary);

}

#dds-home-intro-section h2{

    font-size:46px;

    font-weight:800;

    line-height:1.25;

    color:#fff;

    margin-bottom:28px;

}

#dds-home-intro-section p{

    color:#cfcfcf;

    font-size:17px;

    line-height:2;

    margin-bottom:20px;

}

#dds-home-intro-section .primary-btn{

    margin-top:18px;

}

/*=====================================
IMAGE AREA
=====================================*/

#dds-home-intro-section .col-lg-6:last-child{

    position:relative;

}

#dds-home-intro-section img{

    width:100%;

    height:560px;

    object-fit:cover;

    border-radius:28px;

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

    box-shadow:0 35px 70px rgba(0,0,0,.45);

    transition:.7s;

}

/* Golden Border */

#dds-home-intro-section .col-lg-6:last-child::before{

    content:"";

    position:absolute;

    width:90%;

    height:90%;

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

    border-radius:30px;

    right:-20px;

    bottom:-20px;

    z-index:-1;

}

/* Floating Effect */

#dds-home-intro-section img:hover{

    transform:translateY(-12px) scale(1.03);

    box-shadow:

    0 40px 90px rgba(212,175,55,.18);

}

/*=====================================
SMALL GOLD CARD
=====================================*/

.dds-home-about-badge{

    position:absolute;

    left:-20px;

    bottom:40px;

    background:linear-gradient(135deg,#d4af37,#f4da73);

    color:#000;

    padding:18px 28px;

    border-radius:18px;

    font-weight:700;

    box-shadow:0 25px 45px rgba(0,0,0,.35);

}

.dds-home-about-badge h3{

    font-size:34px;

    margin:0;

}

.dds-home-about-badge span{

    display:block;

    font-size:14px;

    margin-top:5px;

}

/*=====================================
ANIMATION
=====================================*/

#dds-home-intro-section .col-lg-6:first-child{

    animation:fadeLeft 1s ease;

}

#dds-home-intro-section .col-lg-6:last-child{

    animation:fadeRight 1s ease;

}

@keyframes fadeLeft{

    from{

        opacity:0;

        transform:translateX(-70px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}

@keyframes fadeRight{

    from{

        opacity:0;

        transform:translateX(70px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}

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

@media(max-width:991px){

    #dds-home-intro-section{

        text-align:center;

    }

    #dds-home-intro-section .dds-section-title span{

        padding-left:0;

    }

    #dds-home-intro-section .dds-section-title span::before{

        display:none;

    }

    #dds-home-intro-section img{

        margin-top:60px;

        height:420px;

    }

    #dds-home-intro-section .col-lg-6:last-child::before{

        display:none;

    }

}

@media(max-width:768px){

    #dds-home-intro-section h2{

        font-size:34px;

    }

    #dds-home-intro-section p{

        font-size:16px;

        line-height:1.9;

    }

    #dds-home-intro-section img{

        height:360px;

    }

}

@media(max-width:576px){

    #dds-home-intro-section{

        padding:80px 0;

    }

    #dds-home-intro-section h2{

        font-size:28px;

    }

    #dds-home-intro-section img{

        height:280px;

        border-radius:20px;

    }

}
/*==================================================
        DDS HOME.CSS
        PART 3B
        HOME SERVICES SECTION
==================================================*/

/*==================================
SERVICES SECTION
==================================*/

#dds-home-services-grid{

    position:relative;
    background:#080808;
    overflow:hidden;

}

#dds-home-services-grid::before{

    content:"";

    position:absolute;

    width:520px;
    height:520px;

    top:-220px;
    right:-180px;

    border-radius:50%;

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

    filter:blur(120px);

}

#dds-home-services-grid::after{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    left:-180px;
    bottom:-180px;

    border-radius:50%;

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

    filter:blur(120px);

}

/*==================================
SERVICE CARD
==================================*/

.dds-home-service-card{

    position:relative;

    background:#111111;

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

    border-radius:22px;

    padding:45px 35px;

    text-align:center;

    overflow:hidden;

    transition:.45s ease;

    height:100%;

    z-index:2;

}

/* Animated Border */

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

    content:"";

    position:absolute;

    inset:0;

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

    opacity:0;

    transition:.45s;

}

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

    opacity:1;

}

/* Top Gold Line */

.dds-home-service-card::after{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:0;

    height:4px;

    background:var(--dds-primary);

    transition:.45s;

}

.dds-home-service-card:hover::after{

    width:100%;

}

/* Hover */

.dds-home-service-card:hover{

    transform:translateY(-14px);

    border-color:rgba(212,175,55,.35);

    box-shadow:

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

    0 0 40px rgba(212,175,55,.12);

}

/*==================================
ICON
==================================*/

.dds-home-icon{

    width:95px;

    height:95px;

    margin:0 auto 28px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

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

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

    color:var(--dds-primary);

    font-size:38px;

    transition:.45s;

}

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

    background:var(--dds-primary);

    color:#000;

    transform:rotateY(180deg) scale(1.08);

    box-shadow:

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

}

/*==================================
TITLE
==================================*/

.dds-home-service-card h4{

    color:#fff;

    font-size:24px;

    font-weight:700;

    margin-bottom:18px;

    transition:.4s;

}

.dds-home-service-card:hover h4{

    color:var(--dds-primary);

}

/*==================================
DESCRIPTION
==================================*/

.dds-home-service-card p{

    color:#cfcfcf;

    font-size:15px;

    line-height:1.9;

    margin:0;

}

/*==================================
NUMBER BADGE
==================================*/

.dds-home-service-card span{

    position:absolute;

    top:18px;

    right:20px;

    font-size:58px;

    font-weight:800;

    color:rgba(255,255,255,.03);

    transition:.4s;

}

.dds-home-service-card:hover span{

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

}

/*==================================
FLOATING ICON
==================================*/

@keyframes serviceFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

    100%{

        transform:translateY(0);

    }

}

.dds-home-icon{

    animation:serviceFloat 4s infinite ease-in-out;

}

/*==================================
CARD STAGGER
==================================*/

#dds-home-card-1{

    animation:fadeUp .6s ease;

}

#dds-home-card-2{

    animation:fadeUp .8s ease;

}

#dds-home-card-3{

    animation:fadeUp 1s ease;

}

#dds-home-card-4{

    animation:fadeUp 1.2s ease;

}

#dds-home-card-5{

    animation:fadeUp 1.4s ease;

}

#dds-home-card-6{

    animation:fadeUp 1.6s ease;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(60px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

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

@media(max-width:991px){

    .dds-home-service-card{

        padding:38px 28px;

    }

}

@media(max-width:768px){

    .dds-home-service-card{

        padding:35px 25px;

    }

    .dds-home-icon{

        width:80px;

        height:80px;

        font-size:32px;

    }

    .dds-home-service-card h4{

        font-size:22px;

    }

}

@media(max-width:576px){

    .dds-home-service-card{

        padding:30px 22px;

    }

    .dds-home-service-card h4{

        font-size:20px;

    }

    .dds-home-service-card p{

        font-size:14px;

    }

}
/*==================================================
        DDS HOME.CSS
        PART 4
        WHY CHOOSE + BEFORE & AFTER
==================================================*/

/*=====================================
WHY CHOOSE SECTION
=====================================*/

#dds-home-why-choose{

    position:relative;
    background:#0d0d0d;
    overflow:hidden;

}

#dds-home-why-choose::before{

    content:"";
    position:absolute;

    width:500px;
    height:500px;

    top:-200px;
    left:-200px;

    border-radius:50%;

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

    filter:blur(120px);

}

#dds-home-why-choose::after{

    content:"";
    position:absolute;

    width:400px;
    height:400px;

    right:-150px;
    bottom:-150px;

    border-radius:50%;

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

    filter:blur(120px);

}

#dds-home-why-choose img{

    width:100%;
    height:620px;

    object-fit:cover;

    border-radius:25px;

    transition:.6s;

    box-shadow:0 30px 70px rgba(0,0,0,.45);

}

#dds-home-why-choose img:hover{

    transform:scale(1.04);

}

.dds-home-feature-box{

    background:#151515;

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

    border-radius:18px;

    padding:28px 18px;

    text-align:center;

    height:100%;

    transition:.45s;

}

.dds-home-feature-box:hover{

    transform:translateY(-10px);

    border-color:rgba(212,175,55,.35);

    box-shadow:0 20px 45px rgba(0,0,0,.35);

}

.dds-home-feature-box i{

    width:70px;

    height:70px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:auto;

    margin-bottom:18px;

    border-radius:50%;

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

    color:var(--dds-primary);

    font-size:28px;

    transition:.4s;

}

.dds-home-feature-box:hover i{

    background:var(--dds-primary);

    color:#000;

    transform:rotate(360deg);

}

.dds-home-feature-box h5{

    color:#fff;

    font-size:18px;

    font-weight:600;

    margin:0;

}

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

#dds-home-before-after{

    background:#090909;

    position:relative;

}

.dds-home-before-card,
.dds-home-after-card{

    position:relative;

    overflow:hidden;

    border-radius:25px;

    background:#111;

    transition:.45s;

    box-shadow:0 20px 50px rgba(0,0,0,.35);

}

.dds-home-before-card:hover,
.dds-home-after-card:hover{

    transform:translateY(-12px);

}

.dds-home-before-card img,
.dds-home-after-card img{

    width:100%;

    height:520px;

    object-fit:cover;

    transition:.6s;

}

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

    transform:scale(1.08);

}

.dds-home-before-content,
.dds-home-after-content{

    position:absolute;

    left:0;

    right:0;

    bottom:0;

    padding:35px;

    background:linear-gradient(to top,
    rgba(0,0,0,.95),
    rgba(0,0,0,.05));

}

.dds-home-before-content span,
.dds-home-after-content span{

    display:inline-block;

    padding:8px 18px;

    border-radius:40px;

    font-size:13px;

    font-weight:700;

    margin-bottom:18px;

    letter-spacing:1px;

}

.dds-home-before-content span{

    background:#ff4b4b;

    color:#fff;

}

.dds-home-after-content span{

    background:var(--dds-primary);

    color:#000;

}

.dds-home-before-content h4,
.dds-home-after-content h4{

    color:#fff;

    font-size:30px;

    margin-bottom:12px;

}

.dds-home-before-content p,
.dds-home-after-content p{

    color:#ddd;

    line-height:1.8;

    margin:0;

}

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

@media(max-width:991px){

    #dds-home-why-choose img{

        height:450px;

        margin-bottom:50px;

    }

    .dds-home-before-card img,
    .dds-home-after-card img{

        height:400px;

    }

}

@media(max-width:768px){

    .dds-home-feature-box{

        padding:22px 15px;

    }

    .dds-home-feature-box h5{

        font-size:16px;

    }

    .dds-home-before-content,
    .dds-home-after-content{

        padding:25px;

    }

    .dds-home-before-content h4,
    .dds-home-after-content h4{

        font-size:24px;

    }

}

@media(max-width:576px){

    #dds-home-why-choose img{

        height:300px;

    }

    .dds-home-before-card img,
    .dds-home-after-card img{

        height:260px;

    }

    .dds-home-before-content h4,
    .dds-home-after-content h4{

        font-size:20px;

    }

}
/*==================================================
        DDS HOME.CSS
        PART 5
        PROJECT GALLERY + PROCESS TIMELINE
==================================================*/

/*=========================================
PROJECT GALLERY
=========================================*/

#dds-home-project-gallery{

    position:relative;
    background:#0a0a0a;
    overflow:hidden;

}

#dds-home-project-gallery::before{

    content:"";
    position:absolute;
    width:500px;
    height:500px;
    left:-180px;
    top:-180px;
    background:rgba(212,175,55,.06);
    filter:blur(120px);
    border-radius:50%;

}

#dds-home-project-gallery::after{

    content:"";
    position:absolute;
    width:420px;
    height:420px;
    right:-180px;
    bottom:-180px;
    background:rgba(255,255,255,.03);
    filter:blur(120px);
    border-radius:50%;

}

/*=========================================
GALLERY CARD
=========================================*/

.dds-home-gallery-card{

    position:relative;

    overflow:hidden;

    border-radius:22px;

    background:#111;

    cursor:pointer;

    transition:.45s;

    box-shadow:0 18px 40px rgba(0,0,0,.35);

}

.dds-home-gallery-card:hover{

    transform:translateY(-12px);

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

}

.dds-home-gallery-card img{

    width:100%;

    height:340px;

    object-fit:cover;

    transition:.7s;

}

.dds-home-gallery-card:hover img{

    transform:scale(1.12);

}

/*=========================================
OVERLAY
=========================================*/

.dds-home-gallery-content{

    position:absolute;

    left:0;

    right:0;

    bottom:-100%;

    padding:30px;

    background:
    linear-gradient(to top,
    rgba(0,0,0,.96),
    rgba(0,0,0,.10));

    transition:.45s;

}

.dds-home-gallery-card:hover
.dds-home-gallery-content{

    bottom:0;

}

.dds-home-gallery-content h4{

    color:#fff;

    font-size:24px;

    margin:0;

}

.dds-home-gallery-content::before{

    content:"";

    display:block;

    width:60px;

    height:3px;

    background:var(--dds-primary);

    margin-bottom:18px;

}

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

#dds-home-process-timeline{

    background:#111;

    position:relative;

}

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

.dds-home-process-card{

    position:relative;

    text-align:center;

    background:#171717;

    border-radius:22px;

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

    padding:40px 18px;

    height:100%;

    transition:.45s;

}

.dds-home-process-card:hover{

    transform:translateY(-12px);

    border-color:rgba(212,175,55,.35);

    box-shadow:
    0 20px 45px rgba(0,0,0,.35);

}

.dds-home-process-card h3{

    position:absolute;

    top:18px;

    right:20px;

    font-size:48px;

    color:rgba(255,255,255,.05);

    font-weight:800;

}

.dds-home-process-card i{

    width:85px;

    height:85px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:auto;

    margin-bottom:25px;

    border-radius:50%;

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

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

    color:var(--dds-primary);

    font-size:34px;

    transition:.45s;

}

.dds-home-process-card:hover i{

    background:var(--dds-primary);

    color:#000;

    transform:rotateY(360deg);

}

.dds-home-process-card h5{

    color:#fff;

    font-size:18px;

    font-weight:600;

    margin:0;

}

/*=========================================
STEP CONNECTOR
=========================================*/

@media(min-width:992px){

.dds-home-process-card::after{

    content:"";

    position:absolute;

    top:42%;

    right:-35px;

    width:70px;

    height:2px;

    background:
    linear-gradient(to right,
    rgba(212,175,55,.7),
    rgba(212,175,55,.15));

}

.col-lg-2:last-child
.dds-home-process-card::after{

    display:none;

}

}

/*=========================================
ANIMATION
=========================================*/

.dds-home-gallery-card{

    animation:fadeGallery .8s ease both;

}

.dds-home-process-card{

    animation:fadeProcess 1s ease both;

}

@keyframes fadeGallery{

    from{

        opacity:0;

        transform:translateY(60px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

@keyframes fadeProcess{

    from{

        opacity:0;

        transform:scale(.8);

    }

    to{

        opacity:1;

        transform:scale(1);

    }

}

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

@media(max-width:991px){

    .dds-home-gallery-card img{

        height:300px;

    }

    .dds-home-process-card{

        margin-bottom:30px;

    }

}

@media(max-width:768px){

    .dds-home-gallery-card img{

        height:260px;

    }

    .dds-home-gallery-content{

        bottom:0;

        padding:22px;

    }

    .dds-home-gallery-content h4{

        font-size:20px;

    }

    .dds-home-process-card{

        padding:35px 15px;

    }

    .dds-home-process-card i{

        width:75px;

        height:75px;

        font-size:30px;

    }

}

@media(max-width:576px){

    .dds-home-gallery-card img{

        height:220px;

    }

    .dds-home-process-card h5{

        font-size:16px;

    }

}
/*==================================================
        DDS HOME.CSS
        PART 6
        COUNTER + TESTIMONIALS + CTA + MAP
==================================================*/

/*=========================================
COUNTER SECTION
=========================================*/

#dds-home-counter-section{

    position:relative;
    background:#0b0b0b;
    overflow:hidden;

}

#dds-home-counter-section::before{

    content:"";
    position:absolute;
    width:520px;
    height:520px;
    top:-220px;
    left:-180px;
    border-radius:50%;
    background:rgba(212,175,55,.06);
    filter:blur(120px);

}

#dds-home-counter-section::after{

    content:"";
    position:absolute;
    width:420px;
    height:420px;
    bottom:-180px;
    right:-180px;
    border-radius:50%;
    background:rgba(255,255,255,.03);
    filter:blur(120px);

}

/*=========================================
COUNTER BOX
=========================================*/

.dds-home-counter-box{

    background:#121212;

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

    border-radius:22px;

    text-align:center;

    padding:45px 20px;

    transition:.45s;

    height:100%;

}

.dds-home-counter-box:hover{

    transform:translateY(-12px);

    border-color:rgba(212,175,55,.35);

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

}

.dds-home-counter-box i{

    width:90px;

    height:90px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:auto auto 25px;

    border-radius:50%;

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

    color:var(--dds-primary);

    font-size:36px;

    transition:.45s;

}

.dds-home-counter-box:hover i{

    background:var(--dds-primary);

    color:#000;

    transform:rotateY(360deg);

}

.dds-home-counter-box h2{

    color:var(--dds-primary);

    font-size:42px;

    font-weight:800;

    margin-bottom:10px;

}

.dds-home-counter-box p{

    color:#ddd;

    margin:0;

    font-size:16px;

}

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

#dds-home-testimonials{

    background:#080808;

}

.dds-home-review-card{

    position:relative;

    background:#151515;

    border-radius:22px;

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

    padding:40px 35px;

    height:100%;

    transition:.45s;

}

.dds-home-review-card:hover{

    transform:translateY(-12px);

    border-color:rgba(212,175,55,.35);

    box-shadow:
    0 25px 60px rgba(0,0,0,.35);

}

.dds-review-stars{

    color:#FFD700;

    font-size:22px;

    margin-bottom:25px;

    letter-spacing:3px;

}

.dds-home-review-card p{

    color:#d8d8d8;

    line-height:2;

    font-style:italic;

    margin-bottom:30px;

}

.dds-home-review-card h5{

    color:#fff;

    margin-bottom:5px;

    font-size:20px;

}

.dds-home-review-card span{

    color:var(--dds-primary);

    font-size:14px;

}

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

#dds-home-consultation{

    position:relative;

    padding:90px 0;

    background:
    linear-gradient(rgba(0,0,0,.82),
    rgba(0,0,0,.82)),
    url("../img2/home-after2.jpeg")
    center center/cover;

    text-align:left;

}

#dds-home-consultation h2{

    color:#fff;

    font-size:46px;

    font-weight:800;

    margin-bottom:20px;

}

#dds-home-consultation p{

    color:#eee;

    font-size:18px;

    line-height:1.9;

    margin:0;

}

#dds-home-consultation .primary-btn{

    margin-top:15px;

}

/*=========================================
GOOGLE MAP
=========================================*/

.dds-home-map{

    background:#111;

    padding:0;

}

.dds-home-map iframe{

    width:100%;

    height:500px;

    border:none;

    filter:grayscale(.15);

}

/*=========================================
ANIMATION
=========================================*/

.dds-home-counter-box{

    animation:fadeCounter .8s ease both;

}

.dds-home-review-card{

    animation:fadeReview 1s ease both;

}

@keyframes fadeCounter{

    from{

        opacity:0;

        transform:translateY(60px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

@keyframes fadeReview{

    from{

        opacity:0;

        transform:scale(.85);

    }

    to{

        opacity:1;

        transform:scale(1);

    }

}

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

@media(max-width:991px){

    #dds-home-consultation{

        text-align:center;

    }

    #dds-home-consultation .text-lg-right{

        text-align:center!important;

        margin-top:35px;

    }

}

@media(max-width:768px){

    .dds-home-counter-box{

        padding:35px 20px;

    }

    .dds-home-counter-box h2{

        font-size:34px;

    }

    .dds-home-review-card{

        padding:30px;

    }

    #dds-home-consultation h2{

        font-size:34px;

    }

    #dds-home-consultation p{

        font-size:16px;

    }

    .dds-home-map iframe{

        height:380px;

    }

}

@media(max-width:576px){

    #dds-home-consultation{

        padding:70px 0;

    }

    #dds-home-consultation h2{

        font-size:28px;

    }

    .dds-home-counter-box i{

        width:70px;

        height:70px;

        font-size:28px;

    }

    .dds-home-map iframe{

        height:300px;

    }

}
/*==================================================
        DDS HOME.CSS
        PART 7
        FAQ + FOOTER + FLOATING BUTTONS
        FINAL
==================================================*/

/*=========================================
FAQ SECTION
=========================================*/

#dds-home-faq{

    position:relative;
    background:#080808;
    overflow:hidden;

}

#dds-home-faq::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    left:-180px;

    top:-180px;

    border-radius:50%;

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

    filter:blur(120px);

}

#dds-home-faq::after{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    right:-150px;

    bottom:-150px;

    border-radius:50%;

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

    filter:blur(120px);

}

/*=========================================
FAQ CARD
=========================================*/

#dds-home-faq .card{

    background:#121212;

    border:none;

    border-radius:18px;

    margin-bottom:20px;

    overflow:hidden;

    box-shadow:0 12px 35px rgba(0,0,0,.30);

}

#dds-home-faq .card-header{

    background:transparent;

    border:none;

    padding:0;

}

#dds-home-faq .btn-link{

    width:100%;

    text-align:left;

    color:#fff;

    text-decoration:none;

    font-size:18px;

    font-weight:600;

    padding:24px 30px;

    position:relative;

}

#dds-home-faq .btn-link:hover{

    color:var(--dds-primary);

    text-decoration:none;

}

#dds-home-faq .btn-link::after{

    content:"+";

    position:absolute;

    right:30px;

    top:50%;

    transform:translateY(-50%);

    font-size:28px;

    color:var(--dds-primary);

}

#dds-home-faq .btn-link:not(.collapsed)::after{

    content:"−";

}

#dds-home-faq .card-body{

    color:#d8d8d8;

    padding:0 30px 28px;

    line-height:1.9;

    font-size:16px;

}

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

.footer-area{

    background:#050505;

    padding:90px 0 30px;

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

}

.footer-area h5{

    color:#fff;

    margin-bottom:25px;

    font-size:24px;

    font-weight:700;

}

.footer-area p{

    color:#cfcfcf;

    line-height:2;

    margin-bottom:15px;

}

.footer-nav{

    margin:0;

    padding:0;

    list-style:none;

}

.footer-nav li{

    color:#d9d9d9;

    margin-bottom:15px;

    transition:.35s;

    cursor:pointer;

}

.footer-nav li:hover{

    color:var(--dds-primary);

    transform:translateX(8px);

}

.footer-area i{

    color:var(--dds-primary);

    margin-right:10px;

}

.footer-area hr{

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

    margin:50px 0 25px;

}

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

.dds-whatsapp-float,
.dds-call-float{

    position:fixed;

    width:60px;

    height:60px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:28px;

    z-index:9999;

    transition:.4s;

    text-decoration:none;

    box-shadow:0 15px 35px rgba(0,0,0,.35);

}

.dds-whatsapp-float{

    right:25px;
    bottom:195px;
    background:#25D366;

}

.dds-call-float{

    right:25px;   /* 19px → 25px */
    bottom:110px; /* optional small gap */
    background:var(--dds-primary);
    color:#000;

}

.dds-whatsapp-float:hover{

    transform:translateY(-8px) scale(1.08);

    color:#fff;

}

.dds-call-float:hover{

    transform:translateY(-8px) scale(1.08);

    color:#000;

}

/*=========================================
SCROLLBAR
=========================================*/

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#111;

}

::-webkit-scrollbar-thumb{

    background:var(--dds-primary);

    border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

    background:#f0cb52;

}

/*=========================================
TEXT SELECTION
=========================================*/

::selection{

    background:var(--dds-primary);

    color:#000;

}

/*=========================================
SMOOTH SCROLL
=========================================*/

html{

    scroll-behavior:smooth;

}

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

img{

    user-select:none;

    -webkit-user-drag:none;

}

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

@media(max-width:991px){

    .footer-area{

        text-align:center;

    }

    .footer-nav{

        margin-bottom:35px;

    }

}

@media(max-width:768px){

    #dds-home-faq .btn-link{

        font-size:16px;

        padding:20px;

    }

    #dds-home-faq .card-body{

        padding:0 20px 20px;

        font-size:15px;

    }

    .dds-whatsapp-float,
    .dds-call-float{

        width:55px;

        height:55px;

        font-size:24px;

    }

}

@media(max-width:576px){

    .footer-area{

        padding:70px 0 25px;

    }

    .footer-area h5{

        font-size:20px;

    }

    .dds-whatsapp-float{

        right:15px;

        bottom:85px;

    }

    .dds-call-float{

        right:15px;

        bottom:100px;

    }

}
/*=========================================
MOBILE HERO PERFORMANCE
=========================================*/

@media(max-width:768px){

    .dds-home-video{

        animation:none;

        transform:scale(1.05);

    }

}


/*=========================================
REDUCED MOTION ACCESSIBILITY
=========================================*/

@media (prefers-reduced-motion: reduce){

    *,

    *::before,

    *::after{

        animation-duration:0.01ms !important;

        animation-iteration-count:1 !important;

        transition-duration:0.01ms !important;

        scroll-behavior:auto !important;

    }

}