/* 
 * DemaProjects - Luxury Real Estate & Architecture Custom Stylesheet
 * Scoped and Nested Design Architecture using Native CSS Nesting
 */

/* ==========================================
   1. DESIGN SYSTEM & ROOT VARIABLES
   ========================================== */
:root {
    /* Color Palette */
    --primary-gold-light: #f3e5ab;
    --primary-gold: #d4af37;
    --primary-gold-dark: #aa7c11;
    --dark-bg: #0d0e12;
    --dark-card: #15161d;
    --text-white: #ffffff;
    --text-muted: #a0a5b5;
    
    /* Gradients */
    --gold-gradient: linear-gradient(135deg, var(--primary-gold-light) 0%, var(--primary-gold) 50%, var(--primary-gold-dark) 100%);
    --dark-gradient: linear-gradient(180deg, rgba(13, 14, 18, 0.4) 0%, rgba(13, 14, 18, 0.8) 100%);
    
    /* Glassmorphism Settings */
    --glass-bg: rgba(255, 255, 255, 0.08);
    --glass-border: rgba(255, 255, 255, 0.15);
    --glass-blur: blur(16px);
    
    /* Typography */
    --font-heading: 'Cormorant Garamond', serif;
    --font-body: 'Outfit', sans-serif;
    
    /* Transitions */
    --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

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

body {
    background-color: #ffffff;
    font-family: var(--font-body);
    color: var(--text-white);
    overflow-x: hidden;
}
.mt_project_page_top p {color: #000;}
.mt_project_page_top h2 {
    font-size: 60px;
    line-height: 0.95;
    font-weight: 400;
    max-width: 650px;
    margin-bottom: 30px;
    color: #000;
    font-family: var(--font-heading);
}

/* ==========================================
   2. MAIN WRAPPER (Outer Aesthetic Border)
   ========================================== */
.page-wrapper {
    background-color: #ffffff;
    padding: 24px;
    /*min-height: 100vh;*/
    display: flex;
    flex-direction: column;
    
    @media (max-width: 768px) {
        padding: 12px;
    }
}
.page-wrapper-inner {
    background-color: #ffffff;
    padding: 24px;
    display: flex;
    flex-direction: column;
    
    @media (max-width: 768px) {
        padding: 12px;
    }
}
.mt_dema_project {
    font-size: 150px;
    font-family: var(--font-heading);
    margin-top: 50px;
    letter-spacing: 40px;
}
/* ==========================================
   3. HERO SECTION (Main Frame Container)
   ========================================== */
.hero-section {
    position: relative;
    flex-grow: 1;
    min-height: calc(100vh - 48px);
    border-radius: 0px 0px 48px 48px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 160px 80px 60px 80px; /* padding-top fits the taller header */
    box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.4);
    
    @media (max-width: 991px) {
        padding: 120px 40px 40px 40px;
    }
    
    @media (max-width: 768px) {
        border-radius: 32px;
        padding: 130px 24px 30px 24px;
        min-height: auto;
    }

    /* Gradient overlay for readability */
    &::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(13, 14, 18, 0.9) 0%, rgba(13, 14, 18, 0.2) 50%, rgba(13, 14, 18, 0.4) 100%);
        pointer-events: none;
        z-index: 1;
    }
}

.hero-section-inner {
    position: relative;
    flex-grow: 1;
    max-height: 450px;
    border-radius: 0px 0px 48px 48px;
    
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 160px 80px 60px 80px; /* padding-top fits the taller header */
    box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.4);
    
    @media (max-width: 991px) {
        padding: 120px 40px 40px 40px;
    }
    
    @media (max-width: 768px) {
        border-radius: 32px;
        padding: 130px 24px 30px 24px;
        min-height: auto;
    }

    /* Gradient overlay for readability */
    &::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(13, 14, 18, 0.9) 0%, rgba(13, 14, 18, 0.2) 50%, rgba(13, 14, 18, 0.4) 100%);
        pointer-events: none;
        z-index: 1;
    }
}




/* ==========================================
   4. CUSTOM HEADER & CURVED NAVBAR
   ========================================== */
.custom-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: 0;

    /* Flawless continuous white background banner with a mathematically precise curved cutout */
    .navbar-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 120px;
        z-index: 1;
        display: flex;
        align-items: stretch;
        pointer-events: none;

        .navbar-bg-left {
            flex-grow: 1;
            background-color: #ffffff;
            /*border-top-left-radius: 60px;
            border-bottom-left-radius: 60px;*/
        }

        .navbar-bg-center {
            width: 600px;
            height: 120px;
            flex-shrink: 0;
            background-color: transparent;

            .navbar-bg-svg {
                width: 100%;
                height: 100%;
                display: block;
            }
        }

        .navbar-bg-right {
            flex-grow: 1;
            background-color: #ffffff;
            /*border-top-right-radius: 60px;
            border-bottom-right-radius: 60px;*/
        }
    }
    
    .custom-navbar {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        height: 120px; /* Taller navbar to accommodate the full design height */
        width: 100%;
        position: relative;
        z-index: 2;
        
        @media (max-width: 991px) {
            height: auto;
            flex-direction: column;
            align-items: center;
            background-color: #ffffff;
            border-top-left-radius: 40px;
            border-top-right-radius: 40px;
            padding: 15px 0;
        }
        
        @media (max-width: 768px) {
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
        }

        /* Navbar Wings (Left and Right menus) - Completely transparent to show the white background behind */
        .nav-wing {
            flex: 1 1 0%;
            background-color: transparent;
            height: 120px; /* full height flush with the top */
            display: flex;
            align-items: center;
            padding: 0 60px;
            position: relative;
            z-index: 2;
            transition: var(--transition-smooth);
            
            @media (max-width: 1200px) {
                padding: 0 30px;
            }
            
            @media (max-width: 991px) {
                background-color: transparent;
                width: 100%;
                justify-content: center;
                height: auto !important;
                padding: 10px 0;
                flex: none;
            }

            .nav-menu {
                display: flex;
                list-style: none;
                margin: 0;
                padding: 0;
                gap: 120px;
                
                @media (max-width: 768px) {
                    gap: 16px;
                }

                .nav-item {
                    position: relative;
                    
                    .nav-link {
                        font-family: var(--font-body);
                        color: #111111;
                        font-weight: 500;
                        font-size: 18px;
                        text-decoration: none;
                        transition: var(--transition-smooth);
                        padding: 8px 0;
                        position: relative;
                        
                        &::after {
                            content: "";
                            position: absolute;
                            bottom: 2px;
                            left: 0;
                            width: 0;
                            height: 2px;
                            background-color: var(--primary-gold);
                            transition: var(--transition-smooth);
                        }
                        
                        &:hover, &.active {
                            color: var(--primary-gold-dark);
                            
                            &::after {
                                width: 100%;
                            }
                        }
                    }
                }
            }
        }

        /* Left wing styles */
        .nav-left {
            justify-content: flex-end;
            
            @media (max-width: 991px) {
                border-radius: 0;
            }
        }

        /* Right wing styles */
        .nav-right {
            justify-content: flex-start;
            gap: 40px;
            
            @media (max-width: 991px) {
                border-radius: 0;
                flex-direction: column;
                gap: 15px;
                justify-content: center;
            }

            /* Circular Action Buttons (Location, Portal) */
            .nav-actions {
                display: flex;
                gap: 12px;
                
                .action-btn {
                    width: 44px;
                    height: 44px;
                    border-radius: 50%;
                    background-color: #111111;
                    border: 1.5px solid var(--primary-gold);
                    color: var(--primary-gold);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 16px;
                    text-decoration: none;
                    transition: var(--transition-smooth);
                    
                    &:hover {
                        background: var(--gold-gradient);
                        color: #111111;
                        transform: scale(1.08);
                        box-shadow: 0 0 15px rgba(212, 175, 55, 0.4);
                    }
                }
            }
        }

        /* Central Logo Dome (Transparent cutout revealing the background villa sky) */
        .nav-center-dome {
            flex-grow: 0;
            width: 340px;
            max-width: 340px;
            background-color: transparent; /* transparent to let the sunset villa sky show through */
            display: flex;
            align-items: flex-end; /* Align logo below the white bridge */
            justify-content: center;
            position: relative;
            z-index: 3;
            height: 284px;
            padding-bottom: 6px; /* beautifully space it from the bottom curve */
            transition: var(--transition-smooth);

            
            @media (max-width: 991px) {
                max-width: 100%;
                width: 200px;
                order: -1;
                border-radius: 0;
                background-color: transparent;
                box-shadow: none;
                margin-bottom: 10px;
                height: auto;
                padding-bottom: 0;
            }

            .logo-wrapper {
                display: block;
                width: auto;
                height: 224px; /* sits perfectly inside the cutout below the bridge */
                display: flex;
                align-items: center;
                justify-content: center;
                transition: var(--transition-smooth);
                
                @media (max-width: 991px) {
                    height: auto;
                }
                
                &:hover {
                    transform: scale(1.03);
                }

                .logo-img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                }
            }
        }
    }
}

/* ==========================================
   5. VERTICAL SOCIAL SIDEBAR
   ========================================== */
.social-sidebar {
    position: absolute;
    left: 80px;
    bottom: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
    
    @media (max-width: 991px) {
        left: 40px;
    }
    
    @media (max-width: 768px) {
        display: none; /* Hide on mobile to declutter layout */
    }

    .sidebar-line {
        width: 1px;
        height: 120px;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 100%);
        margin-bottom: 24px;
    }

    .social-links {
        display: flex;
        flex-direction: column;
        gap: 16px;

        .social-icon {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            border: 1px solid rgba(255, 255, 255, 0.3);
            background-color: rgba(255, 255, 255, 0.03);
            color: var(--text-white);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            text-decoration: none;
            transition: var(--transition-smooth);
            backdrop-filter: blur(5px);
            
            &:hover {
                border-color: var(--primary-gold);
                color: var(--primary-gold);
                transform: translateY(-4px);
                box-shadow: 0 0 15px rgba(212, 175, 55, 0.4);
                background-color: rgba(255, 255, 255, 0.1);
            }
        }
    }
}

/* ==========================================
   6. HERO CONTENT & TYPOGRAPHY
   ========================================== */
.hero-content {
    position: relative;
    z-index: 2;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 60px;
    padding-bottom: 60px;

    .hero-title {
        font-family: var(--font-heading);
        /*font-size: calc(2.2rem + 3.2vw); /* Fluid responsive typography */
        font-size: 82px;
        font-weight: 300;
        line-height: 1.15;
        color: var(--text-white);
        letter-spacing: -0.5px;
        max-width: 950px;
        margin: 100px auto;
        opacity: 0;
        transform: translateY(30px);
        
        @media (max-width: 576px) {
            font-size: 2.5rem;
            line-height: 1.25;
        }
    }
}

.hero-content-inner {
    position: relative;
    z-index: 2;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 60px;
    padding-bottom: 60px;

    .hero-title {
        font-family: var(--font-heading);
        /*font-size: calc(2.2rem + 3.2vw); /* Fluid responsive typography */
        font-size: 56px;
        font-weight: 300;
        line-height: 1.15;
        color: var(--text-white);
        letter-spacing: -0.5px;
        
        margin: 40px auto;
        opacity: 0;
        transform: translateY(30px);
        
        @media (max-width: 576px) {
            font-size: 2.5rem;
            line-height: 1.25;
        }
    }
}

/* ==========================================
   7. BOTTOM GLASSMORPHIC CARDS
   ========================================== */
.hero-bottom-cards {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-top: auto;
    padding-bottom: 20px;

    /* Reusable glass styles */
    .glass-pill-badge {
        background-color: var(--glass-bg);
        backdrop-filter: var(--glass-blur);
        -webkit-backdrop-filter: var(--glass-blur);
        border: 1px solid var(--glass-border);
        border-radius: 100px;
        padding: 14px 28px;
        transition: var(--transition-smooth);
        
        &:hover {
            background-color: rgba(255, 255, 255, 0.12);
            border-color: rgba(255, 255, 255, 0.25);
            transform: translateY(-2px);
        }

        .badge-icon-container {
            width: 42px;
            height: 42px;
            margin-right: 16px;
            flex-shrink: 0;

            .spinner-svg {
                width: 100%;
                height: auto;
                animation: spin 12s linear infinite;
            }
        }

        .badge-text {
            font-family: var(--font-body);
            font-size: 13px;
            font-weight: 400;
            color: #e2e8f0;
            line-height: 1.45;
        }
    }

    /* Core Glass Card */
    .glass-card {
        background-color: var(--glass-bg);
        backdrop-filter: var(--glass-blur);
        -webkit-backdrop-filter: var(--glass-blur);
        border: 1px solid var(--glass-border);
        border-radius: 28px;
        padding: 24px;
        transition: var(--transition-smooth);
        
        &:hover {
            background-color: rgba(255, 255, 255, 0.12);
            border-color: rgba(255, 255, 255, 0.25);
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
        }

        .stat-number {
            font-family: var(--font-body);
            font-size: 42px;
            font-weight: 600;
            color: var(--text-white);
            line-height: 1.1;
            margin-bottom: 8px;
        }
    }

    /* Stat Card (Middle) */
    .stat-card {
        height: 180px;

        @media (max-width: 991px) {
            height: auto;
        }

        .stat-label {
            font-family: var(--font-body);
            font-size: 13px;
            font-weight: 300;
            color: var(--text-muted);
            line-height: 1.45;
            margin: 0;
        }

        .avatar-group {
            .avatar-img {
                width: 34px;
                height: 34px;
                border-radius: 50%;
                border: 2px solid rgba(255, 255, 255, 0.6);
                object-fit: cover;
                margin-right: -10px;
                transition: var(--transition-smooth);
                cursor: pointer;
                
                &:hover {
                    transform: scale(1.15) translateY(-4px);
                    z-index: 10;
                    border-color: var(--primary-gold);
                }
            }
        }
    }

    /* Showcase Card (Right) */
    .showcase-card {
        padding: 14px;
        position: relative;

        .showcase-img-container {
            border-radius: 20px;
            overflow: hidden;
            height: 155px;
            margin-bottom: 16px;
            position: relative;
            
            .showcase-img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: var(--transition-smooth);
            }
        }
        
        &:hover {
            .showcase-img-container .showcase-img {
                transform: scale(1.08);
            }
        }

        .showcase-body {
            padding: 0 6px 6px 6px;
            position: relative;

            .showcase-desc {
                font-family: var(--font-body);
                font-size: 13px;
                font-weight: 300;
                color: var(--text-muted);
                line-height: 1.5;
                margin: 0;
            }

            .showcase-action-wrapper {
                display: flex;
                justify-content: flex-end;
                margin-top: 10px;

                .showcase-action-btn {
                    width: 48px;
                    height: 48px;
                    border-radius: 50%;
                    background: var(--gold-gradient);
                    color: #111111;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 18px;
                    text-decoration: none;
                    transition: var(--transition-smooth);
                    border: none;
                    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);

                    &:hover {
                        transform: scale(1.1) rotate(45deg);
                        box-shadow: 0 6px 20px rgba(212, 175, 55, 0.5);
                    }
                }
            }
        }
    }
}

/* ==========================================
   8. ANIMATIONS & TRANSITIONS
   ========================================== */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Dynamic Entry Animations */
.animate-title {
    transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1);
    
    &.active {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-card {
    opacity: 0;
    transform: translateY(40px);
    transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1), opacity 1s cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: calc(var(--delay) * 0.15s);
    
    &.active {
        opacity: 1;
        transform: translateY(0);
    }
}


/* =====================================================
   MOBILE RESPONSIVE FIXES
===================================================== */

/* Hide desktop navbar on mobile */
@media (max-width: 991px) {

    .custom-header {
        display: none;
    }

}

/* =====================================================
   MOBILE HEADER
===================================================== */

.mobile-header {

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;

    z-index: 999;

    padding: 18px;
}

.mobile-topbar {

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 14px 18px;

    border-radius: 20px;

    background: rgba(255,255,255,0.08);

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    border: 1px solid rgba(255,255,255,0.15);
}

.mobile-logo img {

    height: 52px;
    width: auto;
}

.mobile-menu-btn {

    width: 48px;
    height: 48px;

    border-radius: 50%;

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

    background: rgba(255,255,255,0.08);

    color: white;

    font-size: 18px;

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

    transition: 0.3s ease;
}

.mobile-menu-btn:hover {

    background: var(--primary-gold);

    color: #111;
}

/* =====================================================
   MOBILE OFFCANVAS
===================================================== */

.mobile-offcanvas {

    background: #0d0e12;

    color: white;

    width: 300px;
}

.offcanvas-logo {

    height: 60px;
}

.mobile-nav {

    list-style: none;

    padding: 0;

    margin-top: 40px;
}

.mobile-nav li {

    margin-bottom: 22px;
}

.mobile-nav li a {

    color: white;

    text-decoration: none;

    font-size: 18px;

    font-weight: 400;

    transition: 0.3s ease;
}

.mobile-nav li a:hover {

    color: var(--primary-gold);
}

/* =====================================================
   HERO MOBILE FIX
===================================================== */

@media (max-width: 991px) {

    .hero-section {

        padding-top: 130px !important;
    }

    .hero-content .hero-title {

        font-size: 60px !important;

        margin: 60px auto !important;
    }

    .hero-bottom-cards {

        margin-top: 40px;
    }

}

/* Tablet */
@media (max-width: 768px) {

    .hero-content .hero-title {

        font-size: 42px !important;

        line-height: 1.2;
    }

    .glass-pill-badge {

        border-radius: 24px !important;
    }

    .glass-card {

        border-radius: 24px !important;
    }

}

/* Mobile */
@media (max-width: 576px) {

    .hero-section {

        padding:
            120px
            16px
            24px
            16px !important;

        border-radius: 24px !important;
    }

    .hero-content .hero-title {

        font-size: 34px !important;

        line-height: 1.25;
    }

    .hero-bottom-cards .row {

        gap: 18px;
    }

    .glass-pill-badge {

        flex-direction: column;

        align-items: flex-start !important;

        gap: 14px;

        padding: 20px !important;

        border-radius: 24px !important;
    }

    .badge-icon-container {

        margin-right: 0 !important;
    }

    .glass-card {

        padding: 18px !important;
    }

    .stat-number {

        font-size: 34px !important;
    }

}



/* =================================
Footer Section Start
================================= */

.mt_footer{
    background: #000000;
    padding-top: 80px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.mt_footer_col {margin-bottom: 100px;}

/* Top Border */
.mt_footer::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 6px;
    background: #c7a45a;
    top: 0;
    left: 0;
}

/* Background Text */
.mt_footer_bg_text{
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    z-index: -1;
    pointer-events: none;
}

.mt_footer_bg_text h2{
    font-size: 220px;
    font-weight: 700;
    color: rgba(255,255,255,0.05);
    line-height: 1;
    white-space: nowrap;
    margin: 0;
    font-family: var(--font-heading);
    letter-spacing: 54px;
}

/* Logo */
.mt_footer_logo img{
    max-width: 250px;
    width: 100%;
}

/* Menu */
.mt_footer_menu h4{
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
}

.mt_footer_menu ul{
    padding: 0;
    margin: 0;
}

.mt_footer_menu ul li{
    list-style: none;
    margin-bottom: 14px;
}

.mt_footer_menu ul li a{
    color: #c7a45a;
    text-decoration: none;
    font-size: 16px;
    transition: all linear 0.3s;
}

.mt_footer_menu ul li a:hover{
    color: #ffffff;
    padding-left: 5px;
}

/* Social */
.mt_footer_social ul{
    padding: 0;
    margin: 0;
}

.mt_footer_social ul li{
    list-style: none;
    margin-bottom: 8px;
}

.mt_footer_social ul li a{
    width: 42px;
    height: 42px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    text-decoration: none;
    transition: all linear 0.3s;
}

.mt_footer_social ul li a:hover{
    background: #c7a45a;
    border-color: #c7a45a;
    color: #000000;
}

/* Footer Bottom */
.mt_footer_bottom{
    background: #c7a45a;
    margin-top: 60px;
    padding: 18px 0;
}

.mt_footer_bottom_text{
    text-align: center;
}

.mt_footer_bottom_text p{
    margin: 0;
    color: #ffffff;
    font-size: 15px;
}




/* =================================
About Section Start
================================= */

.mt_about{
    padding: 120px 0;
    background: #f5f5f5;
    overflow: hidden;
}

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

.mt_about_content{
    padding-right: 40px;
}

.mt_about_title h2{
    font-size: 72px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 40px;
    line-height: 1;
    font-family: 'Playfair Display', serif;
}

.mt_about_title h2 span{
    color: #c7a45a;
    margin-left: 10px;
}

.mt_about_text p{
    font-size: 16px;
    line-height: 34px;
    color: #222222;
    margin-bottom: 24px;
    font-weight: 400;
}

.mt_about_btn{
    margin-top: 45px;
}

.mt_about_btn a{
    width: 170px;
    height: 58px;
    background: #c7a45a;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: all linear 0.3s;
}

.mt_about_btn a:hover{
    background: #000000;
    color: #ffffff;
}

/* =================================
About Images
================================= */

.mt_about_image_area{
    position: relative;
    width: 100%;
    height: 500px;
}

/* Big Image */

.mt_about_image_big{
    position: absolute;
    top: 0;
    right: 0;
    width: 650px;
    z-index: 1;
}

.mt_about_image_big img{
    width: 100%;
    display: block;
    border-radius: 30px;
}

/* Small Image */

.mt_about_image_small {
    position: absolute;
    left: -85px;
    top: 328px;
    width: 500px;
    z-index: 2;
}

.mt_about_image_small img{
    width: 100%;
    display: block;
    border-radius: 30px;
}

/* =================================
About Section End
================================= */



/* =========================
   OUR PROJECT SECTION
========================= */

.mt_our_project {
    background: #efebe5;
    padding: 80px 0;
    overflow: hidden;
}

/* TOP AREA */

.mt_our_project_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 50px;
    gap: 30px;
}

.mt_our_project_heading h2 {
    font-size: 70px;
    font-weight: 400;
    color: #000;
    line-height: 1;
    margin-bottom: 20px;
}

.mt_our_project_heading h2 span {
    color: #c8a96b;
}

.mt_our_project_heading p {
    max-width: 450px;
    font-size: 18px;
    line-height: 1.7;
    color: #333;
}

/* RIGHT SIDE */

.mt_our_project_right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
}

/* CATEGORY */

.mt_project_category {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mt_project_category .category_btn {
    border: 1px solid #c8a96b;
    background: transparent;
    color: #c8a96b;
    padding: 10px 22px;
    border-radius: 50px;
    font-size: 14px;
    transition: 0.3s;
}

.mt_project_category .category_btn.active {
    background: #c8a96b;
    color: #fff;
}

/* NAVIGATION */

.mt_project_nav {
    display: flex;
    align-items: center;
    gap: 15px;
}

.mt_project_nav button {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    border: 1px solid #c8a96b;
    background: transparent;
    color: #c8a96b;
    transition: 0.3s;
}

.mt_project_nav button:hover {
    background: #c8a96b;
    color: #fff;
}

/* SLIDER */

.mt_project_slider .owl-stage {
    display: flex;
}

.mt_project_item {
    position: relative;
    border-radius: 25px;
    overflow: hidden;
}

.mt_project_image img {
    width: 100%;
    height: 520px;
    object-fit: cover;
    border-radius: 25px;
}

/* CONTENT */

.mt_project_content {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    background: rgba(255,255,255,0.25);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mt_project_text h4 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 8px;
    line-height: 1.5;
}

.mt_project_text span {
    color: #ddd;
    font-size: 14px;
}

.mt_project_arrow a {
    width: 45px;
    height: 45px;
    background: #fff;
    color: #c8a96b;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}




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

.mt_testimonial {
    position: relative;
    padding: 100px 0px 200px 0px;
    overflow: hidden;
}

/* BG */

.mt_testimonial_bg {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.mt_testimonial_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.1;
}

.mt_testimonial::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.75);
    z-index: -1;
}

/* TOP */

.mt_testimonial_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    margin-bottom: 60px;
}

/* HEADING */

.mt_testimonial_heading {
    max-width: 650px;
}

.mt_testimonial_heading h2 {
    font-size: 54px;
    line-height: 1.1;
    color: #111;
    margin-bottom: 20px;
    font-weight: 500;
}

.mt_testimonial_heading h2 span {
    color: #c7a35d;
}

.mt_testimonial_heading p {
    font-size: 18px;
    line-height: 1.8;
    color: #444;
}

/* NAV */

.mt_testimonial_nav {
    display: flex;
    align-items: center;
    gap: 15px;
}

.mt_testimonial_nav button {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #222;
    background: transparent;
    color: #111;
    transition: 0.4s;
}

.mt_testimonial_nav button:hover {
    background: #111;
    color: #fff;
}

/* SLIDER */

.mt_testimonial_slider .owl-stage-outer {
    overflow: visible;
}

.mt_testimonial_item {
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    height: 390px;
}

/* IMAGE */

.mt_testimonial_image img {
    height: 520px;
    object-fit: cover;
    border-radius: 25px;
}

/* CONTENT */

.mt_testimonial_content {
    position: absolute;
    left: 60px;
    right: -40px;
    bottom: 25px;
    background: #fff;
    padding: 35px;
    border-radius: 25px;
    max-width: 420px;
}

/* STAR */

.mt_testimonial_star {
    margin-bottom: 20px;
}

.mt_testimonial_star i {
    color: #f4a51c;
    font-size: 18px;
    margin-right: 3px;
}

/* TEXT */

.mt_testimonial_text p {
    font-size: 18px;
    line-height: 1.8;
    color: #444;
    margin-bottom: 30px;
}

/* USER */

.mt_testimonial_user {
    display: flex;
    align-items: center;
    gap: 14px;
}

.mt_testimonial_user_img img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    object-fit: cover;
}

.mt_testimonial_user_info h4 {
    font-size: 18px;
    margin-bottom: 5px;
    color: #111;
}

.mt_testimonial_user_info span {
    font-size: 15px;
    color: #666;
}

/* QUOTE */

.mt_testimonial_quote {
    position: absolute;
    right: 30px;
    bottom: 30px;
}

.mt_testimonial_quote span {
    font-size: 45px;
    line-height: 1;
    color: #666;
}

/* RESPONSIVE */

@media (max-width: 1199px) {

    .mt_testimonial_heading h2 {
        font-size: 52px;
    }

    .mt_testimonial_image img {
        height: 480px;
    }

    .mt_testimonial_content {
        left: 30px;
        right: 30px;
        max-width: 100%;
    }

}

@media (max-width: 991px) {

    .mt_testimonial {
        padding: 80px 0;
    }

    .mt_testimonial_top {
        flex-direction: column;
        align-items: flex-start;
    }

    .mt_testimonial_heading h2 {
        font-size: 46px;
    }

}

@media (max-width: 767px) {

    .mt_testimonial {
        padding: 60px 0;
    }

    .mt_testimonial_heading h2 {
        font-size: 38px;
    }

    .mt_testimonial_heading p {
        font-size: 16px;
    }

    .mt_testimonial_image img {
        height: 420px;
    }

    .mt_testimonial_content {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        margin-top: -80px;
        margin-left: 15px;
        margin-right: 15px;
        padding: 25px;
    }

    .mt_testimonial_text p {
        font-size: 16px;
    }

}

@media (max-width: 575px) {

    .mt_testimonial_heading h2 {
        font-size: 32px;
    }

    .mt_testimonial_nav button {
        width: 50px;
        height: 50px;
    }

    .mt_testimonial_content {
        padding: 20px;
    }

    .mt_testimonial_quote span {
        font-size: 35px;
    }

}



/*===================================
    Dema Gallery Section Start
===================================*/

.mt_dema_gallery {
    padding: 80px 0;
    background: #f5f5f5;
    overflow: hidden;
}

.mt_dema_gallery .mt_dema_gallery_wrapper {
    position: relative;
}

.mt_dema_gallery .mt_dema_gallery_heading {
    margin-bottom: 40px;
}

.mt_dema_gallery .mt_dema_gallery_heading h2 {
    font-size: 60px;
    font-weight: 700;
    color: #c8a75b;
    margin: 0;
    line-height: 1.2;
}

.mt_dema_gallery .mt_dema_gallery_heading h2 span {
    color: #000;
}

.mt_dema_gallery .mt_dema_gallery_left_img img {
    width: 100%;
    height: 430px;
    object-fit: cover;
    border-radius: 20px;
}

.mt_dema_gallery .mt_dema_gallery_content {
    padding-left: 20px;
}

.mt_dema_gallery .mt_dema_gallery_text h3 {
    font-size: 38px;
    font-weight: 600;
    color: #111;
    margin-bottom: 15px;
}

.mt_dema_gallery .mt_dema_gallery_text p {
    font-size: 15px;
    line-height: 28px;
    color: #555;
    margin-bottom: 30px;
}

.mt_dema_gallery .mt_dema_gallery_small_wrap {
    display: flex;
    gap: 20px;
}

.mt_dema_gallery .mt_dema_gallery_small_img {
    width: 50%;
}

.mt_dema_gallery .mt_dema_gallery_small_img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 20px;
}

.mt_dema_gallery .mt_dema_gallery_bottom_row {
    margin-top: 30px;
    align-items: center;
}

.mt_dema_gallery .mt_dema_gallery_bottom_img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 20px;
}

.mt_dema_gallery .mt_dema_gallery_btn {
    text-align: center;
}

.mt_dema_gallery .mt_dema_gallery_btn a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 30px;
    background: #c8a75b;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.3s ease;
}

.mt_dema_gallery .mt_dema_gallery_btn a:hover {
    background: #000;
    color: #fff;
}


/*===================================
    Team Section Start
===================================*/

.mt_team_area {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
    z-index: 1;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.mt_team_area::before {
    position: absolute;
    content: "";
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
    z-index: -1;
}

.mt_team_area .mt_team_title {
    text-align: center;
    margin-bottom: 70px;
}

.mt_team_area .mt_team_title h2 {
    font-size: 72px;
    font-weight: 400;
    line-height: 1.1;
    color: #c9a557;
    margin: 0;
}

.mt_team_area .mt_team_item {
    position: relative;
}

.mt_team_area .mt_team_image {
    border-radius: 25px;
    overflow: hidden;
    background: #ffffff;
}

.mt_team_area .mt_team_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Left Team */
.mt_team_area .mt_team_left .mt_team_image {
    max-width: 500px;
    margin: 0 auto;
}

.mt_team_area .mt_team_left .mt_team_content {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-left: 66px;
    margin-top: 16px;
}

.mt_team_area .mt_team_left .mt_team_content h3 {
    font-size: 42px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 5px;
}

.mt_team_area .mt_team_left .mt_team_content p {
    font-size: 24px;
    color: #ffffff;
    margin: 0;
}

.mt_team_area .mt_team_left .mt_team_content a {
    width: 60px;
    height: 60px;
    background: #ffffff;
    color: #000000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 22px;
    transition: all 0.3s ease;
}

.mt_team_area .mt_team_left .mt_team_content a:hover {
    background: #c9a557;
    color: #ffffff;
}

/* Right Team */
.mt_team_area .mt_team_right {
    padding-top: 40px;
}

.mt_team_area .mt_team_right .mt_team_content_top {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
    padding-left: 40px;
}

.mt_team_area .mt_team_right .mt_team_content_top h3 {
    font-size: 42px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 5px;
}

.mt_team_area .mt_team_right .mt_team_content_top p {
    font-size: 24px;
    color: #ffffff;
    margin: 0;
}

.mt_team_area .mt_team_right .mt_team_content_top a {
    width: 60px;
    height: 60px;
    background: #ffffff;
    color: #000000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 22px;
    transition: all 0.3s ease;
}

.mt_team_area .mt_team_right .mt_team_content_top a:hover {
    background: #c9a557;
    color: #ffffff;
}

.mt_team_area .mt_team_right .mt_team_image {
    max-width: 500px;
    margin: 0 auto;
}

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

@media (max-width: 1399px) {

    .mt_team_area .mt_team_title h2 {
        font-size: 60px;
    }

    .mt_team_area .mt_team_left .mt_team_content h3,
    .mt_team_area .mt_team_right .mt_team_content_top h3 {
        font-size: 34px;
    }

    .mt_team_area .mt_team_left .mt_team_content p,
    .mt_team_area .mt_team_right .mt_team_content_top p {
        font-size: 20px;
    }
}

@media (max-width: 991px) {

    .mt_team_area {
        padding: 80px 0;
    }

    .mt_team_area .mt_team_title {
        margin-bottom: 50px;
    }

    .mt_team_area .mt_team_title h2 {
        font-size: 48px;
    }

    .mt_team_area .mt_team_item {
        margin-bottom: 60px;
    }

    .mt_team_area .mt_team_right {
        padding-top: 0;
    }

    .mt_team_area .mt_team_right .mt_team_content_top {
        padding-left: 0;
    }
}

@media (max-width: 767px) {

    .mt_team_area {
        padding: 60px 0;
    }

    .mt_team_area .mt_team_title h2 {
        font-size: 36px;
    }

    .mt_team_area .mt_team_left .mt_team_content,
    .mt_team_area .mt_team_right .mt_team_content_top {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .mt_team_area .mt_team_left .mt_team_content {
        position: relative;
        left: 0;
        bottom: 0;
        margin-top: 20px;
    }

    .mt_team_area .mt_team_left .mt_team_content h3,
    .mt_team_area .mt_team_right .mt_team_content_top h3 {
        font-size: 28px;
    }

    .mt_team_area .mt_team_left .mt_team_content p,
    .mt_team_area .mt_team_right .mt_team_content_top p {
        font-size: 18px;
    }

    .mt_team_area .mt_team_left .mt_team_content a,
    .mt_team_area .mt_team_right .mt_team_content_top a {
        width: 50px;
        height: 50px;
        font-size: 18px;
    }
}

/*===================================
    Team Section End
===================================*/



/*==================================
    Contact Form Section Start
==================================*/

.mt_contact_form {
    background: #f7f7f7;
    overflow: hidden;
    padding: 60px 0px 0px 0px;
}

.mt_contact_form .mt_contact_form_wrapper {
    position: relative;
}

.mt_contact_form .mt_contact_form_image img {
    width: 100%;
    display: block;
    margin-bottom: -50px;
}

.mt_contact_form .mt_contact_form_content {
    background: #f5f5f5;
    padding: 60px 50px;
    border-radius: 40px;

    /* Outer Shadow */
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    border-top: 2px solid rgb(181 143 83);
}

.mt_contact_form .mt_contact_form_heading h2 {
    font-size: 72px;
    font-weight: 400;
    color: #bb9457;
    margin-bottom: 50px;
    font-family: "Playfair Display", serif;
}

.mt_contact_form .mt_contact_form_group {
    margin-bottom: 0px;
}

.mt_contact_form .mt_contact_form_group .form-control {
    width: 100%;
    height: 75px;
    border: 1px solid #c9a96a;
    border-radius: 12px;
    padding: 15px 20px;
    font-size: 18px;
    color: #222;
    background: transparent;
    box-shadow: none;
}

.mt_contact_form .mt_contact_form_group textarea.form-control {
    height: 170px;
    resize: none;
    padding-top: 20px;
}

.mt_contact_form .mt_contact_form_group .form-control:focus {
    border-color: #bb9457;
    box-shadow: none;
}

.mt_contact_form .mt_contact_form_group .form-control::placeholder {
    color: #222;
}

.mt_contact_form .mt_contact_form_button {
    margin-top: 20px;
}

.mt_contact_form .mt_contact_form_button .btn {
    width: 220px;
    height: 70px;
    background: #bb9457;
    border-radius: 50px;
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    border: none;
    transition: all 0.3s ease;
}

.mt_contact_form .mt_contact_form_button .btn:hover {
    background: #a47d43;
    color: #fff;
}




/*==================================
    Contact Form Section End
==================================*/


.mt_about_inner{
    padding:100px 0;
    overflow:hidden;
}

.mt_about_inner h2{
    font-size:78px;
    font-weight:500;
    color:#000;
    line-height:1;
    margin-bottom:35px;
    font-family:serif;
}

.mt_about_inner h2 span{
    color:#c6a45d;
}

.mt_about_inner p{
    font-size:16px;
    line-height:34px;
    color:#222;
    
}

.mt_about_inner .row .row{
   
}

.mt_about_box{
    margin-bottom:35px;
}

.mt_about_box div{
    width:78px;
    height:78px;
    background:#c6a45d;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:15px;
}

.mt_about_box i{
    font-size:34px;
    color:#000;
}

.mt_about_box h4{
    font-size:22px;
    font-weight:500;
    color:#181818;
}

.mt_about_images{
    position:relative;
    min-height:500px;
}

.mt_about_top_img{
    position:absolute;
    top:-200px;
    right:0;
    width:82%;
    z-index:2;
}

.mt_about_top_img img {
    width: 100%;
    display: block;
    border-radius: 50px;
    border: 20px solid #fff;
}

.mt_about_bottom_img{
    position:absolute;
    right:0;
    bottom:0;
    width:100%;
}

.mt_about_bottom_img img{
    width:100%;
    display:block;
    border-radius:40px;
}

/*=================================================
Experience Section
=================================================*/

.mt_experience{
    position:relative;
    padding:120px 0;
    
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    overflow:hidden;
}

.mt_experience::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.45);
}

.mt_experience .container{
    position:relative;
    z-index:2;
}

/*.mt_experience_counter{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    border:1px solid rgba(255,255,255,0.20);
}*/

.mt_experience_counter{
    display:grid;
    grid-template-columns:repeat(2,1fr);
}

.mt_experience_counter div{
    padding:42px 30px;
}

/* center vertical line */
.mt_experience_counter div:nth-child(1),
.mt_experience_counter div:nth-child(3){
    border-right:1px solid rgba(255,255,255,0.20);
}

/* center horizontal line */
.mt_experience_counter div:nth-child(1),
.mt_experience_counter div:nth-child(2){
    border-bottom:1px solid rgba(255,255,255,0.20);
}

.mt_experience_counter h3{
    font-size:60px;
    font-weight:400;
    color:#ffffff;
    line-height:1;
    margin-bottom:20px;
    font-family:serif;
}

.mt_experience_counter p{
    color:#ffffff;
    font-size:24px;
    margin:0;
    font-weight:300;
}

.mt_experience_content{
    padding-left:60px;
}

.mt_experience_content span{
    display:block;
    color:#ffffff;
    font-size:18px;
    letter-spacing:4px;
    font-weight:600;
    margin-bottom:20px;
}

.mt_experience_content h2{
    color:#ffffff;
    font-size:64px;
    font-weight:400;
    line-height:0.95;
    margin-bottom:35px;
    font-family:serif;
}

.mt_experience_content p {
    color: #fff;
    font-size: 18px;
    line-height: 34px;
    margin: 0px;
}


/*=====================================
 Mission Vision Section Start
=====================================*/

.mt_mission_vision {
    padding: 80px 0;
    background: #f7f7f7;
}

.mt_mission_vision .mt_mission_vision_box {

    border-radius: 10px;

  
    height: 100%;
}

.mt_mission_vision .mt_mission_vision_heading {
    text-align: center;
    margin-bottom: 20px;
}

.mt_mission_vision .mt_mission_vision_heading h2 {
    font-size: 48px;
    font-weight: 500;
    color: #000000;
    margin: 0;
    line-height: 1.2;
    font-family: serif;
}

.mt_mission_vision .mt_mission_vision_heading h2 span {
    color: #c8a96b;
}

.mt_mission_vision .mt_mission_vision_image {
    overflow: hidden;
    border-radius: 8px;
}

.mt_mission_vision .mt_mission_vision_image img {
    width: 100%;
    display: block;
    border-radius: 8px;
}

.mt_mission_vision .mt_mission_vision_content {
    padding: 20px 15px 10px;
    text-align: center;
}

.mt_mission_vision .mt_mission_vision_content h3 {
    font-size: 24px;
    font-weight: 500;
    color: #222222;
    line-height: 1.4;
    margin-bottom: 15px;
}

.mt_mission_vision .mt_mission_vision_content p {
    font-size: 16px;
    line-height: 1.8;
    color: #484747;
    margin: 0;
}

/*=====================================
 Mission Vision Section End
=====================================*/

.mt_choose_us {
    padding: 100px 0;
}

.mt_choose_us .mt_choose_us_heading {
    margin-bottom: 40px;
}

.mt_choose_us .mt_choose_us_heading h2 {
    font-size: 70px;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px;
}

.mt_choose_us .mt_choose_us_heading h2 span {
    color: #c9a55a;
}

.mt_choose_us .mt_choose_us_heading p {
    font-size: 22px;
    line-height: 1.5;
    color: #222;
}

.mt_choose_us .accordion-item {
    border: 1px solid #c9a55a;
    border-radius: 12px !important;
    overflow: hidden;
    margin-bottom: 20px;
}

.mt_choose_us .accordion-button {
    background: transparent;
    box-shadow: none;
    font-size: 18px;
    font-weight: 600;
    padding: 22px 25px;
}

.mt_choose_us .accordion-button i {
    color: #c9a55a;
    margin-right: 12px;
}

.mt_choose_us .accordion-button:not(.collapsed) {
    background: #fff;
    color: #000;
}

.mt_choose_us .accordion-button:focus {
    box-shadow: none;
}

.mt_choose_us .accordion-body {
    padding: 0 25px 25px 60px;
    color: #666;
    line-height: 1.8;
}

.mt_choose_us .accordion-button::after {
    background-size: 18px;
}

.mt_choose_us .mt_choose_us_left {
    position: relative;
    padding-right: 120px;
    padding-bottom: 120px;
}

.mt_choose_us .mt_choose_us_image {
    position: relative;
}

.mt_choose_us .mt_choose_us_image img {
    width: 100%;
    display: block;
    border-radius: 10px;
    height: 550px;
}

.mt_choose_us .mt_choose_us_video {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 65%;
    z-index: 2;
}

.mt_choose_us .mt_choose_us_video img {
    width: 100%;
    display: block;
    border-radius: 10px;
}

.mt_choose_us .mt_choose_us_video a {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    transform: translate(-50%, -50%);
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mt_choose_us .mt_choose_us_video a:hover {
    color: #fff;
}





.mt_project_inner{
    padding:100px 0;
    
}

.mt_project_inner h1{
    font-size:60px;
    line-height:0.95;
    font-weight:400;
    max-width:650px;
    margin-bottom:30px;
    color: #000;
    font-family: var(--font-heading);
}

.mt_project_inner > .container > .row > div:first-child > p{
    max-width:500px;
    margin-bottom:40px;
    color: #000;
}

.mt_project_inner .mt_project_img{
    position:relative;
}

.mt_project_inner img{
    width:100%;
    border-radius:30px;
    display:block;
}

.mt_project_inner .mt_project_card{
    position:absolute;
    left:60px;
    bottom:60px;
    width:420px;
    background:rgba(191,158,84,.70);
    padding:30px;
    border-radius:20px;
}

.mt_project_inner .mt_project_card p{
    color:#fff;
    font-size:22px;
    line-height:1.5;
    margin-bottom:25px;
}

.mt_project_inner .mt_project_card a{
    color:#fff;
    text-decoration:none;
    display:flex;
    align-items:center;
    gap:15px;
}

.mt_project_inner .mt_project_card span{
    width:50px;
    height:50px;
    background:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.mt_project_inner .mt_project_card i{
    color:#b89c57;
}





/* =====================================
Recent Project
===================================== */

.mt_recent_project{
    padding:120px 0;
    background:#f4f4f4;
}

.mt_recent_project_heading{
    margin-bottom:60px;
}

.mt_recent_project_details_heading{
    margin-bottom:60px;
}
.mt_recent_project_details_heading h2{
    font-size:90px;
    font-weight:400;
    line-height:1;
    color:#111;
    font-family: var(--font-heading);
    margin-bottom: 20px;
}
.mt_recent_project_heading h2{
    font-size:90px;
    font-weight:400;
    line-height:1;
    color:#111;
    font-family: var(--font-heading);
}

.mt_floor_plan_heading h2 {
    font-size: 90px;
    font-weight: 400;
    line-height: 1;
    color: #111;
    font-family: var(--font-heading);
}

.mt_floor_plan_heading h2 span{
    color:#c5a04d;
}





.mt_project_description_box h2 {
    font-size: 90px;
    font-weight: 400;
    line-height: 1;
    color: #111;
    font-family: var(--font-heading);
}

.mt_project_description_box h2 span{
    color:#c5a04d;
}

.mt_recent_project_heading h2 span{
    color:#c5a04d;
}

/* Card */

.mt_recent_project_item{
    position:relative;
    margin-bottom: 50px;
}

.mt_recent_project_image img{
    width:100%;
    height:460px;
    object-fit:cover;
    border-radius:35px;
    display:block;
}

/* Info Box */

.mt_recent_project_content{
    width:85%;
    background:#ffffff;
    border-radius:30px;
    padding:25px;
    margin:-120px auto 0;
    position:relative;
    z-index:2;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    border-bottom: 1px solid #c5a04d;
}

.mt_recent_project_content h3{
    font-size:24px;
    font-weight:600;
    color:#222;
    margin-bottom:25px;
}

/* Location */

.mt_recent_project_location{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:12px;
}

.mt_recent_project_location span{
    width:44px;
    height:44px;
    border-radius:50%;
    background:#c5a04d;
    display:flex;
    align-items:center;
    justify-content:center;
}

.mt_recent_project_location span i{
    color:#fff;
}

.mt_recent_project_location p{
    margin:0;
    font-size:18px;
    color: #000;
}

/* Features */

.mt_recent_project_content ul{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    padding:0;
    margin:0 0 12px;
    list-style:none;
}

.mt_recent_project_content ul li{
    font-size:18px;
    color:#333;
}

.mt_recent_project_content ul li i{
    margin-right:8px;
}

/* Bottom */

.mt_recent_project_bottom{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    border-top:1px solid #ddd1b2;
    padding-top:10px;
}

.mt_recent_project_bottom p{
    margin-bottom:5px;
    font-size:16px;
    color: #000;
}

.mt_recent_project_bottom h4{
    margin:0;
    font-size:24px;
    font-weight:700;
    color:#222;
}

.mt_recent_project_bottom a{
    color:#c5a04d;
    text-decoration:none;
    font-size:18px;
    display:flex;
    align-items:center;
    gap:10px;
}





:root{
    --slider-height:520px;
    --center-w:420px;
    --near-w:320px;
    --far-w:320px;
    --gap:16px;    /* reduced gap so sides overlap slightly */
    --radius:22px;
  }



.wrap {
  width: 100%;
  max-width: 1200px;
  margin: 10px auto 60px;
  position: relative;
  overflow: hidden;
}

.slider-stage {
  height: var(--slider-height);
  position: relative;
}

.slide {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) scale(.6);
  width: var(--far-w);
  height: 100%;
  transition: left .55s cubic-bezier(.2,.8,.2,1), transform .55s cubic-bezier(.2,.8,.2,1), width .55s, opacity .45s;
  border-radius: var(--radius);
  overflow: hidden;
 /* box-shadow: 0 12px 30px rgba(0,0,0,0.15);*/
  opacity: .45;
  cursor: pointer;
}

.slide img { width:100%; height:100%; object-fit:cover; display:block; }

/* center (largest) */
.center {
  width: var(--center-w);
  transform: translateX(-50%) scale(1);
  left: 50%;
  z-index: 60;
  opacity: 1;
}

/* immediate near left/right */
.left-near {
  width: var(--near-w);
  left: calc(50% - (var(--center-w)/2) - var(--gap));
  transform: translateX(-50%) scale(.9);
  z-index: 50;
  opacity: .95;
}
.right-near {
  width: var(--near-w);
  left: calc(50% + (var(--center-w)/2) + var(--gap));
  transform: translateX(-50%) scale(.9);
  z-index: 50;
  opacity: .95;
}

/* far left/right (peeking) */
/* far left/right (peeking) */
.left-far {
  width: var(--far-w);
  left: calc(60% - (var(--center-w)/2) - var(--near-w) - (var(--gap)*0.8)); /* reduced distance */
  transform: translateX(-50%) scale(.7);
  z-index: 40;
  opacity: .6;
}

.right-far {
  width: var(--far-w);
  left: calc(40% + (var(--center-w)/2) + var(--near-w) + (var(--gap)*0.8)); /* reduced distance */
  transform: translateX(-50%) scale(.7);
  z-index: 40;
  opacity: .6;
}


/* hidden (others) */
.out {
  transform: translateX(-50%) scale(.5);
  opacity: 0;
  z-index: 10;
  pointer-events: none;
}

/* explore button */
.explore {
  position: absolute;
  right: 18px;
  bottom: 18px;
  z-index: 120;
  background: rgba(0,0,0,0.7);
  color: #fff;
  padding: 8px 14px;
  border-radius: 20px;
  font-size: .9rem;
  text-decoration: none;
  opacity: 0;
  transition: opacity .25s;
}
.slide:hover .explore,
.slide.center .explore { opacity: 1; pointer-events: auto; }

/* arrows */
.nav-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width:52px;
  height:52px;
  border-radius:50%;
  background:#007C7C;
  display:flex;
  align-items:center;
  justify-content:center;
 /* box-shadow:0 8px 20px rgba(0,0,0,0.15);*/
  cursor:pointer;
  z-index:200;
  color: #fff;
}
.nav-arrow.left { left: 0px; }
.nav-arrow.right { right: 0px; }
.nav-arrow .chev { font-size:22px; color:#fff; }

/* responsive */
@media (max-width: 1100px){
  :root{
    --center-w:360px;
    --near-w:260px;
    --far-w:120px;
  }
}
@media (max-width: 800px){
  :root{
    --center-w:260px;
    --near-w:200px;
    --far-w:80px;
    --slider-height:360px;
  }
  .nav-arrow.left { left: -20px; }
  .nav-arrow.right { right: -20px; }
}
@media (max-width: 600px){
  .explore { opacity: 1; }
  .slide { transition: all .35s ease; }
}

.tm_gallery_slider {margin: 100px 0px;}



.mt_book { 
    min-height:80vh;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow-x:hidden;
    font-family:Arial, sans-serif;}

.scene{
    width:90vw;
    max-width:500px;
    aspect-ratio:3/4;
    perspective:2000px;
    position:relative;
    margin-left:clamp(40px, 20vw, 300px);
}

.book{
    width:100%;
    height:100%;
    position:relative;
    transform-style:preserve-3d;
}

.page{
    cursor:pointer;
    position:absolute;
    width:100%;
    height:100%;
    transform-style:preserve-3d;
    transform-origin:left center;
    transition:transform 1.2s;
    box-shadow:0 0 20px rgba(0,0,0,.4);
}

.front,
.back{
    position:absolute;
    width:100%;
    height:100%;
    overflow:hidden;
    backface-visibility:hidden;
    border:1px solid #ddd;
    background:#fff;
}

.front img,
.back img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.back{
    transform:rotateY(180deg);
}

.page.active{
    z-index:100;
}

.page.flipped{
    transform:rotateY(-180deg);
}

.book-arrow{
    position:fixed;
    top:50%;
    transform:translateY(-50%);
    width:55px;
    height:55px;
    border-radius:50%;
    background:rgba(0,0,0,.7);
    color:#fff;
    font-size:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:9999;
    user-select:none;
}

.book-arrow:hover{
    background:#000;
}

.left-arrow{
    left:20px;
}

.right-arrow{
    right:20px;
}

@media(max-width:768px){

    .book-arrow{
        width:45px;
        height:45px;
        font-size:22px;
    }

    .left-arrow{
        left:10px;
    }

    .right-arrow{
        right:10px;
    }
}




.mt_contact_page{
    padding: 50px 0px 100px 0px;
    background: #ffffff;
}

.mt_contact_page .mt_contact_info{
    height: 100%;
}

.mt_contact_page .mt_contact_item{
    margin-bottom: 30px;
}

.mt_contact_page .mt_contact_item h4{
    font-size: 22px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 10px;
}

.mt_contact_page .mt_contact_item p{
    font-size: 16px;
    line-height: 28px;
    color: #666666;
    margin: 0;
}

.mt_contact_page .mt_contact_form{
    background: #f8f8f8;
    padding: 40px;
    border-radius: 10px;
    border: 1px solid #c6a760
}

.mt_contact_page .mt_contact_form input{
    width: 100%;
    height: 55px;
    border: 1px solid #dddddd;
    padding: 0 20px;
    margin-bottom: 20px;
    outline: none;
}

.mt_contact_page .mt_contact_form textarea{
    width: 100%;
    height: 150px;
    border: 1px solid #dddddd;
    padding: 20px;
    resize: none;
    outline: none;
    margin-bottom: 20px;
}

.mt_contact_page .mt_contact_form input[type="submit"] {
    border: none;
    padding: 15px 35px;
    background: #b58923;
    color: #ffffff;
    cursor: pointer;
    width: 180px;
}

.mt_contact_page .mt_contact_form button{
    border: none;
    padding: 15px 35px;
    background: #b58923;
    color: #ffffff;
    cursor: pointer;
}

.mt_contact_page .mt_contact_map{
    margin-top: 50px;
}

.mt_contact_page .mt_contact_map iframe{
    width: 100%;
    height: 450px;
    border: 0;
}


.mt_contact_page .mt_contact_info{
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* Card style item */
.mt_contact_page .mt_contact_item{
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 20px;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    transition: 0.3s;
    border: 1px solid #c6a760;
}

/* Hover effect */
.mt_contact_page .mt_contact_item:hover{
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

/* Icon box */
.mt_contact_page .mt_icon {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background: linear-gradient(111deg, #d99e1f, #798ba7);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.mt_contact_page .mt_icon i{
    color: #fff;
    font-size: 18px;
}

/* Text */
.mt_contact_page .mt_text h4{
    font-size: 18px;
    margin: 0 0 5px;
    font-weight: 600;
    color: #222;
}

.mt_contact_page .mt_text p{
    margin: 0;
    font-size: 14px;
    color: #666;
}


/* Section Heading */
.mt_contact_page .mt_section_head{
    margin-bottom: 50px;
}

.mt_contact_page .mt_section_head h2{
    font-size: 36px;
    font-weight: 700;
    color: #222;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
}

/* underline effect */
.mt_contact_page .mt_section_head h2::after{
    content: "";
    width: 60px;
    height: 3px;
    background: linear-gradient(135deg, #6a11cb, #2575fc);
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    border-radius: 10px;
}

.mt_contact_page .mt_section_head p{
    margin: 20px auto 0;
    font-size: 18px;
    color: #666;
    line-height: 26px;
}

/*=============project details=================*/

.mt_project_inner{
    padding:80px 0;
/*box-shadow: 0 0 20px rgba(0, 0, 0, .08);*/
}

.mt_project_inner .row{
    align-items:stretch;
}

.mt_project_gallery{
    background:#fff;
    padding:25px;
    border-radius:25px;
    box-shadow:0 0 20px rgba(0,0,0,.08);
}

.mt_project_main_image img{
    width:100%;
    height:520px;
    object-fit:cover;
    border-radius:20px;
}

.mt_project_thumbnail{
    display:flex;
    gap:15px;
    margin-top:15px;
    overflow-x:auto;
}

.mt_project_thumbnail img{
    width:140px;
    height:90px;
    object-fit:cover;
    border-radius:12px;
    cursor:pointer;
    transition:.3s;
}

.mt_project_thumbnail img:hover{
    opacity:.8;
}

.mt_project_details{
    height:100%;
    background:#fff;
    padding:50px;
    border-radius:25px;
    box-shadow:0 0 20px rgba(0,0,0,.08);
}

.mt_project_details h2{
    color:#c19a4d;
    font-size:30px;
    font-weight:600;
    margin-bottom:10px;
}

.mt_project_details p{
    color:#444;
    line-height:1.8;
}

.mt_project_details hr{
    margin:30px 0;
    color: #818181;
}

.mt_project_details h4{
    font-size:20px;
    font-weight:600;
    margin-top:25px;
    margin-bottom:10px;
    color: #161616;
}

.mt_project_details a{
    display:block;
    text-align:center;
    background:#c19a4d;
    color:#fff;
    text-decoration:none;
    padding:18px;
    border-radius:12px;
    transition:.3s;
}

.mt_project_details a:hover{
    background:#a88743;
}


.mt_project_inner{
    padding:80px 0;
}

.mt_project_inner .mt_project_main_image img{
    width:100%;
    height:550px;
    object-fit:cover;
    border-radius:20px;
}

.mt_project_inner .mt_project_thumbnail_wrapper{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:20px;
}

.mt_project_inner .mt_project_thumbnail{
    display:flex;
    gap:12px;
    overflow:hidden;
    flex:1;
}

.mt_project_inner .mt_project_thumbnail img{
    width:120px;
    height:85px;
    object-fit:cover;
    border-radius:10px;
    cursor:pointer;
    flex-shrink:0;
}

.mt_project_inner .mt_thumb_prev,
.mt_project_inner .mt_thumb_next{
    width:40px;
    height:40px;
    border:none;
    background:#c7a15a;
    color:#fff;
    border-radius:50%;
    cursor:pointer;
}

.mt_project_inner .mt_project_details{
    height:100%;
}



.mt_project_gallery_v1{
    background:#ffffff;
    border-radius:30px;
    padding:25px;
    position:relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, .08);
}

.mt_project_gallery_v1 .mt_main_image_link{
    display:block;
    border-radius:25px;
    overflow:hidden;
}

.mt_project_gallery_v1 .mt_main_image{
    width:100%;
    height:auto;
    display:block;
    transition:all .4s ease;
}

.mt_project_gallery_v1 .mt_main_image_link:hover .mt_main_image{
    transform:scale(1.03);
}

.mt_project_gallery_v1 .mt_thumb_wrapper{
    margin-top:20px;
    position:relative;
    display:flex;
    align-items:center;
}

.mt_project_gallery_v1 .mt_thumb_container{
    overflow:hidden;
    width:100%;
    scroll-behavior:smooth;
}

.mt_project_gallery_v1 .mt_thumb_track{
    display:flex;
    gap:12px;
}

.mt_project_gallery_v1 .mt_thumb{
    flex:0 0 auto;
}

.mt_project_gallery_v1 .mt_thumb img{
    width:120px;
    height:80px;
    object-fit:cover;
    border-radius:12px;
    border:3px solid transparent;
    cursor:pointer;
    transition:all .3s ease;
}

.mt_project_gallery_v1 .mt_thumb img:hover{
    transform:translateY(-3px);
}

.mt_project_gallery_v1 .mt_thumb img.mt_active{
    border-color:#4d7cff;
}

.mt_project_gallery_v1 .mt_gallery_arrow{
    width:42px;
    height:42px;
    border:none;
    border-radius:50%;
    background:#c89d45;
    color:#fff;
    position:absolute;
    z-index:10;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.3s;
}

.mt_project_gallery_v1 .mt_gallery_arrow:hover{
    background:#b6882c;
}

.mt_project_gallery_v1 .mt_arrow_left{
    left:-20px;
}

.mt_project_gallery_v1 .mt_arrow_right{
    right:-20px;
}

/* Animation */

.mt_project_gallery_v1 .mt_main_image.mt_fade{
    opacity:0;
    transform:scale(1.05);
}

/* Responsive */

@media(max-width:991px){

    .mt_project_gallery_v1 .mt_thumb img{
        width:100px;
        height:70px;
    }

}

@media(max-width:768px){

    .mt_project_gallery_v1{
        padding:15px;
        border-radius:20px;
    }

    .mt_project_gallery_v1 .mt_thumb img{
        width:80px;
        height:60px;
    }

    .mt_project_gallery_v1 .mt_gallery_arrow{
        width:35px;
        height:35px;
    }

    .mt_project_gallery_v1 .mt_arrow_left{
        left:-10px;
    }

    .mt_project_gallery_v1 .mt_arrow_right{
        right:-10px;
    }

}
/*----- project inner description --*/
/* ==========================================
   PROJECT DESCRIPTION
========================================== */

.mt_project_inner_description {
    padding: 80px 0;
    background: #f7f7f7;
}

/* ==========================================
   TOP DESCRIPTION BOX
========================================== */

.mt_project_inner_description .mt_project_description_box {
    background: #ffffff;
    padding: 40px;
    margin-bottom: 30px;
    border-radius: 10px;

    box-shadow:
    0 2px 15px rgba(0,0,0,0.08);
}

.mt_project_inner_description h2 {
    font-size: 48px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 30px;
}

.mt_project_inner_description p {
    font-size: 15px;
    line-height: 30px;
    color: #666666;
    margin-bottom: 20px;
}

/* ==========================================
   FEATURE BOX
========================================== */

.mt_project_inner_description .mt_project_feature_box {
    background: #ffffff;
    padding: 35px;
    height: 100%;
    border-radius: 10px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.08);
    border-left: 2px solid #d29b2f;
}
.mt_project_inner_description hr {color: #858585;}
.mt_project_inner_description .mt_project_feature_box h3,
.mt_project_inner_description .mt_project_location_box h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
    color: #222222;
}

.mt_project_inner_description .mt_project_feature_box ul {
    padding-left: 20px;
    margin: 0;
}

.mt_project_inner_description .mt_project_feature_box ul li {
    font-size: 15px;
    color: #555555;
    margin-bottom: 18px;
    line-height: 24px;
}

/* ==========================================
   LOCATION BOX
========================================== */

.mt_project_inner_description .mt_project_location_box {
    background: #ffffff;
    padding: 35px;
    height: 100%;
    border-radius: 10px;

    box-shadow:
    0 2px 15px rgba(0,0,0,0.08);
}

.mt_project_inner_description .mt_project_location_box h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
}

.mt_project_inner_description .mt_project_location_box p {
    margin-bottom: 20px;
}

.mt_project_inner_description .mt_project_location_box p i {
    color: #c79b2f;
    margin-right: 8px;
}

.mt_project_inner_description .mt_project_location_box img {
    width: 100%;
    display: block;
    border-radius: 8px;
}

.mt_project_inner_description .mt_project_location_box .mt_project_map {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}

.mt_project_inner_description .mt_project_location_box .mt_project_map iframe {
    width: 100%;
    height: 450px;
    border: 0;
    display: block;
}



/* ================================
   FLOOR PLAN SECTION
================================ */

.mt_floor_plan_section {
    padding: 80px 0;
    background: #f7f7f7;
}

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

.mt_floor_plan_section .mt_floor_plan_heading h2 {
    font-size: 42px;
    font-weight: 700;
    color: #222;
    margin-bottom: 20px;
}

/* ================================
   IMPORTANT: ALIGNMENT FIX
================================ */

.mt_floor_plan_section .row {
    align-items: end; /* 🔥 KEY FIX for bottom alignment */
}

/* ================================
   CARD STYLE (ALL SAME HEIGHT)
================================ */

.mt_floor_plan_section .mt_floor_plan_card,
.mt_floor_plan_section .mt_floor_plan_large {
    position: relative;
    overflow: hidden;

    height: 460px;  /* 🔥 SAME HEIGHT FOR ALL */

    border-radius: 28px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}

/* IMAGE */

.mt_floor_plan_section .mt_floor_plan_card img,
.mt_floor_plan_section .mt_floor_plan_large img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: 0.5s ease;
}

/* HOVER ZOOM */

.mt_floor_plan_section .mt_floor_plan_card:hover img,
.mt_floor_plan_section .mt_floor_plan_large:hover img {
    transform: scale(1.08);
}

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

.mt_floor_plan_section .mt_floor_plan_overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    padding: 20px;

    background: linear-gradient(
        to top,
        rgba(0,0,0,0.90),
        rgba(0,0,0,0.50),
        rgba(0,0,0,0)
    );
}

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

.mt_floor_plan_section .mt_floor_plan_overlay h3 {
    display: inline-block;

    background: rgba(0,0,0,0.45);
    padding: 10px 16px;
    border-radius: 6px;

    color: #f1f1f1;
    font-size: 20px;
    font-weight: 700;

    margin: 0;
}

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

@media (max-width: 991px) {

    .mt_floor_plan_section {
        padding: 60px 0;
    }

    .mt_floor_plan_section .mt_floor_plan_heading h2 {
        font-size: 34px;
    }

    .mt_floor_plan_section .mt_floor_plan_card,
    .mt_floor_plan_section .mt_floor_plan_large {
        height: 380px;
    }
}

@media (max-width: 767px) {

    .mt_floor_plan_section .mt_floor_plan_card,
    .mt_floor_plan_section .mt_floor_plan_large {
        height: 300px;
    }

    .mt_floor_plan_section .mt_floor_plan_overlay h3 {
        font-size: 16px;
    }
}


/*=============================
    INNER DOC
=============================*/

.mt_inner_doc{
    padding:80px 0;
}

.mt_inner_doc .row{
    border:1px solid #c7a55b;
    border-radius:20px;
    overflow:hidden;
    position:relative;
}

.mt_inner_doc .col-lg-4{
    position:relative;
}

.mt_inner_doc .col-lg-4:not(:last-child)::after{
    content:"";
    width:1px;
    height:78%;
    background:#cfcfcf;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
}

.mt_inner_doc_box{
    text-align:center;
    padding:55px 30px;
}

.mt_inner_doc_icon{
    width:90px;
    height:90px;
    background:#c7a55b;
    border-radius:50%;
    margin:0 auto 25px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.mt_inner_doc_icon i{
    font-size:42px;
    color:#222;
}

.mt_inner_doc h3{
    font-size:24px;
    font-weight:700;
    color:#222;
    margin-bottom:10px;
}

.mt_inner_doc p{
    font-size:18px;
    color:#666;
    margin-bottom:35px;
}

.mt_inner_doc a{
    width:220px;
    height:64px;
    background:#fff;
    color:#c7a55b;
    text-decoration:none;
    border-radius:12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:600;
    box-shadow:0 4px 15px rgba(0,0,0,.08);
    transition:.4s;
}

.mt_inner_doc a:hover{
    background:#c7a55b;
    color:#fff;
}

.mt_inner_doc .active a{
    background:#c7a55b;
    color:#fff;
}

.mt_inner_doc .active a:hover{
    background:#222;
}






.mt_related_project{
    padding:80px 0;
}

.mt_related_project_slider .item{
    padding:15px;
}

.mt_related_project_slider .owl-stage{
    display:flex;
}

.mt_related_project_slider .owl-item{
    height:auto;
}

.mt_related_project_slider .mt_recent_project_item{
    height:100%;
}