.elementor-303 .elementor-element.elementor-element-da9a8a2{--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;}.elementor-303 .elementor-element.elementor-element-da9a8a2:not(.elementor-motion-effects-element-type-background), .elementor-303 .elementor-element.elementor-element-da9a8a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}/* Start custom CSS for html, class: .elementor-element-cacbb68 *//* Fix logo size in Elementor */
.logo-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
}

/* Change ALL headings to white */
h1, h2, h3, h4, h5, h6,
.hero-title, 
.section-title,
.principle-title,
.founder-name,
.founder-role,
.principle-title-hindi,
.section-subtitle,
.hero-subtitle {
    color: #ffffff !important;
    background-image: none !important;
    -webkit-text-fill-color: #ffffff !important;
    text-fill-color: #ffffff !important;
}

/* Change ALL descriptions to white */
.hero-description,
.principle-description,
.founder-bio,
.section-description,
.principle-body p {
    color: #ffffff !important;
    opacity: 0.9 !important;
}

/* Additional fixes for Elementor compatibility */
.principle-card,
.founder-card {
    background: rgba(30, 30, 40, 0.85) !important;
}

.social-link {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.social-link:hover {
    background: var(--gold) !important;
}

/* Ensure proper spacing in Elementor */
.logo-container {
    padding: 20px 0 10px !important;
}

.hero {
    padding-top: 20px !important;
}

.section {
    padding: 60px 20px !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .logo-container .logo {
        height: 40px !important;
    }
    
    .hero-title {
        font-size: 2rem !important;
    }
    
    .section-title {
        font-size: 1.8rem !important;
    }
}

@media (max-width: 480px) {
    .logo-container .logo {
        height: 35px !important;
    }
    
    .hero-title {
        font-size: 1.7rem !important;
    }
}/* End custom CSS */