.elementor-15 .elementor-element.elementor-element-182624e{--display:flex;--position:fixed;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:2;}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-182624e{left:0px;}body.rtl .elementor-15 .elementor-element.elementor-element-182624e{right:0px;}.elementor-15 .elementor-element.elementor-element-2ccb5aa > .elementor-widget-container{margin:-30px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-2ccb5aa > .elementor-widget-container{margin:-30px 0px 0px 0px;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-2ccb5aa > .elementor-widget-container{margin:-37px -37px -37px -37px;}}/* Start custom CSS for aigocy_header_widget, class: .elementor-element-2ccb5aa *//* Menu Items */
.item-link,
.menu-item > a {
    color: #f62f27 !important;
    font-weight: 600;
}

/* Hover & Active */
.item-link:hover,
.item-link.active,
.current-menu-item > a {
    color: #ff5757 !important;
}
/* Header Background */
.header-inner,
.header {
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(50px);
    border: 3px solid rgba(255,255,255,0.2);
}

/* ===========================
   Desktop & Tablet
=========================== */
@media only screen and (min-width:768px){

    /* Logo Container */
    .header-inner .logo-site{
        flex:0 0 auto;
        max-width:180px;
    }

    /* Logo */
    .header-inner .logo-site img{
        width:140px;
        max-width:100%;
        height:auto;
        display:block;
        object-fit:contain;
    }

    /* Navigation */
    .header-inner .box-navigation{
        flex:1;
        display:flex;
        justify-content:center;
    }

    /* Button */
    .header-inner .btn{
        flex:0 0 auto;
        white-space:nowrap;
    }

}


/* ===========================
   Mobile Only
=========================== */
@media only screen and (max-width:767px){

    .header-inner .logo-site img{
        width:180px !important;   /* 100px, 90px ya 120px bhi rakh sakte ho */
        max-width:100%;
        height:auto;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-182624e *//* =========================
   HEADER BACKGROUND REMOVE
========================= */

.tf-header,
.tf-header.header2,
.site-header,
.site-header-main,
header {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
}

/* White Box Remove */
.tf-header .header-inner,
.site-header .header-inner,
.header-inner {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Theme Overlay Remove */
.tf-header:before,
.tf-header:after,
.site-header:before,
.site-header:after,
header:before,
header:after {
    display: none !important;
    background: transparent !important;
}

/* Elementor Transparent */
.elementor-widget-container,
.elementor-container,
.elementor-section {
    background: transparent !important;
}

/* =========================
   DESKTOP MENU
========================= */

@media (min-width: 1025px) {

    .tf-header .main-menu > li > a,
    .tf-header .navigation > li > a,
    .tf-header .menu li a {
        color: #000 !important;
    }

}

/* =========================
   MOBILE + TABLET MENU
========================= */

@media (max-width: 1024px) {

    /* Center Menu */
    #mobile-menu,
    .nav-ul,
    .canvas_center {
        text-align: center !important;
    }

    /* Center Menu Items */
    #mobile-menu li,
    .nav-ul li {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }

    /* Menu Text */
    .mb-menu-link.text-display-1,
    .mb-menu-link .text,
    #mobile-menu .text,
    .text-display-1 {
        font-size: 32px !important;
        line-height: 1 !important;
        display: block !important;
        margin: 5px 0 !important;
    }

    /* Mobile Menu Width Fix */
    .offcanvas-menu-show,
    .offcanvas-content,
    .offcanvas-content_wrapin,
    .canvas_center {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    #mobile-menu {
        width: 100% !important;
        max-width: 100% !important;
    }

    html,
    body {
        overflow-x: hidden !important;
    }
}

/* =========================
   MOBILE ONLY
========================= */

@media (max-width: 767px) {

    .mb-menu-link.text-display-1,
    .mb-menu-link .text,
    #mobile-menu .text,
    .text-display-1 {
        font-size: 28px !important;
        line-height: 1 !important;
        margin: 5px 0 !important;
    }

    .offcanvas-content {
        width: 85% !important;
        max-width: 85% !important;
    }
}

/* =========================
   CLOSE BUTTON FIX
========================= */

.offcanvas-menu-show .close-btn,
.offcanvas-menu-show .btn-close,
.offcanvas-menu-show .close,
.offcanvas-menu .close,
button[aria-label="Close"] {

    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;

    position: fixed !important;
    top: 15px !important;
    right: 0px !important;

    z-index: 999999 !important;

    color: #fff !important;
    font-size: 20px !important;
}

/* =========================
   STICKY HEADER ON SCROLL
========================= */

.tf-header.sticky,
.tf-header.is-fixed,
.tf-header.fixed-header,
.site-header.is-sticky {

    position: fixed !important;
    top: 5px !important;
    left: 0;

    width: 100%;

    z-index: 9999;

    margin-top: -10px !important;

    transition: all 0.3s ease;
}

/* =========================
   MOBILE MENU DROPDOWN ICON
========================= */

#mobile-menu .has-sub-menu > .mb-menu-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
}

#mobile-menu .has-sub-menu > .mb-menu-link::after {
    content: "\f107"; /* Font Awesome Chevron Down */
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    color: #fff !important;
    display: inline-block !important;
    transition: transform 0.3s ease !important;
}

/* Open dropdown par icon rotate ho */
#mobile-menu .has-sub-menu > .mb-menu-link[aria-expanded="true"]::after {
    transform: rotate(180deg);
}/* End custom CSS */