.elementor-82 .elementor-element.elementor-element-5bc3545{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-82 .elementor-element.elementor-element-35a5fe3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-82 .elementor-element.elementor-element-ed1012e{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;}.elementor-82 .elementor-element.elementor-element-ed1012e:not(.elementor-motion-effects-element-type-background), .elementor-82 .elementor-element.elementor-element-ed1012e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-82 .elementor-element.elementor-element-426e13e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-82 .elementor-element.elementor-element-3a54c25{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-82 .elementor-element.elementor-element-9d33c88{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-82 .elementor-element.elementor-element-9d33c88 .elementor-icon-list-icon i{color:#012554;transition:color 0.3s;}.elementor-82 .elementor-element.elementor-element-9d33c88 .elementor-icon-list-icon svg{fill:#012554;transition:fill 0.3s;}.elementor-82 .elementor-element.elementor-element-9d33c88 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#4D978B;}.elementor-82 .elementor-element.elementor-element-9d33c88 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#4D978B;}.elementor-82 .elementor-element.elementor-element-9d33c88 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-82 .elementor-element.elementor-element-9d33c88 .elementor-icon-list-item > a{font-family:"Salzburg-Serial-Regular", Sans-serif;font-size:16px;font-weight:400;}.elementor-82 .elementor-element.elementor-element-9d33c88 .elementor-icon-list-text{transition:color 0.3s;}.elementor-82 .elementor-element.elementor-element-fbd393c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-82 .elementor-element.elementor-element-9ef8972{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.79;}.elementor-82 .elementor-element.elementor-element-9ef8972:not(.elementor-motion-effects-element-type-background), .elementor-82 .elementor-element.elementor-element-9ef8972 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4FBFA;background-image:url("https://drsatyajitwadje.in/wp-content/uploads/2026/05/header1.jpeg");background-repeat:no-repeat;background-size:cover;}.elementor-82 .elementor-element.elementor-element-9ef8972::before, .elementor-82 .elementor-element.elementor-element-9ef8972 > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-9ef8972 > .e-con-inner > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-9ef8972 > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-9ef8972 > .e-con-inner > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-9ef8972 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#6FD4C2;--background-overlay:'';}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-82 .elementor-element.elementor-element-c61f13d .elementor-button{background-color:#012554;font-family:"Salzburg-Serial-Regular", Sans-serif;font-size:18px;font-weight:500;}.elementor-82 .elementor-element.elementor-element-c61f13d .elementor-button:hover, .elementor-82 .elementor-element.elementor-element-c61f13d .elementor-button:focus{background-color:#4D978B;}.elementor-82 .elementor-element.elementor-element-c61f13d{background-color:#012554;padding:4% 4% 4% 4%;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-82 .elementor-element.elementor-element-0550905 .elementor-button{background-color:#012554;font-family:"Salzburg-Serial-Regular", Sans-serif;font-size:18px;font-weight:500;}.elementor-82 .elementor-element.elementor-element-0550905 .elementor-button:hover, .elementor-82 .elementor-element.elementor-element-0550905 .elementor-button:focus{background-color:#4D978B;}.elementor-82 .elementor-element.elementor-element-0550905{background-color:#012554;padding:4% 4% 4% 4%;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-82 .elementor-element.elementor-element-6afafa8 .elementor-button{background-color:#012554;font-family:"Salzburg-Serial-Regular", Sans-serif;font-size:18px;font-weight:500;}.elementor-82 .elementor-element.elementor-element-6afafa8 .elementor-button:hover, .elementor-82 .elementor-element.elementor-element-6afafa8 .elementor-button:focus{background-color:#4D978B;}.elementor-82 .elementor-element.elementor-element-6afafa8{background-color:#012554;padding:4% 4% 4% 4%;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-82 .elementor-element.elementor-element-c2c3f49{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-82 .elementor-element.elementor-element-16b2f0b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-82 .elementor-element.elementor-element-7ab589c{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-82 .elementor-element.elementor-element-7ab589c .elementor-icon-list-icon i{color:#012554;transition:color 0.3s;}.elementor-82 .elementor-element.elementor-element-7ab589c .elementor-icon-list-icon svg{fill:#012554;transition:fill 0.3s;}.elementor-82 .elementor-element.elementor-element-7ab589c .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#4D978B;}.elementor-82 .elementor-element.elementor-element-7ab589c .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#4D978B;}.elementor-82 .elementor-element.elementor-element-7ab589c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-82 .elementor-element.elementor-element-7ab589c .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;}.elementor-82 .elementor-element.elementor-element-7ab589c .elementor-icon-list-text{transition:color 0.3s;}.elementor-82 .elementor-element.elementor-element-5ac58ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-82 .elementor-element.elementor-element-6eec3e0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.79;}.elementor-82 .elementor-element.elementor-element-6eec3e0:not(.elementor-motion-effects-element-type-background), .elementor-82 .elementor-element.elementor-element-6eec3e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4FBFA;background-image:url("https://drsatyajitwadje.in/wp-content/uploads/2026/05/header1.jpeg");background-repeat:no-repeat;background-size:cover;}.elementor-82 .elementor-element.elementor-element-6eec3e0::before, .elementor-82 .elementor-element.elementor-element-6eec3e0 > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-6eec3e0 > .e-con-inner > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-6eec3e0 > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-6eec3e0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-6eec3e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#6FD4C2;--background-overlay:'';}.elementor-82 .elementor-element.elementor-element-b0e0ac7 .elementor-button{background-color:#012554;font-family:"Inter", Sans-serif;font-size:18px;font-weight:500;}.elementor-82 .elementor-element.elementor-element-b0e0ac7 .elementor-button:hover, .elementor-82 .elementor-element.elementor-element-b0e0ac7 .elementor-button:focus{background-color:#4D978B;}.elementor-82 .elementor-element.elementor-element-b0e0ac7{background-color:#012554;padding:4% 4% 4% 4%;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-82 .elementor-element.elementor-element-f64b143 .elementor-button{background-color:#012554;font-family:"Inter", Sans-serif;font-size:18px;font-weight:500;}.elementor-82 .elementor-element.elementor-element-f64b143 .elementor-button:hover, .elementor-82 .elementor-element.elementor-element-f64b143 .elementor-button:focus{background-color:#4D978B;}.elementor-82 .elementor-element.elementor-element-f64b143{background-color:#012554;padding:4% 4% 4% 4%;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-82 .elementor-element.elementor-element-a8980d6 .elementor-button{background-color:#012554;font-family:"Inter", Sans-serif;font-size:18px;font-weight:500;}.elementor-82 .elementor-element.elementor-element-a8980d6 .elementor-button:hover, .elementor-82 .elementor-element.elementor-element-a8980d6 .elementor-button:focus{background-color:#4D978B;}.elementor-82 .elementor-element.elementor-element-a8980d6{background-color:#012554;padding:4% 4% 4% 4%;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-82 .elementor-element.elementor-element-4cd2779{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-82 .elementor-element.elementor-element-8559bb6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-82 .elementor-element.elementor-element-6f582dc{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-82 .elementor-element.elementor-element-6f582dc .elementor-icon-list-icon i{color:#012554;transition:color 0.3s;}.elementor-82 .elementor-element.elementor-element-6f582dc .elementor-icon-list-icon svg{fill:#012554;transition:fill 0.3s;}.elementor-82 .elementor-element.elementor-element-6f582dc .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#4D978B;}.elementor-82 .elementor-element.elementor-element-6f582dc .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#4D978B;}.elementor-82 .elementor-element.elementor-element-6f582dc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-82 .elementor-element.elementor-element-6f582dc .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;}.elementor-82 .elementor-element.elementor-element-6f582dc .elementor-icon-list-text{transition:color 0.3s;}.elementor-82 .elementor-element.elementor-element-cbeb8b2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-82 .elementor-element.elementor-element-cbeb8b2 .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.elementor-82 .elementor-element.elementor-element-81b1c16{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.79;}.elementor-82 .elementor-element.elementor-element-81b1c16:not(.elementor-motion-effects-element-type-background), .elementor-82 .elementor-element.elementor-element-81b1c16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4FBFA;background-image:url("https://drsatyajitwadje.in/wp-content/uploads/2026/05/header1.jpeg");background-repeat:no-repeat;background-size:cover;}.elementor-82 .elementor-element.elementor-element-81b1c16::before, .elementor-82 .elementor-element.elementor-element-81b1c16 > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-81b1c16 > .e-con-inner > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-81b1c16 > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-81b1c16 > .e-con-inner > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-81b1c16 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#6FD4C2;--background-overlay:'';}.elementor-82 .elementor-element.elementor-element-81a3689 .elementor-button{background-color:#012554;font-family:"Inter", Sans-serif;font-size:18px;font-weight:500;}.elementor-82 .elementor-element.elementor-element-81a3689 .elementor-button:hover, .elementor-82 .elementor-element.elementor-element-81a3689 .elementor-button:focus{background-color:#4D978B;}.elementor-82 .elementor-element.elementor-element-81a3689{background-color:#012554;padding:4% 4% 4% 4%;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-82 .elementor-element.elementor-element-e22d73f .elementor-button{background-color:#012554;font-family:"Inter", Sans-serif;font-size:18px;font-weight:500;}.elementor-82 .elementor-element.elementor-element-e22d73f .elementor-button:hover, .elementor-82 .elementor-element.elementor-element-e22d73f .elementor-button:focus{background-color:#4D978B;}.elementor-82 .elementor-element.elementor-element-e22d73f{background-color:#012554;padding:4% 4% 4% 4%;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-82 .elementor-element.elementor-element-7824fd2 .elementor-button{background-color:#012554;font-family:"Inter", Sans-serif;font-size:18px;font-weight:500;}.elementor-82 .elementor-element.elementor-element-7824fd2 .elementor-button:hover, .elementor-82 .elementor-element.elementor-element-7824fd2 .elementor-button:focus{background-color:#4D978B;}.elementor-82 .elementor-element.elementor-element-7824fd2{background-color:#012554;padding:4% 4% 4% 4%;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-82 .elementor-element.elementor-element-cbbcf8b{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:initial;--n-tabs-title-flex-shrink:initial;--n-tabs-title-font-size:18px;--n-tabs-title-direction:row;--n-tabs-icon-order:1;--n-tabs-title-justify-content-toggle:initial;--n-tabs-title-align-items-toggle:center;--n-tabs-icon-color:#012554;--n-tabs-icon-color-active:#012554;}.elementor-82 .elementor-element.elementor-element-cbbcf8b.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#6FD4C2;border-style:solid;border-width:2px 2px 2px 2px;border-color:#1D1D1D;}.elementor-82 .elementor-element.elementor-element-cbbcf8b.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-82 .elementor-element.elementor-element-cbbcf8b.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#4D978B;border-style:solid;border-color:#3A1515;}.elementor-82 .elementor-element.elementor-element-cbbcf8b.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:8px 8px 8px 8px;border-color:#000000;}.elementor-82 .elementor-element.elementor-element-cbbcf8b.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Salzburg-Serial-Regular", Sans-serif;}.elementor-82 .elementor-element.elementor-element-cbbcf8b [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-icon-color-hover:#012554;}:where( .elementor-82 .elementor-element.elementor-element-cbbcf8b.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:none;}@media(min-width:768px){.elementor-82 .elementor-element.elementor-element-3a54c25{--width:30%;}.elementor-82 .elementor-element.elementor-element-fbd393c{--width:40%;}.elementor-82 .elementor-element.elementor-element-9ef8972{--width:35%;}.elementor-82 .elementor-element.elementor-element-16b2f0b{--width:30%;}.elementor-82 .elementor-element.elementor-element-5ac58ff{--width:50%;}.elementor-82 .elementor-element.elementor-element-6eec3e0{--width:35%;}.elementor-82 .elementor-element.elementor-element-8559bb6{--width:30%;}.elementor-82 .elementor-element.elementor-element-cbeb8b2{--width:50%;}.elementor-82 .elementor-element.elementor-element-81b1c16{--width:35%;}}/* Start custom CSS for html, class: .elementor-element-2304317 */<!-- =========================================
FINAL DAMAS STYLE MEGA MENU
========================================= -->

<div class="megaWrapper" id="megaWrapper">

    <!-- MAIN SERVICES -->

    <div class="mainServices">

        <div class="mainService"
             data-menu="implantology">

            Implantology
            <span>›</span>

        </div>

        <div class="mainService"
             data-menu="minor">

            Minor Surgeries
            <span>›</span>

        </div>

        <div class="mainService"
             data-menu="major">

            Major Surgeries
            <span>›</span>

        </div>

    </div>

    <!-- SUB SERVICES -->

    <div class="subServices"></div>

    <!-- IMAGE -->

    <div class="imageSection">

        <img id="megaImage"
        src="https://drsatyajitwadje.in/wp-content/uploads/2026/05/menu1-e1779518521327.png">

    </div>

    <!-- BUTTONS -->

    <div class="buttonSection">

        <a href="tel:+919011024599">
            90110 24599
        </a>

        <a href="https://drsatyajitwadje.in/contact/">
            Book Consultation
        </a>

        <a href="https://wa.me/919011024599"
           target="_blank">

            Chat on WhatsApp

        </a>

    </div>

</div>

<style>

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

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

body,
html{
overflow-x:hidden;
}

/* =========================================
MEGA WRAPPER
3 SECTION DEFAULT
========================================= */

.megaWrapper{

display:flex;

align-items:stretch;

gap:24px;

width:100%;

max-width:1700px;

height:400px;

margin:auto;

padding:28px;

background:#f8f8f8;

border-radius:40px;

overflow:hidden;

}

/* =========================================
MAIN SERVICES
========================================= */

.mainServices{

width:320px;

min-width:320px;

background:#fff;

border-radius:30px;

overflow:hidden;

display:flex;

flex-direction:column;

box-shadow:
0 10px 40px rgba(0,0,0,.05);

}

/* =========================================
MAIN MENU ITEM
========================================= */

.mainService{

flex:1;

display:flex;

align-items:center;

justify-content:space-between;

padding:0 34px;

font-size:18px;

font-family:'Salzburg',serif;

font-weight:500;

color:#012554;

cursor:pointer;

border-bottom:
1px solid #ececec;

transition:.35s ease;

position:relative;

}

/* =========================================
MENU HOVER
========================================= */

.mainService:hover,
.mainService.activeService{

background:#f8fffd;

color:#59b7a8;

padding-left:42px;

}

/* =========================================
BOTTOM LINE
========================================= */

.mainService::after{

content:'';

position:absolute;

left:0;

bottom:0;

width:0;

height:2px;

background:#59b7a8;

transition:.35s ease;

}

.mainService:hover::after,
.mainService.activeService::after{

width:100%;

}

/* =========================================
SUB SERVICES
HIDDEN DEFAULT
========================================= */

.subServices{

width:0;

min-width:0;

opacity:0;

overflow:hidden;

transform:translateX(-60px);

transition:
all .45s cubic-bezier(.23,1,.32,1);

background:#fff;

border-radius:28px;

padding:0;

display:flex;

flex-direction:column;

justify-content:center;

box-shadow:
0 10px 40px rgba(0,0,0,.05);

pointer-events:none;

}

/* =========================================
ACTIVE SUBMENU
4 SECTION AFTER HOVER
========================================= */

.megaWrapper.activeMega .subServices{

width:360px;

min-width:360px;

opacity:1;

padding:35px 30px;

transform:translateX(0);

pointer-events:auto;

}

/* =========================================
SUB MENU ITEM
========================================= */

.subService{

padding:10px 0;

padding-left:22px;

position:relative;

font-size:15px;

font-family:'Salzburg',serif;

font-weight:500;

line-height:1.5;

letter-spacing:.2px;

color:#082c63;

transition:.35s ease;

cursor:pointer;

}

/* =========================================
SUBMENU LINK
========================================= */

.subService a{

text-decoration:none;

color:inherit;

display:block;

width:100%;

height:100%;

}

/* =========================================
DOT
========================================= */

.subService::before{

content:'◉';

position:absolute;

left:0;

top:11px;

font-size:8px;

color:#59b7a8;

}

/* =========================================
SUBMENU HOVER
========================================= */

.subService:hover{

padding-left:30px;

color:#59b7a8;

}

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

.imageSection{

flex:1;

min-width:0;

height:100%;

position:relative;

overflow:hidden;

border-radius:30px;

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

transition:
all .45s cubic-bezier(.23,1,.32,1);

}

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

.imageSection img{

width:100%;

height:100%;

object-fit:cover;

display:block;

border-radius:30px;

transition:
transform .6s ease,
opacity .35s ease;

}

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

.imageSection img:hover{

transform:scale(1.04);

}

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

.buttonSection{

width:260px;

min-width:260px;

background:
linear-gradient(
180deg,
#dff5f6 0%,
#b9ebee 35%,
#a5e3e8 70%,
#89d3df 100%
);

border-radius:30px;

padding:22px;

display:flex;

flex-direction:column;

justify-content:center;

gap:18px;

position:relative;

overflow:hidden;

}

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

.buttonSection a{

display:flex;

align-items:center;

justify-content:space-between;

padding:18px 22px;

min-height:58px;

border-radius:14px;

text-decoration:none;

font-size:15px;

font-weight:600;

font-family:'Salzburg',serif;

position:relative;

overflow:hidden;

transition:
all .45s cubic-bezier(.23,1,.32,1);

color:#fff;

}

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

.buttonSection a::before{

content:'';

position:absolute;

top:0;

left:0;

width:0%;

height:100%;

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

transition:.45s ease;

}

.buttonSection a::after{

content:'›';

font-size:24px;

position:relative;

z-index:2;

transition:.35s ease;

}

.buttonSection a:hover{

padding-left:30px;

}

.buttonSection a:hover::before{

width:100%;

}

.buttonSection a:hover::after{

transform:translateX(6px);

}

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

.buttonSection a:nth-child(1){

background:
linear-gradient(
135deg,
#0d4d8b,
#3e8ed0
);

}

.buttonSection a:nth-child(2){

background:
linear-gradient(
135deg,
#43c6b9,
#59d6cb
);

}

.buttonSection a:nth-child(3){

background:
linear-gradient(
135deg,
#0a7a89,
#14a8ba
);

}

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

@media(max-width:1200px){

.megaWrapper{

flex-wrap:wrap;

height:auto;

}

}

</style>

<script>

document.addEventListener("DOMContentLoaded", function(){

const wrapper =
document.querySelector(".megaWrapper");

const services =
document.querySelectorAll(".mainService");

const subContainer =
document.querySelector(".subServices");

const imageContainer =
document.querySelector("#megaImage");

/* =========================================
DATA
========================================= */

const megaData = {

implantology:{

image:
"https://drsatyajitwadje.in/wp-content/uploads/2026/05/menu1-e1779518521327.png",

services:[

{
name:"Full Mouth Rehabilitation",
link:"#"
},

{
name:"Sinus Lift Procedures",
link:"#"
},

{
name:"Hard & Soft Tissue Grafting",
link:"#"
},

{
name:"Customized Implantology",
link:"#"
},

{
name:"Atrophic Jaw Rehabilitation",
link:"#"
}

]

},

minor:{

image:
"https://drsatyajitwadje.in/wp-content/uploads/2026/05/header2.jpg",

services:[

{
name:"3rd Molar Surgery",
link:"#"
},

{
name:"Complex Extraction",
link:"#"
},

{
name:"Apicectomy",
link:"#"
},

{
name:"Cyst Removal",
link:"#"
},

{
name:"Implant Placement",
link:"#"
},

{
name:"Bone Grafting",
link:"#"
},

{
name:"Sinus Lift",
link:"#"
}

]

},

major:{

image:
"https://drsatyajitwadje.in/wp-content/uploads/2026/05/banner-1-e1779539067427.png",

services:[

{
name:"Maxillofacial Trauma Surgery",
link:"#"
},

{
name:"Oral Cancer Surgery",
link:"#"
},

{
name:"Benign & Malignant Tumors",
link:"#"
},

{
name:"OSMF Surgery",
link:"#"
},

{
name:"Red & White Lesions",
link:"#"
},

{
name:"Craniofacial Reconstruction",
link:"#"
},

{
name:"Patient-Specific Implants",
link:"#"
}

]

}

};

/* =========================================
UPDATE MENU
========================================= */

function updateMegaMenu(type){

const data = megaData[type];

wrapper.classList.add("activeMega");

/* ACTIVE */

services.forEach(s=>{

s.classList.remove("activeService");

});

document.querySelector(
`[data-menu="${type}"]`
).classList.add("activeService");

/* IMAGE */

imageContainer.style.opacity = "0";

setTimeout(()=>{

imageContainer.src = data.image;

imageContainer.style.opacity = "1";

},180);

/* CLEAR */

subContainer.innerHTML = "";

/* CREATE SUBMENU */

data.services.forEach((service,index)=>{

const item =
document.createElement("div");

item.classList.add("subService");

item.innerHTML = `

<a href="${service.link}">
${service.name}
</a>

`;

item.style.transitionDelay =
`${index * 0.05}s`;

subContainer.appendChild(item);

});

}

/* =========================================
HOVER EVENTS
========================================= */

services.forEach(service=>{

service.addEventListener("mouseenter", function(){

const menuType =
this.getAttribute("data-menu");

updateMegaMenu(menuType);

});

});

/* =========================================
DEFAULT IMAGE ONLY
========================================= */

imageContainer.src =
megaData.implantology.image;

/* =========================================
BACK TO 3 SECTIONS
========================================= */

wrapper.addEventListener("mouseleave", function(){

wrapper.classList.remove("activeMega");

services.forEach(s=>{

s.classList.remove("activeService");

});

subContainer.innerHTML = "";

imageContainer.src =
megaData.implantology.image;

});

});

</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ef8972 *//* =========================================
REAL DAMAS MENU EFFECT
========================================= */

.elementskit-navbar-nav > li{

position:relative;

}

/* PANEL */

.elementskit-megamenu-panel{

opacity:0;

visibility:hidden;

transform:
translateY(20px)
scale(.97);

transition:
opacity .35s ease,
transform .45s cubic-bezier(.23,1,.32,1),
visibility .35s;

pointer-events:none;

display:block !important;

border-radius:28px;

overflow:hidden;

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

backdrop-filter:blur(18px);

}

/* ACTIVE */

.elementskit-navbar-nav > li.damas-open > .elementskit-megamenu-panel{

opacity:1;

visibility:visible;

transform:
translateY(0px)
scale(1);

pointer-events:auto;

}

/* COLUMN EFFECT */

.elementskit-megamenu-panel .elementor-column{

opacity:0;

transform:
translateY(18px);

transition:
all .45s ease;

}

/* SHOW */

.elementskit-navbar-nav > li.damas-open .elementor-column{

opacity:1;

transform:
translateY(0px);

}

/* STAGGER */

.elementskit-navbar-nav > li.damas-open .elementor-column:nth-child(1){

transition-delay:.08s;

}

.elementskit-navbar-nav > li.damas-open .elementor-column:nth-child(2){

transition-delay:.16s;

}

.elementskit-navbar-nav > li.damas-open .elementor-column:nth-child(3){

transition-delay:.24s;

}

/* IMAGE */

.elementskit-megamenu-panel img{

transition:.55s ease;

transform:scale(1);

}

/* IMAGE HOVER */

.elementskit-megamenu-panel img:hover{

transform:
scale(1.04);

}

/* LINKS */

.elementskit-megamenu-panel a{

transition:.35s ease;

}

/* HOVER */

.elementskit-megamenu-panel a:hover{

padding-left:10px;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ef8972 *//* =========================================
REAL DAMAS MENU EFFECT
========================================= */

.elementskit-navbar-nav > li{

position:relative;

}

/* PANEL */

.elementskit-megamenu-panel{

opacity:0;

visibility:hidden;

transform:
translateY(20px)
scale(.97);

transition:
opacity .35s ease,
transform .45s cubic-bezier(.23,1,.32,1),
visibility .35s;

pointer-events:none;

display:block !important;

border-radius:28px;

overflow:hidden;

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

backdrop-filter:blur(18px);

}

/* ACTIVE */

.elementskit-navbar-nav > li.damas-open > .elementskit-megamenu-panel{

opacity:1;

visibility:visible;

transform:
translateY(0px)
scale(1);

pointer-events:auto;

}

/* COLUMN EFFECT */

.elementskit-megamenu-panel .elementor-column{

opacity:0;

transform:
translateY(18px);

transition:
all .45s ease;

}

/* SHOW */

.elementskit-navbar-nav > li.damas-open .elementor-column{

opacity:1;

transform:
translateY(0px);

}

/* STAGGER */

.elementskit-navbar-nav > li.damas-open .elementor-column:nth-child(1){

transition-delay:.08s;

}

.elementskit-navbar-nav > li.damas-open .elementor-column:nth-child(2){

transition-delay:.16s;

}

.elementskit-navbar-nav > li.damas-open .elementor-column:nth-child(3){

transition-delay:.24s;

}

/* IMAGE */

.elementskit-megamenu-panel img{

transition:.55s ease;

transform:scale(1);

}

/* IMAGE HOVER */

.elementskit-megamenu-panel img:hover{

transform:
scale(1.04);

}

/* LINKS */

.elementskit-megamenu-panel a{

transition:.35s ease;

}

/* HOVER */

.elementskit-megamenu-panel a:hover{

padding-left:10px;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ef8972 *//* =========================================
REAL DAMAS MENU EFFECT
========================================= */

.elementskit-navbar-nav > li{

position:relative;

}

/* PANEL */

.elementskit-megamenu-panel{

opacity:0;

visibility:hidden;

transform:
translateY(20px)
scale(.97);

transition:
opacity .35s ease,
transform .45s cubic-bezier(.23,1,.32,1),
visibility .35s;

pointer-events:none;

display:block !important;

border-radius:28px;

overflow:hidden;

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

backdrop-filter:blur(18px);

}

/* ACTIVE */

.elementskit-navbar-nav > li.damas-open > .elementskit-megamenu-panel{

opacity:1;

visibility:visible;

transform:
translateY(0px)
scale(1);

pointer-events:auto;

}

/* COLUMN EFFECT */

.elementskit-megamenu-panel .elementor-column{

opacity:0;

transform:
translateY(18px);

transition:
all .45s ease;

}

/* SHOW */

.elementskit-navbar-nav > li.damas-open .elementor-column{

opacity:1;

transform:
translateY(0px);

}

/* STAGGER */

.elementskit-navbar-nav > li.damas-open .elementor-column:nth-child(1){

transition-delay:.08s;

}

.elementskit-navbar-nav > li.damas-open .elementor-column:nth-child(2){

transition-delay:.16s;

}

.elementskit-navbar-nav > li.damas-open .elementor-column:nth-child(3){

transition-delay:.24s;

}

/* IMAGE */

.elementskit-megamenu-panel img{

transition:.55s ease;

transform:scale(1);

}

/* IMAGE HOVER */

.elementskit-megamenu-panel img:hover{

transform:
scale(1.04);

}

/* LINKS */

.elementskit-megamenu-panel a{

transition:.35s ease;

}

/* HOVER */

.elementskit-megamenu-panel a:hover{

padding-left:10px;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ef8972 *//* =========================================
REAL DAMAS MENU EFFECT
========================================= */

.elementskit-navbar-nav > li{

position:relative;

}

/* PANEL */

.elementskit-megamenu-panel{

opacity:0;

visibility:hidden;

transform:
translateY(20px)
scale(.97);

transition:
opacity .35s ease,
transform .45s cubic-bezier(.23,1,.32,1),
visibility .35s;

pointer-events:none;

display:block !important;

border-radius:28px;

overflow:hidden;

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

backdrop-filter:blur(18px);

}

/* ACTIVE */

.elementskit-navbar-nav > li.damas-open > .elementskit-megamenu-panel{

opacity:1;

visibility:visible;

transform:
translateY(0px)
scale(1);

pointer-events:auto;

}

/* COLUMN EFFECT */

.elementskit-megamenu-panel .elementor-column{

opacity:0;

transform:
translateY(18px);

transition:
all .45s ease;

}

/* SHOW */

.elementskit-navbar-nav > li.damas-open .elementor-column{

opacity:1;

transform:
translateY(0px);

}

/* STAGGER */

.elementskit-navbar-nav > li.damas-open .elementor-column:nth-child(1){

transition-delay:.08s;

}

.elementskit-navbar-nav > li.damas-open .elementor-column:nth-child(2){

transition-delay:.16s;

}

.elementskit-navbar-nav > li.damas-open .elementor-column:nth-child(3){

transition-delay:.24s;

}

/* IMAGE */

.elementskit-megamenu-panel img{

transition:.55s ease;

transform:scale(1);

}

/* IMAGE HOVER */

.elementskit-megamenu-panel img:hover{

transform:
scale(1.04);

}

/* LINKS */

.elementskit-megamenu-panel a{

transition:.35s ease;

}

/* HOVER */

.elementskit-megamenu-panel a:hover{

padding-left:10px;

}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-cbbcf8b *//* =========================================
DAMAS STYLE TAB ANIMATION
FOR ELEMENTSKIT TABS
========================================= */

/* TAB CONTENT */

.elementor-tab-content,
.ekit-tab-content,
.elementskit-tab-content{

opacity:0;

transform:
translateY(25px);

transition:
all .45s cubic-bezier(.23,1,.32,1);

display:block !important;

height:0;

overflow:hidden;

}

/* ACTIVE TAB */

.elementor-active + .elementor-tab-content,
.elementskit-tab-wraper .active .elementskit-tab-content,
.elementskit-tab-content.active{

opacity:1;

transform:
translateY(0px);

height:auto;

overflow:visible;

}

/* TAB ITEMS */

.elementor-tab-title,
.elementskit-nav-link{

transition:.35s ease;

position:relative;

}

/* HOVER */

.elementor-tab-title:hover,
.elementskit-nav-link:hover{

padding-left:12px;

color:#b37a39 !important;

}

/* ACTIVE */

.elementor-tab-title.elementor-active,
.elementskit-nav-link.active{

color:#b37a39 !important;

}

/* ACTIVE LINE */

.elementor-tab-title::before,
.elementskit-nav-link::before{

content:'';

position:absolute;

left:0;

top:50%;

width:0;

height:2px;

background:#b37a39;

transition:.35s ease;

transform:translateY(-50%);

}

/* SHOW LINE */

.elementor-tab-title:hover::before,
.elementor-tab-title.elementor-active::before,
.elementskit-nav-link:hover::before,
.elementskit-nav-link.active::before{

width:18px;

}

/* TAB IMAGE */

.elementskit-tab-content img,
.elementor-tab-content img{

transition:.55s ease;

border-radius:20px;

}

/* IMAGE HOVER */

.elementskit-tab-content img:hover,
.elementor-tab-content img:hover{

transform:
scale(1.04);

}

/* TAB COLUMN */

.elementskit-tab-content .elementor-column,
.elementor-tab-content .elementor-column{

opacity:0;

transform:
translateY(20px);

transition:.45s ease;

}

/* ACTIVE COLUMN */

.elementskit-tab-content.active .elementor-column,
.elementor-active + .elementor-tab-content .elementor-column{

opacity:1;

transform:
translateY(0px);

}

/* STAGGER */

.elementor-column:nth-child(1){

transition-delay:.08s;

}

.elementor-column:nth-child(2){

transition-delay:.16s;

}

.elementor-column:nth-child(3){

transition-delay:.24s;

}/* End custom CSS */