/*=========================================
    Dream Sofa House - Premium Header
=========================================*/

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

/*=========================
Variables
=========================*/

:root{

    --primary:#1E3A8A;
    --secondary:#0F172A;
    --accent:#F59E0B;

    --white:#ffffff;
    --light:#F8FAFC;

    --text:#111827;
    --text-light:#6B7280;

    --border:#E5E7EB;

    --shadow:0 15px 40px rgba(15,23,42,.08);

    --transition:.35s ease;

}

/*=========================
Reset
=========================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family:'Inter',sans-serif;

    overflow-x:hidden;

    background:var(--light);

}

a{

    text-decoration:none;

}

ul{

    list-style:none;

}

img{

    display:block;

    max-width:100%;

}

.dsh-container{

    width:100%;

    max-width:1320px;

    margin:auto;

    padding:0 20px;

}

/*=========================================
Header
=========================================*/

.dsh-header{

    position:sticky;

    top:0;

    left:0;

    width:100%;

    background:#fff;

    z-index:9999;

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

    transition:var(--transition);

}

/* Sticky Effect */

.dsh-header.sticky{

    box-shadow:var(--shadow);

}

/*=========================
Container
=========================*/

.dsh-header .dsh-container{

    display:flex;

    align-items:center;

    justify-content:space-between;

    height:90px;

}

/*=========================
Logo
=========================*/

.dsh-logo img{

    height:90px;

    transition:.3s;

}

/*=========================
Navigation
=========================*/

.dsh-nav ul{

    display:flex;

    align-items:center;

    gap:38px;

}

.dsh-nav ul li{

    position:relative;

}

.dsh-nav ul li a{

    position:relative;

    font-size:16px;

    font-weight:600;

    color:var(--text);

    font-family:'Poppins',sans-serif;

    transition:.3s;

}

/* Hover */

.dsh-nav ul li a:hover{

    color:var(--primary);

}

/* Underline */

.dsh-nav ul li a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-10px;

    width:0;

    height:3px;

    background:var(--accent);

    border-radius:30px;

    transition:.35s;

}

.dsh-nav ul li a:hover::after,

.dsh-nav ul li a.active::after{

    width:100%;

}

.dsh-nav ul li a.active{

    color:var(--primary);

}

/*=========================
Right Area
=========================*/

.dsh-right{

    display:flex;

    align-items:center;

    gap:18px;

}

/*=========================
Phone
=========================*/

.dsh-phone{

    display:flex;

    align-items:center;

    gap:10px;

    color:var(--secondary);

    font-weight:600;

}

.dsh-phone i{

    width:45px;

    height:45px;

    background:var(--primary);

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}

.dsh-phone:hover i{

    background:var(--accent);

    transform:rotate(-12deg);

}

/*=========================
Button
=========================*/

.dsh-btn{

    background:var(--accent);

    color:#fff;

    padding:15px 28px;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

    font-family:'Poppins',sans-serif;

    box-shadow:0 15px 30px rgba(245,158,11,.25);

}

.dsh-btn:hover{

    background:var(--primary);

    transform:translateY(-4px);

}

/*=========================
Toggle
=========================*/

.dsh-toggle{

    display:none;

    width:50px;

    height:50px;

    background:var(--primary);

    border-radius:12px;

    cursor:pointer;

    align-items:center;

    justify-content:center;

    flex-direction:column;

    gap:6px;

}

.dsh-toggle span{

    width:24px;

    height:2px;

    background:#fff;

    border-radius:20px;

    transition:.3s;

}

/*=========================================
        MOBILE MENU
=========================================*/

.dsh-mobile-menu{

    position:fixed;
    top:0;
    right:-100%;

    width:360px;
    max-width:100%;

    height:100vh;

    background:#ffffff;

    z-index:99999;

    transition:.45s ease;

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

    display:flex;

    flex-direction:column;

}

.dsh-mobile-menu.active{

    right:0;

}


/*==============================
Top
==============================*/

.dsh-mobile-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:25px;

    border-bottom:1px solid #ECECEC;

}

.dsh-mobile-top img{

    height:55px;

}

.dsh-close{

    width:45px;

    height:45px;

    background:var(--primary);

    color:#fff;

    border-radius:12px;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

    transition:.3s;

}

.dsh-close:hover{

    background:var(--accent);

}


/*==============================
Links
==============================*/

.dsh-mobile-menu ul{

    padding:25px 0;

}

.dsh-mobile-menu ul li{

    border-bottom:1px solid #F2F2F2;

}

.dsh-mobile-menu ul li a{

    display:block;

    padding:18px 30px;

    color:var(--text);

    font-size:17px;

    font-weight:600;

    font-family:'Poppins',sans-serif;

    transition:.35s;

}

.dsh-mobile-menu ul li a:hover{

    color:#fff;

    background:var(--primary);

    padding-left:45px;

}


/*==============================
Buttons
==============================*/

.dsh-mobile-buttons{

    margin-top:auto;

    padding:25px;

}

.dsh-mobile-buttons a{

    display:flex;

    align-items:center;

    justify-content:center;

    height:55px;

    border-radius:12px;

    margin-bottom:15px;

    color:#fff;

    font-weight:700;

}

.dsh-mobile-buttons a:first-child{

    background:var(--primary);

}

.dsh-mobile-buttons a:last-child{

    background:#25D366;

}


/*==============================
Overlay
==============================*/

.dsh-overlay{

    position:fixed;

    inset:0;

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

    backdrop-filter:blur(4px);

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:9990;

}

.dsh-overlay.active{

    opacity:1;

    visibility:visible;

}


/*==============================
Hamburger Active
==============================*/

.dsh-toggle.active span:nth-child(1){

    transform:translateY(8px) rotate(45deg);

}

.dsh-toggle.active span:nth-child(2){

    opacity:0;

}

.dsh-toggle.active span:nth-child(3){

    transform:translateY(-8px) rotate(-45deg);

}


/*=========================================
Responsive
=========================================*/

@media(max-width:1100px){

    .dsh-nav ul{

        gap:24px;

    }

    .dsh-phone span{

        display:none;

    }

}


@media(max-width:991px){

    .dsh-nav{

        display:none;

    }

    .dsh-right{

        display:none;

    }

    .dsh-toggle{

        display:flex;

    }

    .dsh-header .dsh-container{

        height:82px;

    }

}


@media(max-width:768px){

    .dsh-container{

        padding:0 16px;

    }

    .dsh-logo img{

        height:52px;

    }

    .dsh-mobile-menu{

        width:100%;

    }

}


@media(max-width:480px){

    .dsh-header .dsh-container{

        height:75px;

    }

    .dsh-logo img{

        height:46px;

    }

    .dsh-toggle{

        width:46px;

        height:46px;

    }

    .dsh-mobile-top{

        padding:20px;

    }

    .dsh-mobile-menu ul li a{

        padding:16px 22px;

        font-size:16px;

    }

    .dsh-mobile-buttons{

        padding:20px;

    }

}

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

.dsh-hero{

    position:relative;

    overflow:hidden;

    padding:90px 0 140px;

    background:
    linear-gradient(135deg,#07152F 0%,#123B92 55%,#2E63DA 100%);

}


/*=========================================
Background Glow
=========================================*/

.dsh-hero-circle{

    position:absolute;

    border-radius:50%;

    filter:blur(120px);

    z-index:1;

}

.dsh-circle-1{

    width:420px;

    height:420px;

    background:#F59E0B;

    top:-150px;

    right:-120px;

    opacity:.22;

}

.dsh-circle-2{

    width:380px;

    height:380px;

    background:#ffffff;

    left:-140px;

    bottom:-120px;

    opacity:.08;

}


/*=========================================
Container
=========================================*/

.dsh-hero .dsh-container{

    position:relative;

    z-index:5;

}


/*=========================================
Hero Content
=========================================*/

.dsh-hero-content{

    max-width:900px;

    margin:auto;

    text-align:center;

}


/* Badge */

.dsh-hero-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:14px 28px;

    border-radius:100px;

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

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

    backdrop-filter:blur(20px);

    color:#ffffff;

    font-size:15px;

    font-weight:600;

    margin-bottom:28px;

}


/*=========================================
Heading
=========================================*/

.dsh-hero-content h1{

    font-size:72px;

    line-height:1.1;

    font-weight:800;

    font-family:'Poppins',sans-serif;

    color:#ffffff;

    margin-bottom:28px;

}

.dsh-hero-content h1 span{

    color:#F59E0B;

    position:relative;

}

.dsh-hero-content h1 span::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-8px;

    width:100%;

    height:6px;

    background:#F59E0B;

    opacity:.35;

    border-radius:30px;

}


/*=========================================
Description
=========================================*/

.dsh-hero-content p{

    max-width:760px;

    margin:auto;

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

    font-size:19px;

    line-height:34px;

    margin-bottom:45px;

}


/*=========================================
Buttons
=========================================*/

.dsh-hero-buttons{

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

}

.dsh-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:17px 34px;

    background:#F59E0B;

    color:#ffffff;

    border-radius:60px;

    font-weight:700;

    transition:.35s;

    box-shadow:0 20px 45px rgba(245,158,11,.30);

}

.dsh-btn:hover{

    background:#ffffff;

    color:#123B92;

    transform:translateY(-5px);

}

.dsh-btn-outline{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:17px 34px;

    border:2px solid rgba(255,255,255,.20);

    border-radius:60px;

    color:#ffffff;

    font-weight:700;

    transition:.35s;

    backdrop-filter:blur(12px);

}

.dsh-btn-outline:hover{

    background:#ffffff;

    color:#123B92;

}


/*=========================================
Hero Image
=========================================*/

.dsh-hero-image{

    margin-top:70px;

    text-align:center;

}

.dsh-hero-image img{

    width:100%;

    max-width:850px;

    filter:drop-shadow(0 40px 60px rgba(0,0,0,.28));

}

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

.dsh-hero-stats{

    display:grid;

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

    gap:25px;

    margin-top:70px;

}

.dsh-stat-box{

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

    backdrop-filter:blur(18px);

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

    border-radius:22px;

    padding:28px 20px;

    text-align:center;

    transition:.4s ease;

}

.dsh-stat-box:hover{

    transform:translateY(-8px);

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

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

}

.dsh-stat-box h3{

    color:#F59E0B;

    font-size:34px;

    font-weight:800;

    margin-bottom:8px;

    font-family:'Poppins',sans-serif;

}

.dsh-stat-box span{

    color:#ffffff;

    font-size:15px;

    font-weight:500;

}


/*=========================================
Scroll Down
=========================================*/

.dsh-scroll-down{

    position:absolute;

    left:50%;

    bottom:30px;

    transform:translateX(-50%);

    width:54px;

    height:54px;

    border-radius:50%;

    background:#ffffff;

    color:#123B92;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:20px;

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

    animation:dshBounce 2s infinite;

    transition:.35s;

}

.dsh-scroll-down:hover{

    background:#F59E0B;

    color:#ffffff;

}


/*=========================================
Image Float Animation
=========================================*/

.dsh-hero-image img{

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

}

@keyframes dshFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-18px);

    }

    100%{

        transform:translateY(0);

    }

}


/*=========================================
Bounce Animation
=========================================*/

@keyframes dshBounce{

    0%,20%,50%,80%,100%{

        transform:translateX(-50%) translateY(0);

    }

    40%{

        transform:translateX(-50%) translateY(-10px);

    }

    60%{

        transform:translateX(-50%) translateY(-5px);

    }

}


/*=========================================
Responsive
=========================================*/

@media(max-width:991px){

    .dsh-hero{

        padding:70px 0 120px;

    }

    .dsh-hero-content h1{

        font-size:52px;

    }

    .dsh-hero-content p{

        font-size:17px;

        line-height:30px;

    }

    .dsh-hero-stats{

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

    }

    .dsh-hero-image img{

        max-width:650px;

    }

}

@media(max-width:767px){

    .dsh-hero{

        padding:60px 0 100px;

    }

    .dsh-hero-content h1{

        font-size:40px;

    }

    .dsh-hero-badge{

        font-size:13px;

        padding:12px 20px;

    }

    .dsh-hero-buttons{

        flex-direction:column;

        align-items:center;

    }

    .dsh-btn,
    .dsh-btn-outline{

        width:100%;

        max-width:300px;

    }

    .dsh-hero-image{

        margin-top:45px;

    }

    .dsh-hero-stats{

        grid-template-columns:1fr;

        gap:18px;

        margin-top:40px;

    }

}

@media(max-width:480px){

    .dsh-hero-content h1{

        font-size:32px;

    }

    .dsh-hero-content p{

        font-size:15px;

        line-height:28px;

    }

    .dsh-scroll-down{

        width:46px;

        height:46px;

        font-size:18px;

    }

}

/*=========================================
        ABOUT SECTION
=========================================*/

.dsh-about{

    position:relative;

    padding:120px 0;

    background:#ffffff;

}

.dsh-about-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}


/*=========================================
Left Side
=========================================*/

.dsh-about-left{

    position:relative;

}

.dsh-about-image-box{

    position:relative;

    border-radius:30px;

    overflow:hidden;

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

}

.dsh-about-image-box img{

    width:100%;

    display:block;

    transition:.5s;

}

.dsh-about-image-box:hover img{

    transform:scale(1.05);

}


/*=========================================
Experience Card
=========================================*/

.dsh-exp-card{

    position:absolute;

    bottom:30px;

    left:30px;

    background:#1E3A8A;

    color:#ffffff;

    padding:25px 35px;

    border-radius:20px;

    box-shadow:0 20px 45px rgba(30,58,138,.25);

}

.dsh-exp-card h2{

    font-size:46px;

    font-weight:800;

    color:#F59E0B;

    margin-bottom:5px;

}

.dsh-exp-card span{

    font-size:16px;

    font-weight:500;

}


/*=========================================
Right Side
=========================================*/

.dsh-section-tag{

    display:inline-block;

    padding:12px 24px;

    background:#EEF4FF;

    color:#1E3A8A;

    border-radius:50px;

    font-size:14px;

    font-weight:700;

    margin-bottom:25px;

}

.dsh-about-right h2{

    font-size:52px;

    line-height:1.2;

    color:#0F172A;

    margin-bottom:25px;

    font-family:'Poppins',sans-serif;

}

.dsh-about-right h2 span{

    color:#F59E0B;

}

.dsh-about-right p{

    color:#6B7280;

    font-size:17px;

    line-height:32px;

    margin-bottom:20px;

}


/*=========================================
Features
=========================================*/

.dsh-about-features{

    display:grid;

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

    gap:18px;

    margin:35px 0;

}

.dsh-about-item{

    display:flex;

    align-items:center;

    gap:12px;

    font-size:16px;

    font-weight:600;

    color:#111827;

}

.dsh-about-item i{

    color:#F59E0B;

    font-size:18px;

}


/*=========================================
Button
=========================================*/

.dsh-about .dsh-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 34px;

    background:#1E3A8A;

    color:#ffffff;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

    box-shadow:0 18px 40px rgba(30,58,138,.20);

}

.dsh-about .dsh-btn:hover{

    background:#F59E0B;

    transform:translateY(-5px);

}


/*=========================================
        ABOUT DECORATIONS
=========================================*/

.dsh-about::before{

    content:"";

    position:absolute;

    top:80px;

    right:-120px;

    width:280px;

    height:280px;

    background:rgba(245,158,11,.08);

    border-radius:50%;

    filter:blur(10px);

}

.dsh-about::after{

    content:"";

    position:absolute;

    bottom:60px;

    left:-80px;

    width:220px;

    height:220px;

    background:rgba(30,58,138,.05);

    border-radius:50%;

}

/*=========================================
Image Decoration
=========================================*/

.dsh-about-image-box::before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    border:4px solid #F59E0B;

    border-radius:30px;

    top:-20px;

    left:-20px;

    z-index:-1;

}

.dsh-about-image-box::after{

    content:"";

    position:absolute;

    width:140px;

    height:140px;

    background:#1E3A8A;

    border-radius:25px;

    right:-18px;

    bottom:-18px;

    z-index:-1;

}


/*=========================================
Feature Hover
=========================================*/

.dsh-about-item{

    transition:.35s;

}

.dsh-about-item:hover{

    transform:translateX(8px);

    color:#1E3A8A;

}

.dsh-about-item i{

    transition:.35s;

}

.dsh-about-item:hover i{

    transform:scale(1.2);

}


/*=========================================
Experience Card Animation
=========================================*/

.dsh-exp-card{

    animation:dshExperienceFloat 3.5s ease-in-out infinite;

}

@keyframes dshExperienceFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

    100%{

        transform:translateY(0);

    }

}


/*=========================================
Section Animation
=========================================*/

.dsh-about-left,
.dsh-about-right{

    animation:dshFadeUp .9s ease;

}

@keyframes dshFadeUp{

    from{

        opacity:0;

        transform:translateY(50px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}


/*=========================================
Responsive
=========================================*/

@media(max-width:1100px){

    .dsh-about-wrapper{

        gap:50px;

    }

    .dsh-about-right h2{

        font-size:42px;

    }

}

@media(max-width:991px){

    .dsh-about{

        padding:90px 0;

    }

    .dsh-about-wrapper{

        grid-template-columns:1fr;

    }

    .dsh-about-left{

        order:2;

    }

    .dsh-about-right{

        order:1;

    }

    .dsh-about-right{

        text-align:center;

    }

    .dsh-about-features{

        justify-content:center;

    }

    .dsh-exp-card{

        left:20px;

        bottom:20px;

    }

}

@media(max-width:768px){

    .dsh-about-right h2{

        font-size:34px;

    }

    .dsh-about-features{

        grid-template-columns:1fr;

        gap:15px;

    }

    .dsh-about-item{

        justify-content:center;

    }

    .dsh-exp-card{

        padding:20px;

    }

    .dsh-exp-card h2{

        font-size:34px;

    }

}

@media(max-width:480px){

    .dsh-about{

        padding:70px 0;

    }

    .dsh-about-right h2{

        font-size:28px;

    }

    .dsh-about-right p{

        font-size:15px;

        line-height:28px;

    }

    .dsh-section-tag{

        font-size:13px;

    }

    .dsh-exp-card{

        position:relative;

        left:0;

        bottom:0;

        width:100%;

        margin-top:15px;

        text-align:center;

    }

    .dsh-about-image-box::before,

    .dsh-about-image-box::after{

        display:none;

    }

}

/*=========================================
        OUR SERVICES
=========================================*/

.dsh-services{

    position:relative;

    padding:120px 0;

    background:#F8FAFC;

}

/*=========================================
Section Heading
=========================================*/

.dsh-section-title{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.dsh-section-title span{

    display:inline-block;

    padding:12px 24px;

    background:#EEF4FF;

    color:#1E3A8A;

    font-size:14px;

    font-weight:700;

    border-radius:50px;

    margin-bottom:20px;

    letter-spacing:.5px;

}

.dsh-section-title h2{

    font-size:50px;

    line-height:1.2;

    color:#0F172A;

    font-family:'Poppins',sans-serif;

    margin-bottom:22px;

    font-weight:800;

}

.dsh-section-title p{

    font-size:17px;

    line-height:32px;

    color:#6B7280;

}

/*=========================================
Services Grid
=========================================*/

.dsh-services-grid{

    display:grid;

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

    gap:30px;

}

/*=========================================
Service Card
=========================================*/

.dsh-service-card{

    position:relative;

    background:#ffffff;

    border-radius:24px;

    padding:40px 35px;

    overflow:hidden;

    transition:.4s ease;

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

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

}

/* Gold Top Border */

.dsh-service-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:0;

    height:5px;

    background:#F59E0B;

    transition:.4s;

}

.dsh-service-card:hover::before{

    width:100%;

}

.dsh-service-card:hover{

    transform:translateY(-12px);

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

}

/*=========================================
Icon
=========================================*/

.dsh-service-icon{

    width:80px;

    height:80px;

    border-radius:22px;

    background:#EEF4FF;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:28px;

    transition:.35s;

}

.dsh-service-icon i{

    font-size:34px;

    color:#1E3A8A;

    transition:.35s;

}

.dsh-service-card:hover .dsh-service-icon{

    background:#1E3A8A;

}

.dsh-service-card:hover .dsh-service-icon i{

    color:#F59E0B;

}

/*=========================================
Heading
=========================================*/

.dsh-service-card h3{

    font-size:24px;

    color:#111827;

    font-family:'Poppins',sans-serif;

    margin-bottom:16px;

}

/*=========================================
Paragraph
=========================================*/

.dsh-service-card p{

    color:#6B7280;

    font-size:16px;

    line-height:30px;

    margin-bottom:30px;

}

/*=========================================
Read More Button
=========================================*/

.dsh-service-card a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#1E3A8A;

    font-weight:700;

    transition:.35s;

}

.dsh-service-card a i{

    transition:.35s;

}

.dsh-service-card:hover a{

    color:#F59E0B;

}

.dsh-service-card:hover a i{

    transform:translateX(6px);

}

/*=========================================
        SERVICES DECORATION
=========================================*/

.dsh-services::before{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(30,58,138,.05);

    top:-120px;

    right:-120px;

}

.dsh-services::after{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    border-radius:50%;

    background:rgba(245,158,11,.08);

    left:-100px;

    bottom:40px;

}


/*=========================================
CARD HOVER EFFECT
=========================================*/

.dsh-service-card{

    isolation:isolate;

}

.dsh-service-card::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        135deg,
        rgba(30,58,138,.04),
        rgba(245,158,11,.03)
    );

    opacity:0;

    transition:.4s;

    z-index:-1;

}

.dsh-service-card:hover::after{

    opacity:1;

}


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

.dsh-service-card:hover .dsh-service-icon{

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

}


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

.dsh-service-card:hover h3{

    color:#1E3A8A;

}


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

.dsh-service-card a{

    position:relative;

}

.dsh-service-card a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-5px;

    width:0;

    height:2px;

    background:#F59E0B;

    transition:.35s;

}

.dsh-service-card:hover a::after{

    width:100%;

}


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

.dsh-service-card{

    animation:dshFadeUp .8s ease both;

}

.dsh-service-card:nth-child(2){

    animation-delay:.1s;

}

.dsh-service-card:nth-child(3){

    animation-delay:.2s;

}

.dsh-service-card:nth-child(4){

    animation-delay:.3s;

}

.dsh-service-card:nth-child(5){

    animation-delay:.4s;

}

.dsh-service-card:nth-child(6){

    animation-delay:.5s;

}

@keyframes dshFadeUp{

    from{

        opacity:0;

        transform:translateY(50px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}


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

@media(max-width:1100px){

    .dsh-services-grid{

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

    }

}

@media(max-width:768px){

    .dsh-services{

        padding:90px 0;

    }

    .dsh-section-title h2{

        font-size:36px;

    }

    .dsh-section-title p{

        font-size:16px;

        line-height:28px;

    }

    .dsh-services-grid{

        grid-template-columns:1fr;

    }

    .dsh-service-card{

        padding:35px 28px;

    }

}

@media(max-width:480px){

    .dsh-services{

        padding:70px 0;

    }

    .dsh-section-title{

        margin-bottom:45px;

    }

    .dsh-section-title h2{

        font-size:28px;

    }

    .dsh-service-icon{

        width:70px;

        height:70px;

    }

    .dsh-service-icon i{

        font-size:30px;

    }

}


/*=========================================
            GALLERY SECTION
=========================================*/

.dsh-gallery{

    padding:120px 0;

    background:#F8FAFC;

}

/*=========================================
Gallery Grid
=========================================*/

.dsh-gallery-grid{

    display:grid;

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

    gap:30px;

    margin-top:60px;

}

/*=========================================
Gallery Item
=========================================*/

.dsh-gallery-item{

    position:relative;

    overflow:hidden;

    border-radius:22px;

    background:#ffffff;

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

    transition:.4s ease;

}

/*=========================================
Image
=========================================*/

.dsh-gallery-item img{

    width:100%;

    height:320px;

    object-fit:cover;

    display:block;

    transition:.6s ease;

}

/*=========================================
Hover
=========================================*/

.dsh-gallery-item:hover{

    transform:translateY(-8px);

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

}

.dsh-gallery-item:hover img{

    transform:scale(1.08);

}

/*=========================================
        GALLERY PART-2
=========================================*/

/* Decorative Background */

.dsh-gallery{

    position:relative;

    overflow:hidden;

}

.dsh-gallery::before{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    border-radius:50%;

    background:rgba(30,58,138,.05);

    top:-120px;

    left:-120px;

}

.dsh-gallery::after{

    content:"";

    position:absolute;

    width:250px;

    height:250px;

    border-radius:50%;

    background:rgba(245,158,11,.08);

    right:-100px;

    bottom:-100px;

}

/* Gallery Grid Above Background */

.dsh-gallery .dsh-container{

    position:relative;

    z-index:2;

}

/* Card Animation */

.dsh-gallery-item{

    animation:dshGalleryFade .8s ease both;

}

.dsh-gallery-item:nth-child(2){

    animation-delay:.08s;

}

.dsh-gallery-item:nth-child(3){

    animation-delay:.16s;

}

.dsh-gallery-item:nth-child(4){

    animation-delay:.24s;

}

.dsh-gallery-item:nth-child(5){

    animation-delay:.32s;

}

.dsh-gallery-item:nth-child(6){

    animation-delay:.40s;

}

@keyframes dshGalleryFade{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/* Responsive */

@media(max-width:991px){

    .dsh-gallery{

        padding:90px 0;

    }

    .dsh-gallery-grid{

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

        gap:22px;

    }

    .dsh-gallery-item img{

        height:280px;

    }

}

@media(max-width:767px){

    .dsh-gallery-grid{

        grid-template-columns:1fr;

        gap:20px;

    }

    .dsh-gallery-item img{

        height:260px;

    }

}

@media(max-width:480px){

    .dsh-gallery{

        padding:70px 0;

    }

    .dsh-gallery-item{

        border-radius:18px;

    }

    .dsh-gallery-item img{

        height:220px;

    }

}

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

.dsh-footer{

    position:relative;

    background:#0F172A;

    padding:90px 0 0;

    overflow:hidden;

}

/* Decorative Circles */

.dsh-footer::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

    background:rgba(245,158,11,.05);

    top:-180px;

    right:-150px;

}

.dsh-footer::after{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    border-radius:50%;

    background:rgba(30,58,138,.10);

    left:-120px;

    bottom:-120px;

}

/*=========================================
Container
=========================================*/

.dsh-footer .dsh-container{

    position:relative;

    z-index:2;

}

/*=========================================
Grid
=========================================*/

.dsh-footer-grid{

    display:grid;

    grid-template-columns:1.4fr 1fr 1fr 1.2fr;

    gap:60px;

    padding-bottom:70px;

}

/*=========================================
Logo
=========================================*/

.dsh-footer-logo{

    height:65px;

    margin-bottom:25px;

}

/*=========================================
Paragraph
=========================================*/

.dsh-footer-box p{

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

    line-height:30px;

    font-size:16px;

    margin-bottom:30px;

}

/*=========================================
Heading
=========================================*/

.dsh-footer-box h3{

    color:#ffffff;

    font-size:24px;

    font-family:'Poppins',sans-serif;

    margin-bottom:28px;

    position:relative;

}

.dsh-footer-box h3::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-10px;

    width:45px;

    height:3px;

    background:#F59E0B;

    border-radius:30px;

}

/*=========================================
Links
=========================================*/

.dsh-footer-box ul{

    list-style:none;

    padding:0;

}

.dsh-footer-box ul li{

    margin-bottom:16px;

}

.dsh-footer-box ul li a{

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

    transition:.35s;

}

.dsh-footer-box ul li a:hover{

    color:#F59E0B;

    padding-left:8px;

}

/*=========================================
Contact
=========================================*/

.dsh-contact-list li{

    display:flex;

    align-items:flex-start;

    gap:15px;

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

    line-height:28px;

}

.dsh-contact-list i{

    color:#F59E0B;

    width:20px;

    margin-top:4px;

}

/*=========================================
Social
=========================================*/

.dsh-footer-social{

    display:flex;

    gap:15px;

}

.dsh-footer-social a{

    width:48px;

    height:48px;

    border-radius:50%;

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

    display:flex;

    align-items:center;

    justify-content:center;

    color:#ffffff;

    transition:.35s;

}

.dsh-footer-social a:hover{

    background:#F59E0B;

    transform:translateY(-6px);

}

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

.dsh-footer-bottom{

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

    padding:25px 0;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

}

.dsh-footer-bottom p{

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

    font-size:15px;

    margin:0;

}

.dsh-footer-bottom a{

    color:#F59E0B;

    font-weight:600;

    transition:.3s;

}

.dsh-footer-bottom a:hover{

    color:#ffffff;

}


/*=========================================
Footer Hover Effects
=========================================*/

.dsh-footer-box{

    transition:.35s ease;

}

.dsh-footer-box:hover{

    transform:translateY(-5px);

}

.dsh-footer-box ul li{

    transition:.3s;

}

.dsh-footer-box ul li:hover{

    transform:translateX(6px);

}


/*=========================================
Logo Hover
=========================================*/

.dsh-footer-logo{

    transition:.35s;

}

.dsh-footer-logo:hover{

    transform:scale(1.05);

}


/*=========================================
Responsive
=========================================*/

@media (max-width:1100px){

    .dsh-footer-grid{

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

        gap:45px;

    }

}

@media (max-width:768px){

    .dsh-footer{

        padding:70px 0 0;

    }

    .dsh-footer-grid{

        grid-template-columns:1fr;

        gap:40px;

        text-align:center;

    }

    .dsh-footer-box h3::after{

        left:50%;

        transform:translateX(-50%);

    }

    .dsh-footer-social{

        justify-content:center;

    }

    .dsh-contact-list li{

        justify-content:center;

        text-align:left;

    }

    .dsh-footer-box ul li:hover{

        transform:none;

    }

}

@media (max-width:480px){

    .dsh-footer{

        padding:60px 0 0;

    }

    .dsh-footer-logo{

        height:55px;

    }

    .dsh-footer-box h3{

        font-size:22px;

    }

    .dsh-footer-box p{

        font-size:15px;

        line-height:28px;

    }

    .dsh-footer-social a{

        width:44px;

        height:44px;

    }

    .dsh-footer-bottom{

        padding:20px 15px;

    }

    .dsh-footer-bottom p{

        font-size:14px;

        line-height:24px;

    }

}


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

.dsh-floating-contact{

    position:fixed;

    right:25px;

    bottom:30px;

    z-index:99999;

    display:flex;

    flex-direction:column;

    gap:15px;

}

.dsh-floating-contact a{

    width:65px;

    height:65px;

    border-radius:60px;

    overflow:hidden;

    display:flex;

    align-items:center;

    text-decoration:none;

    color:#fff;

    transition:.4s ease;

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

}

.dsh-floating-contact a span{

    white-space:nowrap;

    opacity:0;

    width:0;

    overflow:hidden;

    transition:.4s;

    font-size:15px;

    font-weight:600;

}

.dsh-float-icon{

    width:65px;

    min-width:65px;

    height:65px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

}

/* Call */

.dsh-float-call{

    background:#1E3A8A;

}

.dsh-float-call:hover{

    width:190px;

}

.dsh-float-call:hover span{

    opacity:1;

    width:100px;

}

/* WhatsApp */

.dsh-float-whatsapp{

    background:#25D366;

}

.dsh-float-whatsapp:hover{

    width:200px;

}

.dsh-float-whatsapp:hover span{

    opacity:1;

    width:110px;

}

/* Icon Animation */

.dsh-floating-contact a:hover i{

    animation:dshShake .6s;

}

@keyframes dshShake{

    0%{transform:rotate(0);}

    25%{transform:rotate(18deg);}

    50%{transform:rotate(-18deg);}

    75%{transform:rotate(12deg);}

    100%{transform:rotate(0);}

}

/* Pulse */

.dsh-float-call::before,
.dsh-float-whatsapp::before{

    content:"";

    position:absolute;

    width:65px;

    height:65px;

    border-radius:50%;

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

    animation:dshPulse 2s infinite;

}

@keyframes dshPulse{

    0%{

        transform:scale(1);

        opacity:.5;

    }

    100%{

        transform:scale(1.8);

        opacity:0;

    }

}

@media(max-width:768px){

    .dsh-floating-contact{

        right:15px;

        bottom:20px;

    }

    .dsh-floating-contact a{

        width:58px;

        height:58px;

    }

    .dsh-float-icon{

        width:58px;

        min-width:58px;

        height:58px;

        font-size:22px;

    }

    .dsh-float-call:hover{

        width:170px;

    }

    .dsh-float-whatsapp:hover{

        width:180px;

    }

}

/*=========================================
        BREADCRUMB
=========================================*/

.dsh-breadcrumb{

    position:relative;

    padding:120px 0;

    background:linear-gradient(rgba(15,23,42,.85),rgba(15,23,42,.85)),
    url("../images/breadcrumb.png");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    overflow:hidden;

}

/* Decorative Shapes */

.dsh-breadcrumb::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    background:rgba(245,158,11,.12);

    border-radius:50%;

    top:-150px;

    right:-120px;

    filter:blur(20px);

}

.dsh-breadcrumb::after{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    background:rgba(30,58,138,.20);

    border-radius:50%;

    left:-120px;

    bottom:-120px;

}

/* Content */

.dsh-breadcrumb-content{

    position:relative;

    z-index:2;

    text-align:center;

}

.dsh-page-tag{

    display:inline-block;

    padding:12px 24px;

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

    backdrop-filter:blur(10px);

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

    color:#fff;

    border-radius:50px;

    font-size:14px;

    margin-bottom:20px;

}

.dsh-breadcrumb h1{

    color:#fff;

    font-size:62px;

    font-weight:800;

    font-family:'Poppins',sans-serif;

    margin-bottom:20px;

}

.dsh-breadcrumb nav{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    color:#fff;

    font-size:16px;

}

.dsh-breadcrumb nav a{

    color:#F59E0B;

    font-weight:600;

    transition:.3s;

}

.dsh-breadcrumb nav a:hover{

    color:#fff;

}

.dsh-breadcrumb nav span{

    color:#ffffff;

}

@media(max-width:768px){

    .dsh-breadcrumb{

        padding:90px 0;

    }

    .dsh-breadcrumb h1{

        font-size:42px;

    }

}

@media(max-width:480px){

    .dsh-breadcrumb{

        padding:70px 0;

    }

    .dsh-breadcrumb h1{

        font-size:32px;

    }

    .dsh-page-tag{

        font-size:13px;

    }

}

/*=========================================
        QUICK CONTACT CARDS
=========================================*/

.dsh-contact-cards{

    padding:120px 0;

    background:#F8FAFC;

    position:relative;

    overflow:hidden;

}

/*=========================================
Grid
=========================================*/

.dsh-contact-grid{

    display:grid;

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

    gap:30px;

    margin-top:60px;

}

/*=========================================
Card
=========================================*/

.dsh-contact-card{

    position:relative;

    background:#ffffff;

    border-radius:24px;

    padding:45px 35px;

    text-align:center;

    overflow:hidden;

    transition:.4s ease;

    box-shadow:0 18px 45px rgba(0,0,0,.08);

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

    text-decoration:none;

}

/* Gold Top Border */

.dsh-contact-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:0;

    height:5px;

    background:#F59E0B;

    transition:.4s;

}

.dsh-contact-card:hover::before{

    width:100%;

}

.dsh-contact-card:hover{

    transform:translateY(-10px);

    box-shadow:0 28px 70px rgba(0,0,0,.12);

}

/*=========================================
Icon
=========================================*/

.dsh-contact-icon{

    width:90px;

    height:90px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#EEF4FF;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}

.dsh-contact-icon i{

    font-size:36px;

    color:#1E3A8A;

    transition:.35s;

}

.dsh-contact-card:hover .dsh-contact-icon{

    background:#1E3A8A;

    transform:rotate(-8deg);

}

.dsh-contact-card:hover .dsh-contact-icon i{

    color:#F59E0B;

}

/*=========================================
Content
=========================================*/

.dsh-contact-card h3{

    font-size:26px;

    color:#0F172A;

    margin-bottom:15px;

    font-family:'Poppins',sans-serif;

}

.dsh-contact-card p{

    color:#374151;

    font-size:18px;

    font-weight:600;

    margin-bottom:15px;

}

.dsh-contact-card span{

    display:inline-block;

    padding:10px 20px;

    border-radius:40px;

    background:#EEF4FF;

    color:#1E3A8A;

    font-size:14px;

    font-weight:700;

    transition:.35s;

}

.dsh-contact-card:hover span{

    background:#F59E0B;

    color:#ffffff;

}

/*=========================================
        CONTACT CARD EFFECTS
=========================================*/

/* Decorative Background */

.dsh-contact-cards::before{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(30,58,138,.05);

    top:-140px;

    left:-140px;

}

.dsh-contact-cards::after{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    border-radius:50%;

    background:rgba(245,158,11,.08);

    right:-100px;

    bottom:-100px;

}

/* Keep Content Above Decoration */

.dsh-contact-cards .dsh-container{

    position:relative;

    z-index:2;

}

/*=========================================
Glass Hover Effect
=========================================*/

.dsh-contact-card{

    isolation:isolate;

}

.dsh-contact-card::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        135deg,
        rgba(30,58,138,.03),
        rgba(245,158,11,.04)
    );

    opacity:0;

    transition:.4s;

    z-index:-1;

}

.dsh-contact-card:hover::after{

    opacity:1;

}

/*=========================================
Text Hover
=========================================*/

.dsh-contact-card:hover h3{

    color:#1E3A8A;

}

.dsh-contact-card:hover p{

    color:#111827;

}

/*=========================================
Card Animation
=========================================*/

.dsh-contact-card{

    animation:dshContactFade .8s ease both;

}

.dsh-contact-card:nth-child(2){

    animation-delay:.12s;

}

.dsh-contact-card:nth-child(3){

    animation-delay:.24s;

}

@keyframes dshContactFade{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/*=========================================
Responsive
=========================================*/

@media(max-width:991px){

    .dsh-contact-grid{

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

        gap:24px;

    }

    .dsh-contact-card:last-child{

        grid-column:1 / -1;

        max-width:420px;

        margin:0 auto;

    }

}

@media(max-width:768px){

    .dsh-contact-cards{

        padding:90px 0;

    }

    .dsh-contact-grid{

        grid-template-columns:1fr;

        gap:22px;

        margin-top:45px;

    }

    .dsh-contact-card:last-child{

        max-width:100%;

    }

    .dsh-contact-card{

        padding:38px 28px;

    }

    .dsh-contact-icon{

        width:80px;

        height:80px;

    }

    .dsh-contact-icon i{

        font-size:32px;

    }

}

@media(max-width:480px){

    .dsh-contact-cards{

        padding:70px 0;

    }

    .dsh-contact-card{

        border-radius:20px;

        padding:32px 22px;

    }

    .dsh-contact-card h3{

        font-size:22px;

    }

    .dsh-contact-card p{

        font-size:16px;

    }

    .dsh-contact-card span{

        font-size:13px;

        padding:9px 18px;

    }

}

/*=========================================
        WORKING HOURS
=========================================*/

.dsh-working-hours{

    padding:120px 0;

    background:#F8FAFC;

    position:relative;

    overflow:hidden;

}

/*=========================================
Wrapper
=========================================*/

.dsh-working-wrapper{

    display:grid;

    grid-template-columns:1fr 520px;

    align-items:center;

    gap:70px;

}

/*=========================================
Left Content
=========================================*/

.dsh-working-tag{

    display:inline-block;

    padding:12px 24px;

    background:#EEF4FF;

    color:#1E3A8A;

    border-radius:50px;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.dsh-working-content h2{

    font-size:48px;

    line-height:1.2;

    color:#0F172A;

    margin-bottom:25px;

    font-family:'Poppins',sans-serif;

    font-weight:800;

}

.dsh-working-content p{

    font-size:17px;

    color:#6B7280;

    line-height:32px;

}

/*=========================================
Working Card
=========================================*/

.dsh-working-card{

    background:#ffffff;

    border-radius:28px;

    padding:40px;

    box-shadow:0 20px 55px rgba(0,0,0,.08);

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

    position:relative;

    overflow:hidden;

}

/* Gold Top Border */

.dsh-working-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:#F59E0B;

}

/*=========================================
Working Item
=========================================*/

.dsh-working-item{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:16px 0;

    border-bottom:1px solid #ECECEC;

}

.dsh-working-item:last-of-type{

    border-bottom:none;

}

.dsh-working-item span{

    color:#6B7280;

    font-size:16px;

}

.dsh-working-item strong{

    color:#0F172A;

    font-size:16px;

    font-weight:700;

}

/*=========================================
Buttons
=========================================*/

.dsh-working-buttons{

    display:flex;

    gap:15px;

    margin-top:35px;

}

.dsh-working-buttons a{

    flex:1;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    padding:16px;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

    text-decoration:none;

}

.dsh-working-call{

    background:#1E3A8A;

    color:#ffffff;

}

.dsh-working-call:hover{

    background:#16306f;

    transform:translateY(-4px);

}

.dsh-working-whatsapp{

    background:#25D366;

    color:#ffffff;

}

.dsh-working-whatsapp:hover{

    background:#1faa56;

    transform:translateY(-4px);

}

/*=========================================
        WORKING HOURS EFFECTS
=========================================*/

/* Decorative Background */

.dsh-working-hours::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    background:rgba(30,58,138,.05);

    border-radius:50%;

    top:-150px;

    left:-150px;

    filter:blur(15px);

}

.dsh-working-hours::after{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    background:rgba(245,158,11,.08);

    border-radius:50%;

    right:-100px;

    bottom:-100px;

    filter:blur(15px);

}

/* Keep Content Above */

.dsh-working-hours .dsh-container{

    position:relative;

    z-index:2;

}

/*=========================================
Card Hover
=========================================*/

.dsh-working-card{

    transition:.4s ease;

}

.dsh-working-card:hover{

    transform:translateY(-8px);

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

}

/* Hover Day */

.dsh-working-item{

    transition:.3s;

}

.dsh-working-item:hover{

    padding-left:10px;

}

.dsh-working-item:hover span{

    color:#1E3A8A;

    font-weight:600;

}

.dsh-working-item:hover strong{

    color:#F59E0B;

}

/*=========================================
Button Animation
=========================================*/

.dsh-working-buttons a i{

    transition:.35s;

}

.dsh-working-call:hover i{

    transform:rotate(15deg);

}

.dsh-working-whatsapp:hover i{

    transform:scale(1.15);

}

/*=========================================
Entry Animation
=========================================*/

.dsh-working-content{

    animation:dshSlideLeft .8s ease both;

}

.dsh-working-card{

    animation:dshSlideRight .8s ease both;

}

@keyframes dshSlideLeft{

    from{

        opacity:0;

        transform:translateX(-50px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}

@keyframes dshSlideRight{

    from{

        opacity:0;

        transform:translateX(50px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}

/*=========================================
Responsive
=========================================*/

@media(max-width:991px){

    .dsh-working-wrapper{

        grid-template-columns:1fr;

        gap:45px;

    }

    .dsh-working-content{

        text-align:center;

    }

}

@media(max-width:768px){

    .dsh-working-hours{

        padding:90px 0;

    }

    .dsh-working-content h2{

        font-size:36px;

    }

    .dsh-working-card{

        padding:30px;

    }

    .dsh-working-buttons{

        flex-direction:column;

    }

}

@media(max-width:480px){

    .dsh-working-hours{

        padding:70px 0;

    }

    .dsh-working-content h2{

        font-size:28px;

    }

    .dsh-working-content p{

        font-size:15px;

        line-height:28px;

    }

    .dsh-working-item{

        flex-direction:column;

        align-items:flex-start;

        gap:8px;

    }

    .dsh-working-card{

        padding:25px 20px;

        border-radius:22px;

    }

    .dsh-working-buttons a{

        padding:15px;

        font-size:15px;

    }

}


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

.dsh-final-cta{

    position:relative;

    padding:120px 0;

    overflow:hidden;

    background:linear-gradient(135deg,#0F172A,#1E3A8A);

}

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

.dsh-final-cta-box{

    position:relative;

    max-width:1000px;

    margin:auto;

    text-align:center;

    padding:80px 60px;

    border-radius:35px;

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

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

    backdrop-filter:blur(15px);

    overflow:hidden;

    z-index:2;

}

/*=========================================
Tag
=========================================*/

.dsh-final-tag{

    display:inline-block;

    padding:12px 28px;

    border-radius:50px;

    background:rgba(245,158,11,.15);

    color:#F59E0B;

    font-size:15px;

    font-weight:700;

    letter-spacing:.5px;

    margin-bottom:25px;

}

/*=========================================
Heading
=========================================*/

.dsh-final-cta-box h2{

    color:#ffffff;

    font-size:54px;

    line-height:1.2;

    font-weight:800;

    margin-bottom:25px;

    font-family:'Poppins',sans-serif;

}

/*=========================================
Paragraph
=========================================*/

.dsh-final-cta-box p{

    max-width:700px;

    margin:0 auto;

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

    font-size:18px;

    line-height:34px;

}

/*=========================================
Buttons
=========================================*/

.dsh-final-buttons{

    margin-top:45px;

    display:flex;

    justify-content:center;

    gap:20px;

}

.dsh-final-buttons a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:18px 38px;

    border-radius:60px;

    font-size:17px;

    font-weight:700;

    text-decoration:none;

    transition:.35s;

}

/* Call Button */

.dsh-final-call{

    background:#F59E0B;

    color:#ffffff;

    box-shadow:0 15px 40px rgba(245,158,11,.30);

}

.dsh-final-call:hover{

    transform:translateY(-6px);

    background:#d88905;

}

/* WhatsApp Button */

.dsh-final-whatsapp{

    background:#25D366;

    color:#ffffff;

    box-shadow:0 15px 40px rgba(37,211,102,.25);

}

.dsh-final-whatsapp:hover{

    transform:translateY(-6px);

    background:#1DA851;

}

/*=========================================
        FINAL CTA EFFECTS
=========================================*/

/* Decorative Background */

.dsh-final-cta::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(245,158,11,.10);

    top:-180px;

    left:-180px;

    filter:blur(25px);

}

.dsh-final-cta::after{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

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

    right:-120px;

    bottom:-120px;

    filter:blur(20px);

}

/*=========================================
Glass Shine Effect
=========================================*/

.dsh-final-cta-box::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:70%;

    height:100%;

    background:linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.15),

        transparent

    );

    transform:skewX(-25deg);

    transition:1s;

}

.dsh-final-cta-box:hover::before{

    left:140%;

}

/*=========================================
Floating Animation
=========================================*/

.dsh-final-cta-box{

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

}

@keyframes dshCtaFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

    100%{

        transform:translateY(0);

    }

}

/*=========================================
Button Animation
=========================================*/

.dsh-final-buttons a i{

    transition:.35s;

}

.dsh-final-call:hover i{

    transform:rotate(15deg);

}

.dsh-final-whatsapp:hover i{

    transform:scale(1.15);

}

/*=========================================
Section Entry Animation
=========================================*/

.dsh-final-cta-box{

    animation:dshFadeUp .8s ease both;

}

@keyframes dshFadeUp{

    from{

        opacity:0;

        transform:translateY(50px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/*=========================================
Responsive
=========================================*/

@media(max-width:991px){

    .dsh-final-cta-box{

        padding:60px 40px;

    }

    .dsh-final-cta-box h2{

        font-size:44px;

    }

}

@media(max-width:768px){

    .dsh-final-cta{

        padding:90px 0;

    }

    .dsh-final-cta-box{

        padding:50px 30px;

        border-radius:25px;

    }

    .dsh-final-cta-box h2{

        font-size:34px;

    }

    .dsh-final-cta-box p{

        font-size:16px;

        line-height:30px;

    }

    .dsh-final-buttons{

        flex-direction:column;

        gap:15px;

    }

    .dsh-final-buttons a{

        width:100%;

    }

}

@media(max-width:480px){

    .dsh-final-cta{

        padding:70px 0;

    }

    .dsh-final-cta-box{

        padding:40px 20px;

    }

    .dsh-final-cta-box h2{

        font-size:28px;

    }

    .dsh-final-tag{

        font-size:13px;

        padding:10px 20px;

    }

    .dsh-final-buttons a{

        font-size:15px;

        padding:15px 20px;

    }

}

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

.dsh-faq{

    padding:120px 0;

    background:#F8FAFC;

    position:relative;

    overflow:hidden;

}

/* Decorative Background */

.dsh-faq::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

    background:rgba(30,58,138,.05);

    top:-150px;

    left:-150px;

}

.dsh-faq::after{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    border-radius:50%;

    background:rgba(245,158,11,.08);

    bottom:-120px;

    right:-120px;

}

.dsh-faq .dsh-container{

    position:relative;

    z-index:2;

}

/*=========================================
FAQ Wrapper
=========================================*/

.dsh-faq-wrapper{

    max-width:900px;

    margin:60px auto 0;

}

/*=========================================
FAQ Item
=========================================*/

.dsh-faq-item{

    background:#ffffff;

    border-radius:20px;

    margin-bottom:20px;

    overflow:hidden;

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

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

    transition:.35s;

}

.dsh-faq-item:hover{

    transform:translateY(-4px);

    box-shadow:0 22px 55px rgba(0,0,0,.10);

}

/*=========================================
Question
=========================================*/

.dsh-faq-question{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:24px 30px;

    cursor:pointer;

    transition:.35s;

}

.dsh-faq-question h3{

    font-size:20px;

    color:#0F172A;

    font-weight:600;

    margin:0;

    padding-right:20px;

    line-height:1.5;

}

.dsh-faq-question i{

    width:46px;

    height:46px;

    border-radius:50%;

    background:#EEF4FF;

    color:#1E3A8A;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:16px;

    transition:.35s;

    flex-shrink:0;

}

/* Active State */

.dsh-faq-item.active .dsh-faq-question{

    background:#1E3A8A;

}

.dsh-faq-item.active .dsh-faq-question h3{

    color:#ffffff;

}

.dsh-faq-item.active .dsh-faq-question i{

    background:#F59E0B;

    color:#ffffff;

    transform:rotate(45deg);

}

/*=========================================
Answer
=========================================*/

.dsh-faq-answer{

    max-height:0;

    overflow:hidden;

    transition:max-height .45s ease;

}

.dsh-faq-answer p{

    padding:25px 30px;

    color:#6B7280;

    line-height:30px;

    font-size:16px;

    margin:0;

}   


/*=========================================
        FAQ EFFECTS
=========================================*/

/* Hover Effect */

.dsh-faq-item:hover .dsh-faq-question{

    background:#1E3A8A;

}

.dsh-faq-item:hover .dsh-faq-question h3{

    color:#ffffff;

}

.dsh-faq-item:hover .dsh-faq-question i{

    background:#F59E0B;

    color:#ffffff;

}

/*=========================================
Animation
=========================================*/

.dsh-faq-item{

    animation:dshFaqFade .7s ease both;

}

.dsh-faq-item:nth-child(2){

    animation-delay:.08s;

}

.dsh-faq-item:nth-child(3){

    animation-delay:.16s;

}

.dsh-faq-item:nth-child(4){

    animation-delay:.24s;

}

.dsh-faq-item:nth-child(5){

    animation-delay:.32s;

}

@keyframes dshFaqFade{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/*=========================================
Responsive
=========================================*/

@media(max-width:991px){

    .dsh-faq{

        padding:100px 0;

    }

}

@media(max-width:768px){

    .dsh-faq{

        padding:90px 0;

    }

    .dsh-faq-wrapper{

        margin-top:45px;

    }

    .dsh-faq-question{

        padding:20px;

    }

    .dsh-faq-question h3{

        font-size:18px;

        padding-right:15px;

    }

    .dsh-faq-question i{

        width:42px;

        height:42px;

        font-size:15px;

    }

    .dsh-faq-answer p{

        padding:20px;

        font-size:15px;

        line-height:28px;

    }

}

@media(max-width:480px){

    .dsh-faq{

        padding:70px 0;

    }

    .dsh-faq-question{

        padding:18px;

    }

    .dsh-faq-question h3{

        font-size:16px;

        line-height:1.5;

    }

    .dsh-faq-question i{

        width:38px;

        height:38px;

        font-size:14px;

    }

    .dsh-faq-answer p{

        padding:18px;

        font-size:14px;

        line-height:26px;

    }

}

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

.dsh-before-after{

    padding:120px 0;

    background:#F8FAFC;

    position:relative;

    overflow:hidden;

}

/* Decorative Background */

.dsh-before-after::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

    background:rgba(30,58,138,.05);

    top:-150px;

    left:-150px;

}

.dsh-before-after::after{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    border-radius:50%;

    background:rgba(245,158,11,.08);

    bottom:-120px;

    right:-120px;

}

.dsh-before-after .dsh-container{

    position:relative;

    z-index:2;

}

/*=========================================
GRID
=========================================*/

.dsh-ba-grid{

    display:grid;

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

    gap:35px;

    margin-top:60px;

}

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

.dsh-ba-item{

    background:#ffffff;

    border-radius:24px;

    padding:25px;

    display:grid;

    grid-template-columns:1fr 70px 1fr;

    align-items:center;

    gap:20px;

    box-shadow:0 18px 45px rgba(0,0,0,.08);

    transition:.4s ease;

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

}

.dsh-ba-item:hover{

    transform:translateY(-8px);

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

}

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

.dsh-ba-image{

    position:relative;

    overflow:hidden;

    border-radius:18px;

}

.dsh-ba-image img{

    width:100%;

    height:300px;

    object-fit:cover;

    display:block;

    transition:.45s ease;

}

.dsh-ba-item:hover img{

    transform:scale(1.08);

}

/*=========================================
LABELS
=========================================*/

.dsh-before-tag,

.dsh-after-tag{

    position:absolute;

    top:15px;

    left:15px;

    z-index:2;

    padding:10px 18px;

    border-radius:40px;

    color:#fff;

    font-size:14px;

    font-weight:700;

}

.dsh-before-tag{

    background:#EF4444;

}

.dsh-after-tag{

    background:#F59E0B;

}

/*=========================================
ARROW
=========================================*/

.dsh-ba-arrow{

    width:60px;

    height:60px;

    margin:auto;

    border-radius:50%;

    background:#1E3A8A;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#ffffff;

    font-size:22px;

    transition:.35s;

}

.dsh-ba-item:hover .dsh-ba-arrow{

    background:#F59E0B;

    transform:rotate(-10deg) scale(1.08);

}

/*=========================================
        BEFORE & AFTER EFFECTS
=========================================*/

/* Card Animation */

.dsh-ba-item{

    animation:dshBaFade .8s ease both;

}

.dsh-ba-item:nth-child(2){

    animation-delay:.15s;

}

.dsh-ba-item:nth-child(3){

    animation-delay:.30s;

}

.dsh-ba-item:nth-child(4){

    animation-delay:.45s;

}

@keyframes dshBaFade{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/*=========================================
Image Overlay
=========================================*/

.dsh-ba-image::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(

        to top,

        rgba(15,23,42,.15),

        transparent

    );

    opacity:0;

    transition:.4s;

    z-index:1;

}

.dsh-ba-item:hover .dsh-ba-image::before{

    opacity:1;

}

/*=========================================
Arrow Animation
=========================================*/

.dsh-ba-arrow i{

    transition:.35s;

}

.dsh-ba-item:hover .dsh-ba-arrow i{

    transform:translateX(4px);

}

/*=========================================
Responsive
=========================================*/

@media(max-width:991px){

    .dsh-ba-grid{

        grid-template-columns:1fr;

        gap:30px;

    }

}

@media(max-width:768px){

    .dsh-before-after{

        padding:90px 0;

    }

    .dsh-ba-item{

        grid-template-columns:1fr;

        gap:20px;

        padding:20px;

    }

    .dsh-ba-arrow{

        transform:rotate(90deg);

    }

    .dsh-ba-item:hover .dsh-ba-arrow{

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

    }

    .dsh-ba-image img{

        height:260px;

    }

}

@media(max-width:480px){

    .dsh-before-after{

        padding:70px 0;

    }

    .dsh-ba-item{

        border-radius:20px;

        padding:18px;

    }

    .dsh-ba-image{

        border-radius:15px;

    }

    .dsh-ba-image img{

        height:220px;

    }

    .dsh-before-tag,

    .dsh-after-tag{

        font-size:12px;

        padding:8px 14px;

    }

    .dsh-ba-arrow{

        width:52px;

        height:52px;

        font-size:18px;

    }

}