/*==================================================
    DDS INTERIORS
    PREMIUM BATHROOM RENOVATION CSS
    CLEAN • RESPONSIVE • SMOOTH • ANIMATED
==================================================*/


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

:root{

    --dds-gold:#d4af37;
    --dds-gold-light:#f5d76e;
    --dds-gold-dark:#9d7c19;

    --dds-black:#050505;
    --dds-dark:#0b0b0b;
    --dds-dark-2:#121212;
    --dds-dark-3:#181818;

    --dds-white:#ffffff;
    --dds-text:#d7d7d7;
    --dds-muted:#999999;

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

    --dds-radius:16px;

    --dds-shadow:
        0 20px 60px rgba(0,0,0,.45);

    --dds-shadow-gold:
        0 15px 45px rgba(212,175,55,.16);

}


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

html{

    scroll-behavior:smooth;

}


body{

    overflow-x:hidden;

    background:var(--dds-black);

    color:var(--dds-white);

}


*{

    box-sizing:border-box;

}


img{

    max-width:100%;

    height:auto;

}


a{

    transition:

        color .35s ease,

        background .35s ease,

        border-color .35s ease,

        transform .35s ease,

        box-shadow .35s ease;

}


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

#dds-bathroom-hero-banner,
#dds-bathroom-intro,
#dds-bathroom-services,
#dds-bathroom-styles,
#dds-bathroom-transformations,
#dds-bathroom-process,
#dds-bathroom-achievements,
#dds-bathroom-testimonials,
#dds-bathroom-contact-form{

    position:relative;

    overflow:hidden;

}


#dds-bathroom-intro,
#dds-bathroom-services,
#dds-bathroom-styles,
#dds-bathroom-transformations,
#dds-bathroom-process,
#dds-bathroom-achievements,
#dds-bathroom-testimonials,
#dds-bathroom-contact-form{

    background:

        linear-gradient(

            180deg,

            var(--dds-dark),

            var(--dds-black)

        );

}


.section-gap{

    padding:110px 0;

}


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

.dds-section-title{

    position:relative;

    z-index:2;

}


.dds-section-title span{

    display:inline-block;

    margin-bottom:15px;

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

    font-size:11px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}


.dds-section-title h2{

    margin-bottom:20px;

    color:#fff;

    font-size:42px;

    line-height:1.2;

    font-weight:700;

}


.dds-section-title p{

    color:var(--dds-muted);

    font-size:15px;

    line-height:1.9;

}


/*==================================================
    LOADER
==================================================*/

#dds-bathroom-loader{

    position:fixed;

    inset:0;

    z-index:99999;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    min-height:100vh;

    overflow:hidden;

    background:

        radial-gradient(

            circle at center,

            #292929 0%,

            #101010 45%,

            #030303 100%

        );

    opacity:1;

    visibility:visible;

    transition:

        opacity .8s ease,

        visibility .8s ease;

}


#dds-bathroom-loader.dds-bathroom-loader-hide{

    opacity:0;

    visibility:hidden;

    pointer-events:none;

}


.dds-bathroom-loader-scene{

    position:relative;

    width:260px;

    height:200px;

    display:flex;

    align-items:center;

    justify-content:center;

}


.dds-bathroom-loader-glow{

    position:absolute;

    width:190px;

    height:190px;

    border-radius:50%;

    background:

        radial-gradient(

            circle,

            rgba(212,175,55,.28),

            transparent 70%

        );

    animation:

        ddsBathroomGlow 2.5s ease-in-out infinite;

}


.dds-bathroom-loader-old,
.dds-bathroom-loader-new{

    position:absolute;

    z-index:2;

    font-size:78px;

}


.dds-bathroom-loader-old{

    animation:

        ddsBathroomOld 3s ease-in-out infinite;

}


.dds-bathroom-loader-new{

    opacity:0;

    animation:

        ddsBathroomNew 3s ease-in-out infinite;

}


.dds-bathroom-loader-hammer{

    position:absolute;

    top:35px;

    right:55px;

    z-index:4;

    font-size:48px;

    transform-origin:bottom left;

    animation:

        ddsBathroomHammer 3s ease-in-out infinite;

}


.dds-bathroom-loader-spark{

    position:absolute;

    z-index:5;

    width:7px;

    height:7px;

    border-radius:50%;

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

    box-shadow:

        0 0 15px var(--dds-gold);

}


.dds-bathroom-loader-spark:nth-of-type(5){

    left:80px;

    top:80px;

    animation:

        ddsBathroomSparkOne 1.2s .1s infinite;

}


.dds-bathroom-loader-spark:nth-of-type(6){

    left:125px;

    top:95px;

    animation:

        ddsBathroomSparkTwo 1.2s .3s infinite;

}


.dds-bathroom-loader-spark:nth-of-type(7){

    left:95px;

    top:105px;

    animation:

        ddsBathroomSparkThree 1.2s .5s infinite;

}


.dds-bathroom-loader-content{

    width:min(320px,85vw);

    text-align:center;

}


.dds-bathroom-loader-title{

    color:var(--dds-gold);

    font-size:48px;

    font-weight:800;

    letter-spacing:12px;

    text-shadow:

        0 0 12px rgba(212,175,55,.5),

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

}


.dds-bathroom-loader-subtitle{

    margin-top:5px;

    color:#999;

    font-size:11px;

    letter-spacing:4px;

}


.dds-bathroom-loader-progress{

    width:100%;

    height:4px;

    margin-top:28px;

    overflow:hidden;

    border-radius:10px;

    background:#292929;

}


.dds-bathroom-loader-fill{

    width:0;

    height:100%;

    border-radius:10px;

    background:

        linear-gradient(

            90deg,

            var(--dds-gold-dark),

            var(--dds-gold),

            var(--dds-gold-light),

            var(--dds-gold)

        );

    box-shadow:

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

    animation:

        ddsBathroomProgress 3s ease-in-out forwards;

}


.dds-bathroom-loader-text{

    margin-top:18px;

    color:#888;

    font-size:12px;

    letter-spacing:1px;

    animation:

        ddsBathroomText 1.5s ease-in-out infinite;

}


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

.dds-bathroom-hero-banner{

    position:relative;

    min-height:850px;

    display:flex;

    align-items:center;

    padding:150px 0 110px;

    background:#000;

}


.dds-bathroom-video{

    position:absolute;

    inset:0;

    z-index:0;

    width:100%;

    height:100%;

    object-fit:cover;

}


.dds-bathroom-overlay{

    position:absolute;

    inset:0;

    z-index:1;

    background:

        linear-gradient(

            90deg,

            rgba(0,0,0,.94) 0%,

            rgba(0,0,0,.68) 48%,

            rgba(0,0,0,.80) 100%

        );

}


.dds-bathroom-hero-banner .container{

    position:relative;

    z-index:4;

}


.dds-bathroom-shape{

    position:absolute;

    z-index:2;

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

    border-radius:50%;

    pointer-events:none;

}


.bathroom-shape1{

    top:70px;

    right:-180px;

    width:520px;

    height:520px;

    animation:

        ddsRotate 30s linear infinite;

}


.bathroom-shape2{

    bottom:-140px;

    left:-150px;

    width:350px;

    height:350px;

    animation:

        ddsRotate 22s linear infinite reverse;

}


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

.dds-bathroom-content{

    padding:25px 0;

}


.dds-bathroom-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-bottom:25px;

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

    font-size:11px;

    font-weight:700;

    letter-spacing:2px;

}


.dds-bathroom-tag i{

    font-size:18px;

}


.dds-bathroom-content h1{

    margin-bottom:25px;

    color:#fff;

    font-size:clamp(42px,5vw,68px);

    line-height:1.1;

    font-weight:700;

}


.dds-bathroom-content h1 span{

    display:block;

    color:var(--dds-gold);

}


.dds-bathroom-content > p{

    max-width:680px;

    margin-bottom:32px;

    color:#d0d0d0;

    font-size:16px;

    line-height:1.9;

}


/*==================================================
    BUTTON SYSTEM
==================================================*/

.primary-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    min-height:52px;

    padding:0 28px;

    color:#111 !important;

    background:var(--dds-gold);

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

    border-radius:5px;

    font-size:13px;

    font-weight:700;

    letter-spacing:.4px;

    text-align:center;

    text-decoration:none !important;

    cursor:pointer;

    transition:

        transform .35s ease,

        background .35s ease,

        box-shadow .35s ease,

        border-color .35s ease;

}


.primary-btn:hover{

    color:#111 !important;

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

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

    transform:translateY(-4px);

    box-shadow:

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

}


.primary-btn.white{

    color:#fff !important;

    background:transparent;

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

}


.primary-btn.white:hover{

    color:#111 !important;

    background:#fff;

    border-color:#fff;

}


.dds-bathroom-buttons{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    gap:15px;

}


/*==================================================
    INFO CARD
==================================================*/

.dds-bathroom-info-card{

    padding:34px;

    background:

        linear-gradient(

            145deg,

            rgba(255,255,255,.10),

            rgba(255,255,255,.03)

        );

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

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

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

    backdrop-filter:blur(15px);

    transition:

        transform .5s ease,

        border-color .5s ease;

}


.dds-bathroom-info-card:hover{

    transform:translateY(-8px);

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

}


.dds-bathroom-card-header h3{

    margin-bottom:8px;

    color:#fff;

    font-size:23px;

}


.dds-bathroom-card-header p{

    margin-bottom:25px;

    color:#aaa;

    font-size:13px;

}


.dds-bathroom-list{

    padding:0;

    margin:0 0 25px;

    list-style:none;

}


.dds-bathroom-list li{

    display:flex;

    align-items:center;

    gap:12px;

    padding:11px 0;

    color:#ddd;

    font-size:14px;

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

}


.dds-bathroom-list li i{

    color:var(--dds-gold);

}


.dds-bathroom-info-card > .primary-btn{

    width:100%;

    display:flex;

    margin:25px auto 0;

}


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

.dds-bathroom-stats{

    margin-top:55px;

}


.dds-bathroom-stat-box{

    padding:18px 10px;

    text-align:center;

}


.dds-bathroom-stat-box h2{

    margin-bottom:5px;

    color:var(--dds-gold);

    font-size:32px;

    font-weight:700;

}


.dds-bathroom-stat-box span{

    color:#aaa;

    font-size:11px;

    letter-spacing:.5px;

}


/*==================================================
    IMAGE BLOCKS
==================================================*/

.dds-bathroom-image{

    width:100%;

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

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

    transition:

        transform .7s ease,

        box-shadow .7s ease;

}


.dds-bathroom-image:hover{

    transform:scale(1.025);

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

}


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

.dds-bathroom-service-card,
.dds-bathroom-style-card,
.dds-bathroom-process-card,
.dds-bathroom-review-card{

    height:100%;

    padding:30px;

    background:

        linear-gradient(

            145deg,

            #181818,

            #0d0d0d

        );

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

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

    transition:

        transform .45s ease,

        border-color .45s ease,

        box-shadow .45s ease;

}


.dds-bathroom-service-card:hover,
.dds-bathroom-style-card:hover,
.dds-bathroom-process-card:hover,
.dds-bathroom-review-card:hover{

    transform:translateY(-10px);

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

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

}


.dds-bathroom-service-card i{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:62px;

    height:62px;

    margin-bottom:22px;

    color:var(--dds-gold);

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

    border-radius:50%;

    font-size:25px;

}


.dds-bathroom-service-card h4,
.dds-bathroom-style-card h4,
.dds-bathroom-process-card h4{

    margin-bottom:12px;

    color:#fff;

    font-size:20px;

}


.dds-bathroom-service-card p,
.dds-bathroom-style-card p,
.dds-bathroom-process-card p{

    margin:0;

    color:#999;

    font-size:14px;

    line-height:1.8;

}


/*==================================================
    STYLE CARD
==================================================*/

.dds-bathroom-style-card{

    padding:0;

    overflow:hidden;

}


.dds-bathroom-style-card img{

    width:100%;

    height:250px;

    object-fit:cover;

    transition:

        transform .7s ease;

}


.dds-bathroom-style-card:hover img{

    transform:scale(1.08);

}


.dds-bathroom-style-content{

    padding:24px;

}


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

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

    position:relative;

    min-height:420px;

    overflow:hidden;

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

    background:#111;

}


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

    width:100%;

    height:420px;

    object-fit:cover;

    transition:

        transform .8s ease;

}


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

    transform:scale(1.08);

}


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

    position:absolute;

    right:0;

    bottom:0;

    left:0;

    padding:28px;

    background:

        linear-gradient(

            transparent,

            rgba(0,0,0,.95)

        );

}


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

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

    font-size:11px;

    font-weight:700;

    letter-spacing:2px;

}


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

    margin:8px 0;

    color:#fff;

}


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

    margin:0;

    color:#ccc;

    font-size:13px;

}


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

.dds-bathroom-process-card{

    position:relative;

    text-align:center;

}


.dds-process-number{

    display:flex;

    align-items:center;

    justify-content:center;

    width:60px;

    height:60px;

    margin:0 auto 22px;

    color:#111;

    background:var(--dds-gold);

    border-radius:50%;

    font-size:20px;

    font-weight:700;

}


/*==================================================
    ACHIEVEMENTS
==================================================*/

.dds-achievement-box{

    padding:30px 15px;

    text-align:center;

}


.dds-achievement-box h2{

    color:var(--dds-gold);

    font-size:42px;

}


.dds-achievement-box p{

    margin:0;

    color:#aaa;

    font-size:13px;

}


/*==================================================
    TESTIMONIALS
==================================================*/

.dds-bathroom-review-card{

    padding:30px;

}


.dds-review-stars{

    margin-bottom:18px;

    color:var(--dds-gold);

    letter-spacing:3px;

}


.dds-bathroom-review-card p{

    color:#ccc;

    font-size:14px;

    line-height:1.9;

}


.dds-bathroom-review-card h5{

    margin-top:20px;

    margin-bottom:3px;

    color:#fff;

}


.dds-bathroom-review-card span{

    color:#888;

    font-size:12px;

}


/*==================================================
    CONSULTATION
==================================================*/

.dds-bathroom-consultation{

    position:relative;

    padding:80px 0;

    background:

        linear-gradient(

            110deg,

            #1b1609,

            #0b0b0b

        );

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

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

}


.dds-bathroom-consultation h2{

    margin-bottom:12px;

    color:#fff;

    font-size:38px;

}


.dds-bathroom-consultation p{

    margin:0;

    color:#aaa;

}


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

.dds-bathroom-contact-wrapper{

    padding:35px;

    background:#151515;

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

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

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

}


.dds-bathroom-info-box{

    margin-bottom:28px;

}


.dds-bathroom-info-box i{

    margin-bottom:10px;

    color:var(--dds-gold);

    font-size:22px;

}


.dds-bathroom-info-box h4{

    margin-bottom:8px;

    color:#fff;

    font-size:17px;

}


.dds-bathroom-info-box p{

    margin:0;

    color:#999;

    font-size:13px;

    line-height:1.8;

}


.dds-input{

    position:relative;

    margin-bottom:20px;

}


.dds-input i{

    position:absolute;

    top:18px;

    left:18px;

    z-index:2;

    color:var(--dds-gold);

}


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

    width:100%;

    padding:

        15px

        18px

        15px

        48px;

    color:#fff;

    background:#0d0d0d;

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

    border-radius:6px;

    outline:none;

    transition:

        border-color .35s ease,

        box-shadow .35s ease;

}


.dds-input textarea{

    min-height:150px;

    resize:vertical;

}


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

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

    box-shadow:

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

}


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

    color:#777;

}


.dds-btn-group{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    gap:15px;

}


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

    min-height:52px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    padding:0 25px;

    border-radius:5px;

    font-size:13px;

    font-weight:700;

    text-decoration:none;

    cursor:pointer;

}


.dds-btn-group button{

    color:#111;

    background:var(--dds-gold);

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

}


.dds-btn-group button:hover{

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

    transform:translateY(-3px);

}


.dds-btn-group a{

    color:#fff;

    background:transparent;

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

}


.dds-btn-group a:hover{

    color:#111;

    background:#fff;

}


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

.footer-area{

    background:#050505;

    color:#fff;

}


.footer-area h5{

    margin-bottom:20px;

    color:var(--dds-gold);

    font-size:18px;

}


.footer-area p{

    color:#999;

    font-size:13px;

    line-height:1.9;

}


.footer-nav{

    padding:0;

    margin:0;

    list-style:none;

}


.footer-nav li{

    padding:6px 0;

    color:#999;

    font-size:13px;

}


.footer-area hr{

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

}


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

.dds-whatsapp-float{

    position:fixed;

    right:25px;

    bottom:25px;

    z-index:999;

    display:flex;

    align-items:center;

    justify-content:center;

    width:58px;

    height:58px;

    color:#fff;

    background:#25d366;

    border-radius:50%;

    font-size:28px;

    text-decoration:none;

    box-shadow:

        0 10px 30px rgba(0,0,0,.35);

}


.dds-whatsapp-float:hover{

    color:#fff;

    transform:scale(1.1);

}


/*==================================================
    HERO SCROLL BUTTON
==================================================*/

.dds-bathroom-scroll{

    position:absolute;

    bottom:30px;

    left:50%;

    z-index:5;

    display:flex;

    align-items:center;

    justify-content:center;

    width:44px;

    height:44px;

    color:var(--dds-gold);

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

    border-radius:50%;

    transform:translateX(-50%);

    animation:

        ddsScroll 1.8s ease-in-out infinite;

}


.dds-bathroom-scroll:hover{

    color:#111;

    background:var(--dds-gold);

}


/*==================================================
    ANIMATIONS
==================================================*/

@keyframes ddsBathroomGlow{

    0%,
    100%{

        transform:scale(.9);

        opacity:.5;

    }

    50%{

        transform:scale(1.15);

        opacity:1;

    }

}


@keyframes ddsBathroomOld{

    0%,
    60%{

        opacity:.85;

        transform:scale(1);

    }

    75%,
    100%{

        opacity:0;

        transform:scale(.5) rotate(-10deg);

    }

}


@keyframes ddsBathroomNew{

    0%,
    55%{

        opacity:0;

        transform:scale(.5);

    }

    75%,
    100%{

        opacity:1;

        transform:scale(1);

    }

}


@keyframes ddsBathroomHammer{

    0%,
    35%{

        transform:rotate(0);

    }

    50%{

        transform:rotate(-45deg);

    }

    65%{

        transform:rotate(25deg);

    }

    80%,
    100%{

        transform:rotate(0);

    }

}


@keyframes ddsBathroomSparkOne{

    0%{

        opacity:0;

        transform:translate(0,0);

    }

    30%{

        opacity:1;

    }

    100%{

        opacity:0;

        transform:translate(-35px,-40px);

    }

}


@keyframes ddsBathroomSparkTwo{

    0%{

        opacity:0;

        transform:translate(0,0);

    }

    30%{

        opacity:1;

    }

    100%{

        opacity:0;

        transform:translate(35px,-45px);

    }

}


@keyframes ddsBathroomSparkThree{

    0%{

        opacity:0;

        transform:translate(0,0);

    }

    30%{

        opacity:1;

    }

    100%{

        opacity:0;

        transform:translate(-20px,35px);

    }

}


@keyframes ddsBathroomProgress{

    from{

        width:0;

    }

    to{

        width:100%;

    }

}


@keyframes ddsBathroomText{

    0%,
    100%{

        opacity:.4;

    }

    50%{

        opacity:1;

    }

}


@keyframes ddsRotate{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}


@keyframes ddsScroll{

    0%,
    100%{

        transform:translate(-50%,0);

    }

    50%{

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

    }

}


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


@media(max-width:1199px){

    .dds-bathroom-content h1{

        font-size:56px;

    }

    .dds-bathroom-info-card{

        padding:28px;

    }

}


@media(max-width:991px){

    .dds-bathroom-hero-banner{

        min-height:auto;

        padding:

            155px

            0

            100px;

    }


    .dds-bathroom-content{

        text-align:center;

    }


    .dds-bathroom-content > p{

        margin-right:auto;

        margin-left:auto;

    }


    .dds-bathroom-buttons{

        justify-content:center;

    }


    .dds-bathroom-info-card{

        margin-top:55px;

    }


    .dds-bathroom-stat-box{

        margin-top:15px;

    }


    .dds-section-title h2{

        font-size:36px;

    }


    .dds-bathroom-consultation{

        text-align:center;

    }


    .dds-bathroom-consultation .primary-btn{

        margin-top:25px;

    }


    .dds-bathroom-consultation .text-lg-right{

        text-align:center !important;

    }


    .dds-bathroom-contact-wrapper{

        margin-top:30px;

    }

}


@media(max-width:767px){

    .section-gap{

        padding:78px 0;

    }


    .dds-bathroom-content h1{

        font-size:42px;

    }


    .dds-bathroom-content > p{

        font-size:14px;

    }


    .dds-section-title h2{

        font-size:31px;

    }


    .dds-bathroom-info-card{

        padding:24px;

    }


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

        min-height:350px;

    }


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

        height:350px;

    }


    .dds-bathroom-contact-wrapper{

        padding:24px;

    }


    .dds-bathroom-consultation{

        padding:65px 0;

    }


    .dds-bathroom-consultation h2{

        font-size:31px;

    }

}


@media(max-width:575px){

    .dds-bathroom-hero-banner{

        padding:

            130px

            0

            85px;

    }


    .dds-bathroom-content h1{

        font-size:34px;

    }


    .dds-bathroom-tag{

        font-size:9px;

        letter-spacing:1.3px;

    }


    .dds-bathroom-buttons{

        flex-direction:column;

        align-items:stretch;

    }


    .dds-bathroom-buttons .primary-btn{

        width:100%;

    }


    .dds-bathroom-info-card > .primary-btn{

        width:100%;

    }


    .dds-bathroom-stat-box h2{

        font-size:25px;

    }


    .dds-bathroom-stat-box span{

        font-size:9px;

    }


    .dds-btn-group{

        flex-direction:column;

        align-items:stretch;

    }


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

        width:100%;

    }


    .dds-whatsapp-float{

        right:18px;

        bottom:18px;

        width:52px;

        height:52px;

        font-size:23px;

    }


    .dds-bathroom-scroll{

        bottom:20px;

        width:38px;

        height:38px;

    }


    .dds-bathroom-loader-scene{

        transform:scale(.82);

    }


    .dds-bathroom-loader-title{

        font-size:40px;

    }


    .dds-bathroom-loader-subtitle{

        font-size:9px;

        letter-spacing:2px;

    }

}


/*==================================================
    ACCESSIBILITY
==================================================*/

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

    *,
    *::before,
    *::after{

        animation-duration:.01ms !important;

        animation-iteration-count:1 !important;

        scroll-behavior:auto !important;

        transition-duration:.01ms !important;

    }

}