.elementor-1712 .elementor-element.elementor-element-d3115f1{--display:flex;}.elementor-1712 .elementor-element.elementor-element-29439d9{--grid-template-columns:repeat(4, auto);text-align:center;--icon-size:25px;--grid-column-gap:15px;--grid-row-gap:20px;}.elementor-1712 .elementor-element.elementor-element-29439d9 .elementor-icon{border-radius:15px 15px 15px 15px;}#elementor-popup-modal-1712{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1712 .dialog-message{width:400px;height:400px;align-items:center;}#elementor-popup-modal-1712 .dialog-close-button{display:flex;}#elementor-popup-modal-1712 .dialog-widget-content{border-radius:10px 10px 10px 10px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS *//* =========================================
   1. POPUP OVERLAY (Background behind popup)
========================================= */
.elementor-popup-modal.ns-glass-popup {
    background-color: rgba(4, 9, 26, 0.6) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

/* =========================================
   2. POPUP CONTAINER (The Glass Box)
========================================= */
.ns-glass-popup .dialog-widget-content {
    background: rgba(4, 9, 26, 0.85) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 10px !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5) !important;
}

/* Remove default background from the inner Elementor container */
.ns-glass-popup .elementor-location-popup {
    background: transparent !important;
}

/* =========================================
   3. CUSTOM CLOSE BUTTON
========================================= */
.ns-glass-popup .dialog-close-button {
    top: 20px !important;
    right: 20px !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
    opacity: 1 !important;
}

.ns-glass-popup .dialog-close-button svg {
    fill: #ffffff !important;
    width: 14px !important;
    height: 14px !important;
    transition: transform 0.3s ease !important;
}

/* Close Button Hover Effect */
.ns-glass-popup .dialog-close-button:hover {
    background: #0873EA !important;
    border-color: #0873EA !important;
    box-shadow: 0 0 15px rgba(8, 115, 234, 0.4) !important;
}

.ns-glass-popup .dialog-close-button:hover svg {
    transform: rotate(90deg) !important; /* Subtle spin on hover */
}

/* =========================================
   4. SOCIAL ICONS HOVER LIFT (Optional)
========================================= */
.ns-glass-popup .elementor-social-icon {
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.ns-glass-popup .elementor-social-icon:hover {
    transform: translateY(-5px) scale(1.05) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3) !important;
}/* End custom CSS */