/* Common Styles */
htmlx {
    scroll-behavior: smooth;
    overflow-xx: hidden;
    max-widthx: 100%;
}
        html {
            scroll-behavior: smooth;
            scroll-padding-topx: 80px;
            font-size: 16px;
        }
#main-contentt{padding-top: 65px;}
        @media (max-width: 1024px) {
            html { font-size: 15px; }
        }

        @media (max-width: 768px) {
            html { font-size: 14px; }
        }

        @media (max-width: 480px) {
            html { font-size: 13px; }
        }
.containerr{heightt: 30px;background: #F11E21;}
body {
	font-family: 'Playfair Display', serif,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-familyy: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-familyy: 'Inter', sans-serif;
    font-familyy: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    overflow-x: hidden;
    max-width: 100%;			
}
.logo{
border-radius: 50%;
}
/* Dropdown Menu Styles */
.megamenu {
    visibility: hidden;
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.3s ease-out;
    pointer-events: none;

}

.dropdown:hover .megamenu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    top:35px;
}

/* Mobile Menu Animation */
.mobile-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
}

.mobile-menu.active {
    max-height: 1000px;
}

.mobile-submenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.mobile-submenu.active {
    max-height: 500px;
}


 /* Loader */
        .loader {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 300px;
            transition: opacity 0.3s ease-out;
        }
        
        .loader.hidden {
            opacity: 0;
            pointer-events: none;
        }
        
        .content-loading {
            opacity: 0;
            transition: opacity 0.5s ease-in;
        }
        
        .content-loaded {
            opacity: 1;
        }
    



/* Go to Top Button Styles */
#go-to-top {
  transform: translateY(20px);
  transition: opacity 0.3s, transform 0.3s, visibility 0.3s;

}

#go-to-top.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

#go-to-top:hover {
  transform: translateY(-3px) scale(1.05);
}



.pulse2 {
            animation: pulse2 2.5s ease-in-out infinite;
        }
        @keyframes pulse2 {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.05); }
        }
		.zoom-box {

  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadoww: 0 4px 8px rgba(0,0,0,0.1);
}

.zoom-box:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
	padding: 10px;
	font-weightt: bold;
}
@media  (max-width:640px){
	.donate-btnn{display: none;}
	.soc{display:none;}
}

.btn1{
		
		width: 100%;
		color: white;
		display: block;
		padding:4px 10px;
		border-radius: 10px;
		text-align: center;
	}
.btn1:hover{
		background:darkgreen;
	}
.btn2{
		width: 100px;
		color: white;
		display: block;
		padding:4px 10px;
		border-radius: 10px;
		text-align: center;
}
.btn2:hover{
	background:darkgreen;
}



/* Scroll animations */
        .animate-on-scroll {
            opacity: 0;
            transform: translateY(40px);
            transition: opacity 0.8s ease, transform 0.8s ease;
        }
        
        .animate-on-scroll.animate-left {
            transform: translateX(-40px);
        }
        
        .animate-on-scroll.animate-right {
            transform: translateX(40px);
        }
        
        .animate-on-scroll.animated {
            opacity: 1;
            transform: translate(0);
        }