.elementor-30546 .elementor-element.elementor-element-fd6ac39{--display:flex;--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-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}@media(max-width:1024px){.elementor-widget-html .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-html .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:767px){.elementor-widget-html .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-html .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}/* Start custom CSS for html, class: .elementor-element-4eaff0e *//* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

.socio-coming-soon {
    text-align: center;
    padding: 100px 20px;
    background-image: linear-gradient(#f0f0f0 1px, transparent 1px), linear-gradient(90deg, #f0f0f0 1px, transparent 1px);
    background-size: 40px 40px;
    font-family: 'Poppins', sans-serif;
}
.page-title { font-size: 3rem; margin-bottom: 5px; color: #371A5B; font-weight: 600; }
.page-title span { color: #371A5B; }
.coming-soon-label { color: #999; letter-spacing: 6px; font-size: 12px; margin-bottom: 20px; text-transform: uppercase; }
.line { width: 60px; height: 3px; background: #371A5B; margin: 0 auto 30px; }
.description { max-width: 700px; margin: 0 auto 40px; font-size: 1.1rem; color: #666; }

.grid-container { 
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 20px; 
    max-width: 800px; 
    margin: 0 auto 40px; 
}
.tag { border: 1px solid #ddd; padding: 20px; border-radius: 8px; background: #fff; }

/* Button styling */
.btn-notify { 
    background: #371A5B; 
    padding: 15px 30px; 
    text-decoration: none; 
    color: #ffffff; 
    font-weight: 600; 
    border-radius: 5px; 
    display: inline-block;
    transition: background 0.3s ease;
}
.btn-notify:hover { background: #371A5B; color: white; }

/* Mobile Friendly Query */
@media (max-width: 768px) {
    .page-title { font-size: 2rem; }
    .socio-coming-soon { padding: 50px 15px; }
    .grid-container { 
        grid-template-columns: 1fr; /* Mobile par single column */
        gap: 10px; 
    }
    .description { font-size: 1rem; }
}/* End custom CSS */