.elementor-2697 .elementor-element.elementor-element-bd4dac4{--display:flex;}.elementor-2697 .elementor-element.elementor-element-6bfd5fc .xp-label{color:#00e5c8;}.elementor-2697 .elementor-element.elementor-element-6bfd5fc .xp-filter-btn.active{background-color:#00e5c8;border-color:#00e5c8;color:#000;}.elementor-2697 .elementor-element.elementor-element-6bfd5fc .xp-filter-btn:hover{background-color:#00e5c8;border-color:#00e5c8;color:#000;}.elementor-2697 .elementor-element.elementor-element-6bfd5fc .xp-load-more{color:#00e5c8;border-color:#00e5c8;}.elementor-2697 .elementor-element.elementor-element-6bfd5fc .xp-load-more:hover{background-color:#00e5c8;color:#000;}#elementor-popup-modal-2697 .dialog-widget-content{background-color:transparent;background-image:linear-gradient(200deg, #FFFFFF 0%, #00FFDA 100%);box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-2697{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-2697 .dialog-message{width:900px;height:100vh;align-items:flex-start;}#elementor-popup-modal-2697 .dialog-close-button{display:flex;}/* Start custom CSS for brand_identity_portfolio_7a39a580, class: .elementor-element-6bfd5fc *//* Load More Button ko permanently remove karne ke liye */
.xp-load-more {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS */#elementor-popup-modal-2697 .dialog-message{
    scrollbar-width: auto;
    scrollbar-color: #00e5ff #151515;
}

#elementor-popup-modal-2697 .dialog-message::-webkit-scrollbar{
    width: 14px;
}

#elementor-popup-modal-2697 .dialog-message::-webkit-scrollbar-track{
    background: #151515;
    border-radius: 20px;
}

#elementor-popup-modal-2697 .dialog-message::-webkit-scrollbar-thumb{
    background: linear-gradient(
        180deg,
        #00e5ff,
        #00aaff
    );
    border-radius: 20px;
    border: 3px solid #151515;
}

#elementor-popup-modal-2697 .dialog-message::-webkit-scrollbar-thumb:hover{
    background: #00e5ff;
}




.dialog-close-button.dialog-lightbox-close-button{
    width:60px !important;
    height:60px !important;
    top:20px !important;
    right:20px !important;

    /* Background aur border ko white/light kar diya hai */
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius:18px !important;

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

    transition:all .35s ease !important;
}

.dialog-close-button.dialog-lightbox-close-button svg{
    width:18px !important;
    height:18px !important;
    /* Icon ka color black kiya taaki white background par dikhe */
    fill:#000 !important; 

    transition:all .35s ease !important;
}

/* Hover effects bilkul same hain */
.dialog-close-button.dialog-lightbox-close-button:hover{
    background:#00e5ff !important;
    border-color:#00e5ff !important;

    transform:translateY(-3px) !important;

    box-shadow:
    0 10px 30px rgba(0,229,255,.35) !important;
}

.dialog-close-button.dialog-lightbox-close-button:hover svg{
    fill:#000 !important;
    transform:scale(1.15) !important;
}/* End custom CSS */