/* Custom Footer Styles - High Specificity Version */

/* Footer Background Effects */
.main-footer {
    position: relative !important;
    background: linear-gradient(135deg, #041b4d 0%, #093282 30%, #1e2a54 70%, #041b4d 100%) !important;
    overflow: hidden !important;
}

/* Footer Padding Optimization */
.main-footer .widgets-section {
    padding: 60px 0 30px !important;
    position: relative !important;
    z-index: 3 !important;
}

.main-footer .footer-column {
    margin-bottom: 25px !important;
}

.main-footer .footer-widget {
    margin-bottom: 0 !important;
}

.main-footer .footer-column .widget-title {
    margin-bottom: 20px !important;
    padding-bottom: 8px !important;
}

.main-footer .about-widget .text {
    margin-bottom: 20px !important;
}

.main-footer .contact-list li {
    margin-bottom: 15px !important;
}

/* Footer Bottom Padding Fix */
.main-footer .footer-bottom {
    background: rgba(4, 27, 77, 0.4) !important;
    backdrop-filter: blur(15px) !important;
    border-top: 1px solid rgba(56, 131, 196, 0.2) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    position: relative !important;
    z-index: 3 !important;
}

.main-footer .footer-bottom .copyright-text {
    padding: 12px 0 !important;
}

/* Mobile Responsive Padding */
@media (max-width: 767px) {
    .main-footer .widgets-section {
        padding: 40px 0 20px !important;
    }
    
    .main-footer .footer-column {
        margin-bottom: 20px !important;
    }
    
    .main-footer .footer-bottom .copyright-text {
        padding: 10px 0 !important;
    }
}

@media (max-width: 480px) {
    .main-footer .widgets-section {
        padding: 35px 0 15px !important;
    }
    
    .main-footer .footer-column {
        margin-bottom: 15px !important;
    }
}

.main-footer::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: 
        radial-gradient(circle at 20% 80%, rgba(9, 50, 130, 0.5) 0%, transparent 70%),
        radial-gradient(circle at 80% 20%, rgba(30, 42, 84, 0.4) 0%, transparent 60%),
        radial-gradient(circle at 40% 40%, rgba(4, 27, 77, 0.6) 0%, transparent 50%),
        radial-gradient(circle at 60% 10%, rgba(56, 131, 196, 0.2) 0%, transparent 40%) !important;
    z-index: 1 !important;
    animation: footerGlow 10s ease-in-out infinite alternate !important;
}

.main-footer::after {
    content: '' !important;
    position: absolute !important;
    top: -2px !important;
    left: 0 !important;
    width: 100% !important;
    height: 80px !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z' fill='%23ffffff' fill-opacity='0.08'/%3E%3C/svg%3E") no-repeat !important;
    background-size: cover !important;
    z-index: 2 !important;
}

/* Floating particles effect */
.main-footer .widgets-section::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-image: 
        radial-gradient(3px 3px at 25px 35px, rgba(255,255,255,0.6), transparent),
        radial-gradient(2px 2px at 45px 75px, rgba(56, 131, 196, 0.4), transparent),
        radial-gradient(1px 1px at 95px 45px, rgba(255,255,255,0.3), transparent),
        radial-gradient(2px 2px at 135px 85px, rgba(4, 27, 77, 0.5), transparent),
        radial-gradient(3px 3px at 75px 105px, rgba(255,255,255,0.4), transparent),
        radial-gradient(1px 1px at 160px 50px, rgba(9, 50, 130, 0.6), transparent),
        radial-gradient(2px 2px at 180px 120px, rgba(30, 42, 84, 0.4), transparent) !important;
    background-repeat: repeat !important;
    background-size: 200px 150px !important;
    animation: floatParticles 25s linear infinite !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

@keyframes footerGlow {
    0% {
        opacity: 0.7 !important;
        transform: scale(1) !important;
    }
    100% {
        opacity: 1 !important;
        transform: scale(1.02) !important;
    }
}

@keyframes floatParticles {
    0% {
        transform: translateY(0px) !important;
    }
    100% {
        transform: translateY(-100px) !important;
    }
}

/* Geometric pattern overlay */
.main-footer .widgets-section::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-image: 
        linear-gradient(45deg, transparent 40%, rgba(255,255,255,0.03) 40%, rgba(255,255,255,0.03) 60%, transparent 60%),
        linear-gradient(-45deg, transparent 40%, rgba(255,255,255,0.03) 40%, rgba(255,255,255,0.03) 60%, transparent 60%) !important;
    background-size: 60px 60px !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

.main-footer .footer-bottom::before {
    content: '' !important;
    position: absolute !important;
    top: -1px !important;
    left: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, rgba(56, 131, 196, 0.8), rgba(255,255,255,0.6), rgba(56, 131, 196, 0.8), transparent) !important;
    animation: shimmer 4s ease-in-out infinite !important;
}

@keyframes shimmer {
    0%, 100% {
        opacity: 0.3 !important;
    }
    50% {
        opacity: 1 !important;
    }
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .main-footer::after {
        height: 80px !important;
        top: -40px !important;
    }
    
    .main-footer .widgets-section::before {
        background-size: 150px 100px !important;
    }
}

html body .main-footer .footer-bottom .powered-by-text {
    position: relative !important;
    padding: 15px 0 !important;
    line-height: 20px !important;
    font-size: 14px !important;
    color: #ffffff !important;
    font-weight: 400 !important;
    text-align: left !important;
    float: left !important;
    display: flex !important;
    align-items: center !important;
}

html body .main-footer .footer-bottom .powered-by-text p {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 14px !important;
}

html body .main-footer .footer-bottom .copyright-text {
    position: relative !important;
    padding: 15px 0 !important;
    text-align: right !important;
    float: right !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    font-size: 14px !important;
}

html body .main-footer .footer-bottom .copyright-text p {
    color: #ffffff !important;
    margin: 0 !important;
    font-size: 14px !important;
}

html body .main-footer .footer-bottom {
    padding: 0 !important;
}

html body .main-footer .footer-bottom .inner-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

@media (max-width: 767px) {
    html body .main-footer .footer-bottom .powered-by-text,
    html body .main-footer .footer-bottom .copyright-text {
        float: none !important;
        text-align: center !important;
        width: 100% !important;
        padding: 5px 0 !important;
        color: #ffffff !important;
        display: flex !important;
        justify-content: center !important;
        font-size: 14px !important;
    }
    
    html body .main-footer .footer-bottom .powered-by-text {
        margin-bottom: 0 !important;
    }
    
    html body .main-footer .footer-bottom .copyright-text {
        margin-top: 0 !important;
    }
    
    html body .main-footer .footer-bottom .copyright-text p,
    html body .main-footer .footer-bottom .powered-by-text p {
        color: #ffffff !important;
        margin: 0 !important;
        font-size: 14px !important;
        text-align: center !important;
    }
    
    html body .main-footer .footer-bottom .inner-container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
}

/* Custom font sizes for secretariat section - Maximum specificity */
html body .main-footer .widgets-section .footer-widget.about-widget h4,
html body .main-footer .about-widget h4.clr-white,
html body .main-footer .footer-column .about-widget h4.clr-white,
html body .main-footer h4.clr-white,
html body .main-footer .footer-column h4.clr-white {
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
    margin-bottom: 5px !important;
}

html body .main-footer .widgets-section .footer-widget.about-widget .text,
html body .main-footer .about-widget .text.clr-white,
html body .main-footer .contact-list li .text,
html body .main-footer .contact-list li .text a,
html body .main-footer .contact-list li div.text a,
html body .main-footer .widgets-section ul.contact-list li .text,
html body .main-footer .widgets-section ul.contact-list li .text a,
html body .main-footer .footer-column .text.clr-white,
html body .main-footer .footer-column .contact-list li .text,
html body .main-footer .footer-column .contact-list li .text a,
html body .main-footer .footer-column ul.contact-list li .text,
html body .main-footer .footer-column ul.contact-list li .text a,
html body .main-footer .footer-column ul.contact-list li div.text a {
    font-size: 14px !important;
    line-height: 1.5 !important;
} 
.clr-white-footer {
    color: #fdfdfd !important;
    font-size: 14px !important;
    margin-bottom: 0 !important ;
    padding-bottom: 4px;
    text-align: center !important;
}
.clr-white-footer a{
    color: #ffffff !important;
    font-size: 14px !important;
}