html, body {
  height: auto;
  overflow-x: hidden;
}


	  .about_h3m,
.about_h3m2 {
    pointer-events: none !important;
}
/*********************center_h****************/
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.carousel-caption{
background-color:#f48842!important;
bottom:220px;
left:0;
color:#fff;
width:40%;
text-align:left;
left:40%;
padding:20px;
z-index:4;
animation: fadeIn 5s;
 }
 

.carousel-caption1{
left:55%;
 }
.carousel-caption2{
left:55%;
 }
.carousel-caption3{
left:55%;
 }
.center_home .carousel-indicators{
bottom:10px; 
z-index:4;
 }
.carousel-caption p{
border-left:2px solid #efefef;
padding-left:15px; 
 }
 
.carousel-item .center_hm1 {
    z-index: 3;
    left: 10%;
    bottom: 0;
	opacity: 0;
    transform: translateX(0px);
	
}
.carousel-item.active .center_hm1{
	opacity: 1;
    transform: translateX(70px);
    transition: all 1500ms ease;
    transition-delay: 1000ms;
	
}




.center_ht{
z-index:3; 
 }
.center_home .carousel-control-prev{
z-index:4;  
 }
.center_home .carousel-control-next{
z-index:4;  
 }
/*********************center_h_end****************/

/*********************about_h****************/
.about_h1l span{
width:120px;
height:120px;
line-height:120px;
 }
.about_h2r p{
border-left:2px solid #f48842;
}

.about_h2l h1{
line-height:0.2em; 
width:250px;
height:250px;
padding-top:100px;
font-size:70px;
 }
.about_h3i1r .form-control{
background: #0003;
color:#fff; 
 }
.about_h3i1r ::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}
.about_h3i1r .btn{
background: #0221474d; 
 }
.about_h3i1r {
min-height:190px; 
 }
.about_h3i1l {
min-height:190px; 
 }
.about_h3m {
    left: -5%;
    bottom: 0;
}
.about_h3m2i span{
width:60px;
height:60px;
line-height:60px; 
 }
.about_h3m2{
padding-left:56%;
top:38%;
 }
/*********************about_h_end****************/

/*********************watch****************/
.watch_1r {
    padding: 65px 30px 65px 30px;
    background-color: #fff;
    box-shadow: 0px 10px 50px 0px rgb(53 82 99 / 9%);
	min-height:373px;
}
.watch_1l2 span a{
width:80px;
height:80px;
line-height:80px;  
 }
.watch_1l2 {
padding-top:25%; 
 }
.watch_2l2 span a{
width:50px;
height:50px;
line-height:50px;  
 }
.watch_2l2{
padding-top:18%;   
 }
/*********************watch_end****************/

/*********************minist****************/
.donate_1r .nav-tabs .nav-link.active {
    background: none;
    color: #f48842;
	border:none;
	border-bottom:3px solid #f48842;
}
.donate_1r .nav-tabs .nav-link {
    background: none;
    color: #767e88;
	border:none;
	border-bottom:3px solid transparent;
	padding:20px 40px;
	font-size:15px;
	font-weight:bold;
}
.donate_1r .nav-tabs .nav-link:hover {
  color: #f48842;
}
.minist_1i2 span a{
width:50px;
height:50px;
line-height:50px;
 }
.minist_1i3{
bottom:0; 
 }
/*********************minist_end****************/


/*********************testim****************/
#testim{
margin-top:180px; 
 }
.testim_m2{
top:-40%!important;
 }
.testim_1rm2il{
padding-top:26%; 
 }
.testim_1ri{
padding-top:24%;  
 }
/*********************testim_end****************/


/*********************blog****************/
#blog{
    background-image: url(../img/34.jpg);
    background-position: center center;
    background-size: cover;
}
/*********************blog_end****************/

@media screen and (max-width : 767px){
.center_hm1{
display:none; 
 }
.carousel-caption{
position:static!important;
width:100%;
background:#f48842; 
text-align:center;
 }
.center_ht{
display:none;  
 }

.carousel-caption .button_2{
padding-left:13px;
padding-right:13px;
font-size:13px;
 }
.carousel-caption .button_3{
padding-left:13px;
padding-right:13px;
font-size:13px;
 }
.carousel-caption .font_50{
font-size:26px;
 }
.carousel-caption p{
font-size:14px;
text-align:left;
 }
.center_home .carousel-indicators {
   display:none;
}
.about_h1l{
margin-top:8px;
margin-bottom:8px; 
 }
.about_h2l{
float:none!important;
 }
.about_h2r br{
display:none; 
 }
.about_h2r{
text-align:center;
margin-top:15px;
 }
.about_h2r p{
text-align:left;
 }
.about_h2rilir{
margin-top:15px;
}
.about_h2rilir p{
text-align:center;
}
.about_h3m{
display:none; 
 }
.about_h3m2{
display:none; 
 }
.about_h3i1l{
min-height:auto;
text-align:center!important;  
 }
.about_h3i1r{
min-height:auto;
text-align:center; 
 }
.watch_1 .ps-0{
padding-left:12px!important; 
 }
.watch_1 .pe-0{
padding-right:12px!important; 
 }
.watch_1r{
padding:20px!important;
min-height:auto;
text-align:center; 
 }
.watch_1r p{
text-align:left; 
 }
.watch_2m{
margin-top:8px;
margin-bottom:8px;
text-align:center; 
 }
.donate_1l{
margin-bottom:10px;
text-align:center; 
 }
.donate_1r .nav-tabs .nav-link {
 padding: 10px 20px;
}
.minist_1i{
margin-top:8px;
margin-bottom:8px;
text-align:center;  
 }
.minist_1i1 img{
min-height:250px; 
 }
#testim{
margin-top:0; 
 }
.testim_1l{
padding-left:0!important;
padding-right:0!important;
text-align:center; 
 }
.testim_1l p{
text-align:left; 
 }
.testim_m2{
display:none; 
 }
.testim_m{
margin-top:15px;
text-align:center; 
 }
.testim_m p{
text-align:left; 
 }
.testim_1ri{
padding-top:30px; 
 }
 }


@media (min-width:576px) and (max-width:767px) {

 }
 
@media (min-width:768px) and (max-width:991px) {
	.carousel-caption{
		bottom:10px;
		right:10%
	}

 .center_home .carousel-inner .center_hm1 img{
	      width: 60%;
 }
.carousel-caption .font_50{
font-size:20px; 
 }
.carousel-caption p {
    font-size: 14px;
}
.carousel-caption .button_2{
padding-left:13px;
padding-right:13px;
font-size:13px;
 }
.carousel-caption .button_3{
padding-left:13px;
padding-right:13px;
font-size:13px;
 }
.about_h1l  h4{
font-size:16px; 
 }
.about_h1l p{
font-size:14px; 
 }
.about_h2r br{
display:none; 
 }
.about_h2rilil .fs-2{
font-size:18px!important; 
 }
.about_h3i1r h5{
font-size:14px!important;
 }
.about_h3i1l  h5{
font-size:13px!important; 
 }
.about_h3i1l  h2{
font-size:17px!important; 
 }
.about_h3i1l  {
padding-left:20px!important;
padding-right:20px!important;
 }
.about_h3m  img{
width:300px; 
 }
.about_h3m2 {
    padding-left: 55%;
}
.about_h3m2 span{
    width:50px;
	height:50px;
	line-height:50px;
}

.watch_1l1 img{
min-height:373px; 
 }
.watch_1r{
padding:15px!important; 
 }
.watch_1r h2{
font-size:20px;
 }
.watch_2l1 img{
min-height:150px; 
 }
.watch_2l2 {
    padding-top: 30%;
}
.donate_1r .nav-tabs .nav-link {
     padding: 10px 20px;
}
.donate_1l .font_50{
font-size:22px; 
 }
.minist_1i1 img{
min-height:240px; 
 }
.minist_1i3   p{
font-size:13px; 
 }
.testim_m2 {
    top: -30%!important;
}
.testim_1l{
padding-left:0!important; 
padding-right:0!important; 
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.carousel-caption{
		bottom:40px;
	}
.center_home .carousel-inner img{

 }
  .center_home .carousel-inner .center_hm1 img{
	      width: 70%;
 }
.carousel-caption .font_50{
font-size:32px; 
 }
.carousel-caption .button_2{
padding-left:20px;
padding-right:20px;
font-size:13px;
 }
.carousel-caption .button_3{
padding-left:20px;
padding-right:20px;
font-size:13px;
 }
 
.about_h3i1l  {
padding-left:20px!important;
padding-right:20px!important;
 }
.watch_1l1 img{
min-height:373px; 
 }
.watch_1r{
padding:30px!important; 
 }
.watch_2l1 img{
min-height:150px; 
 }
.watch_2l2 {
    padding-top: 25%;
}
.minist_1i1 img{
min-height:240px; 
 }
.minist_1i3   p{
font-size:13px; 
 }
.donate_1l .font_50{
font-size:36px; 
 }
.donate_1r .nav-tabs .nav-link {
     padding: 15px 30px;
}
.testim_1l{
padding-left:0!important; 
padding-right:0!important; 
 }
 }

@media (min-width:1201px) and (max-width:1300px) {
.center_home .carousel-inner .center_hm1 img{
	      width: 80%;
 }
.carousel-caption .font_50{
font-size:38px; 
 }
.watch_1r{
padding:15px!important; 
 }
.watch_1l1 img{
min-height:373px; 
 }
 }
@media (min-width:1400px) and (max-width:2000px) {
.watch_1l1 img{
min-height:435px; 
 }
.watch_1r{
min-height:435px; 
padding: 85px 30px 85px 30px;
 }
.testim_1ri {
    padding-top: 28%;
}
 }

/* ---------- NAVBAR: glass blur + very-blurry edge ---------- */
#navbar_sticky {
  
  display: block;
  padding: .55rem 0;
  background: rgba(255,255,255,0.06);         /* subtle base */
  -webkit-backdrop-filter: blur(8px) !important;         /* inner glass blur */
  backdrop-filter: blur(8px) !important;
  border-radius: 0 0 12px 12px !important;
  overflow: visible;
  transition: background 350ms ease, box-shadow 350ms ease, border-color 350ms ease, transform 350ms ease;
  /* small inner soft border */
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

/* Pseudo element for VERY BLURRY OUTER EDGE */
#navbar_sticky::after{
  content: "";
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;

    border-radius: 15px;
    border: 2px solid rgba(0, 149, 255, 0.6) !important; /* real border */
    
    filter: blur(10px) !important; /* main blur effect */
    opacity: 1 !important;
    z-index: -1;
}
}

/* Stronger glow on hover (optional) */
#navbar_sticky:hover::after {
  filter: blur(22px);
  transform: scale(1.01);
  opacity: 1;
}

/* SCROLLED state: become more solid with subtle drop-shadow */
#navbar_sticky.nav-scrolled {
  background: rgba(255,255,255,0.92) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 30px rgba(0,0,0,0.10);
  border-bottom: 1px solid rgba(0,0,0,0.08);
}

    @media (max-width: 576px) {
        
        #header .navbar-brand
 {
    font-size: 20px !important;
    margin: 0;
    padding: 0;
    line-height: 0.4em;
    text-transform: uppercase;
    padding-left: 5px !important;
}

}

    .cookie-box {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #222;
    color: #fff;
    padding: 15px;
    display: none;
    z-index: 9999;
    font-family: Arial;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.cookie-text {
    font-size: 14px;
    max-width: 70%;
}

.cookie-actions {
    display: flex;
    gap: 10px;
}

.cookie-link {
    color: #fff;
    border: 2px solid #fff;
    padding: 8px 14px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
}

.cookie-btn {
    background: #4CAF50;
    color: #fff;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}
/* Reject button */
.cookie-reject {
    background: transparent;
    color: #fff;
    border: 2px solid #f44336;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

/* 📱 Mobile Responsive */
@media (max-width: 600px) {
    .cookie-box {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }

    .cookie-text {
        max-width: 100%;
        margin-bottom: 10px;
    }

    .cookie-actions {
        justify-content: center;
        flex-wrap: wrap;
    }
    .imglogo
    {
        width: 18% !IMPORTANT;
    }
}.marquee-container {
    width: 100%;
    overflow: hidden;
    background: #f8f9fa;
}

.marquee-content {
    display: inline-flex;
    white-space: nowrap;
    animation: scroll-left 18s linear infinite;
    width: max-content; /* important: ensures the content width adapts */
}

.marquee-content span {
    padding-right: 50px; /* spacing between repeats */
    font-size: 17px;
    color: #003366;
    font-weight: bold;
}

/* Keyframes */
@keyframes scroll-left {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .marquee-content span {
        padding-right: 30px;
        font-size: 14px;
    }
    .marquee-content {
        animation-duration: 12s;
    }
}

@media (max-width: 480px) {
    .marquee-content span {
        padding-right: 20px;
        font-size: 13px;
    }
    .marquee-content {
        animation-duration: 10s;
    }
}


@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
.btn-facebook,
.btn-instagram {
    width: 36px;
    height: 36px;
    color: #fff;
}

.btn-facebook {
    background-color: #1877f2;
}

.btn-instagram {
    background: radial-gradient(circle at 30% 30%,
        #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
}

.btn-facebook:hover,
.btn-instagram:hover {
    opacity: 0.85;
    color: #fff;
}

/* Mobile navbar spacing */
@media (max-width: 991px) {
    .navbar-nav .nav-item {
        text-align: center;
    }
}

.lang-switcher a {
    text-decoration: none;
    font-weight: 600;
    color: #333;
    padding: 0 4px;
}

.lang-switcher a:hover {
    color: #f48842;
}

.active-lang {
    color: #f48842;
    border-bottom: 2px solid #f48842;
}

  
/* Desktop (default) */
.logo-icon {
    width: 130px;
}

.logo-text {
    width: 180px;
    margin-left: 8px;
}

/* Tablet */
@media (max-width: 992px) {
    .logo-icon {
        width: 110px;
    }
    .logo-text {
        width: 150px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .logo-wrap {
        justify-content: center;
    }

    .logo-icon {
        width: 90px;
    }

    .logo-text {
        width: 140px;
    }
}
/* Default hamburger */
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%280,0,0,0.7%29' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* When menu is open → show X */
.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%280,0,0,0.7%29' stroke-width='2' stroke-linecap='round' d='M6 6L24 24M6 24L24 6'/%3E%3C/svg%3E");
}
  .carousel-bg {
   position: relative; height: 100vh; /* responsive height */ min-height: 400px; overflow: hidden;
}


.carousel-bg img {
    width: 100%;  
    height: 100%;
    object-fit: cover; /* KEY */
    object-position: center;
}

/* Caption positioning */
.carousel-caption1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

/* Mobile optimization */
@media (max-width: 768px) {
    .carousel-bg {
         height: clamp(260px, 30vh, 420px);
    }

    .carousel-caption1 h1 {
        font-size: 26px;
        line-height: 1.2;
    }

    .carousel-caption1 p {
        font-size: 14px;
    }
    .button_3
    {
      margin-top: 5px;
    }
}
  :root {
            --primary-color: #f57c00;
            --secondary-color: #332d5b;
            --text-muted: #777;
            --bg-color: #fcfaf2;
        }

   

        .events-wrapper {
            max-width: 1000px;
            margin: 0 auto;
        }

        .section-title {
            text-align: center;
            margin-bottom: 40px;
            color: var(--secondary-color);
            font-weight: 700;
        }

        /* Card Styling */
        .event-card {
            display: flex;
            background: #ffffff;
            border-radius: 16px;
            margin-bottom: 30px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
            align-items: center;
            overflow: hidden; /* Desktop default */
        }

        .event-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
        }

        /* Image Section */
        .event-image-container {
            position: relative;
            width: 280px;
            height: 180px;
            flex-shrink: 0;
        }

        .event-image-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* Floating Date Badge */
        .date-badge {
            position: absolute;
            right: -35px;
            top: 50%;
            transform: translateY(-50%);
            background: white;
            width: 75px;
            height: 75px;
            border-radius: 50%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
            z-index: 5;
            border: 2px solid #fff;
        }

        .date-badge .day {
            font-size: 24px;
            font-weight: 700;
            color: var(--primary-color);
            line-height: 1;
        }

        .date-badge .month {
            font-size: 13px;
            font-weight: 600;
            color: var(--primary-color);
            text-transform: uppercase;
        }

        /* Content Section */
        .event-content {
            flex-grow: 1;
            padding: 20px 20px 20px 60px; /* Large left padding to clear badge */
        }

        .event-content h3 {
            margin: 0 0 10px 0;
            color: var(--secondary-color);
            font-size: 1.4rem;
            line-height: 1.2;
        }

        .event-meta {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }

        .meta-item {
            display: flex;
            align-items: center;
            color: #ff6b6b;
            font-size: 0.95rem;
            font-weight: 500;
        }

        .meta-item span {
            margin-right: 8px;
        }

        /* Button Section */
        .event-action {
            padding: 20px 40px;
        }

        .btn-info {
            display: inline-block;
            background: var(--primary-color);
            color: #fff;
            padding: 12px 35px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            font-size: 0.9rem;
            transition: background 0.3s ease;
            box-shadow: 0 4px 15px rgba(253, 184, 19, 0.3);
        }

        .btn-info:hover {
            background: #e5a700;
        }

        /* Responsive Breakpoint (Tablet/Mobile) */
        @media (max-width: 850px) {
            .event-card {
                flex-direction: column;
                align-items: stretch;
                overflow: visible; /* To let badge show */
                max-width: 450px;
                margin-left: auto;
                margin-right: auto;
            }

            .event-image-container {
                width: 100%;
                height: 200px;
                border-radius: 16px 16px 0 0;
            }
            
            .event-image-container img {
                border-radius: 16px 16px 0 0;
            }

            .date-badge {
                right: 20px;
                top: 20px;
                transform: none;
            }

            .event-content {
                padding: 30px 20px 10px 20px;
                text-align: center;
            }

            .meta-item {
                justify-content: center;
            }

            .event-action {
                text-align: center;
                padding-bottom: 30px;
            }
        }