.elementor-831 .elementor-element.elementor-element-b326ee6{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-831 .elementor-element.elementor-element-73707a0 > .elementor-widget-container{margin:0px 0px -120px 0px;padding:0px 0px 0px 0px;}.elementor-831 .elementor-element.elementor-element-73707a0 .section-heading{text-align:left;}.elementor-831 .elementor-element.elementor-element-73707a0 .header-main .main-menu ul li a{color:var( --e-global-color-text );}.elementor-831 .elementor-element.elementor-element-73707a0 .header-main .main-menu ul li a:hover{color:var( --e-global-color-secondary );}.elementor-831 .elementor-element.elementor-element-73707a0 .header-main .main-menu ul li .submenu li a{color:#0C0B0B !important;}.elementor-831 .elementor-element.elementor-element-73707a0 .header-right .theme-btn{color:#28E98C !important;border-style:solid;border-width:1px 1px 1px 1px;border-color:#28E98C;border-radius:30px 30px 30px 30px !important;padding:18px 30px 15px 30px !important;}/* Start custom CSS for xiomi-navbar-widget, class: .elementor-element-73707a0 *//* ---- Off-Canvas Menu Style ---- */

/* Main off-canvas panel ka background black karega */
.offcanvas__info {
    background-color: #033B3A !important;
}

/* Andar ke text, links, aur headings ko white karega */
.offcanvas__info a,
.offcanvas__info h4,
.offcanvas__info p {
    color: #FFFFFF !important;
}

/* Close button ke icon ko white karega */
.offcanvas__close button,
.offcanvas__close button svg path {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* Menu ke sub-items ke + icon ko white karega */
.mean-container .mean-nav ul li a.mean-expand svg path {
    fill: #FFFFFF !important;
}

/* ---- YEH NEW CODE HAI ---- */
/* Social icons aur contact ke icons ko white karega */
.offcanvas__contact-icon svg path,
.social-icon a svg path {
    fill: #FFFFFF !important;
}

/* Menu items par hover karne par color badlega */
.offcanvas__info a:hover {
    color: #cccccc !important; /* Thora halka white */
}

/* Hamburger Menu Icon (bars icon) ka color white karega */
.fa-bars,
.fa-bars path {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* Search icon ko hide karega */
.search-trigger.search-icon {
    display: none !important;
}

/* Logo ko left move karega */
.logo {
    margin-left: -50px !important;
}

/* Yeh "Book a Service" button ko hamesha visible rakhega */
.header-right .theme-btn {
    display: inline-flex !important;
    align-items: center; /* Text aur icon ko align karne ke liye */
}

/* Yeh code 767px se kam screen size (phones) par "Book a Service" button ko hide kar dega */
@media (max-width: 767px) {
    .header-right .theme-btn {
        display: none !important;
    }
}

.elementor-831 .elementor-element.elementor-element-73707a0 .header-right .theme-btn {
    color: #cba135 !important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #cba135;
    background-color: transparent;
    border-radius: 30px 30px 30px 30px !important;
    padding: 18px 30px 15px 30px !important;
}
/* Yeh button ke andar slide hone wali layer ka background color set karega */
.theme-btn::before,
.theme-btn::after {
    background-color: #ffffff !important; /* Green ki jagah naya dark teal color */
}

/* Yeh hover karne par text ka color white karega taake woh nazar aye */
.theme-btn:hover {
    color: #FFFFFF !important;
}

/* --- Final Menu Hover & Border Fix --- */

/* Yeh menu ke text ka hover color zabardasti change karega */
.main-menu a:hover {
    color: #cba135 !important;
}

/* Yeh hover par aanay walay kisi bhi green background effect ya line ko change karega */
.main-menu a:hover::before,
.main-menu a:hover::after {
    background-color: #cba135 !important;
}

/* Yeh dropdown menu ke green border ko change karega */
.main-menu .sub-menu {
    border-color: #cba135 !important;
    border-top-color: #cba135 !important; /* Aksar sirf top border hota hai */
}/* End custom CSS */