/* Logo text styles */
 .headerInfo
 {
    margin-top:88px;
 }

  .quickImages
 {
    width:100% !important;
 }

 .brand-text {

     font-size: 1.3rem;

     font-weight: bold;

     color: #800000;

     /* dark red */

 }



 .brand-subtext {

     font-size: 0.75rem;

     letter-spacing: 1px;

     color: goldenrod;

     display: block;

 }



 /* Navbar link styles */

 .nav-link {

     position: relative;

     color: #800000 !important;

     font-weight: 500;

     margin-left: 15px;

 }



 .nav-link::after {

     content: "";

     position: absolute;

     left: 0;

     bottom: -3px;

     width: 0%;

     height: 2px;

     background-color: goldenrod;

     transition: 0.3s;

 }



 .nav-link:hover::after,

 .nav-link.active::after {

     width: 100%;

 }



 /* Responsive logo size */

 .navbar-brand img {

     height: 60px;

     width: auto;

 }



 .navbar {

     border-bottom: 3px solid goldenrod;

 }



 /* Remove Bootstrap caret from dropdown */

 .dropdown-toggle::after {

     display: none !important;

 }



 /* Hover pe dropdown open kare */

 .nav-item.dropdown:hover .dropdown-menu {

     display: block;

 }



 /* Dropdown styling */

 .dropdown-menu {

     padding: 0;

     border: none;

     min-width: 250px;

 }



 .dropdown-item {

     padding: 10px 20px;

     text-transform: uppercase;

 }



 .dropdown-item:hover {

     background-color: goldenrod;

     color: #5b0000 !important;

 }







 .image-menu {

     display: flex;

     flex-wrap: wrap;

 }



 .image-menu .menu-item {

     flex: 1 1 16.66%;

     /* 6 items in a row on large screens */

     min-width: 150px;

     width: auto;

     height: 670px;

     aspect-ratio: 3 / 4;

     background-size: cover;

     background-position: center;

     position: relative;

     transition: transform 0.3s ease;

 }



 /* .image-menu .menu-item:hover {

        transform: scale(1.05);

        z-index: 2;

    } */

 .menu-text {

     position: absolute;

     bottom: 0;

     left: 50%;

     transform: translateX(-50%) rotate(-90deg);

     transform-origin: bottom left;

     white-space: nowrap;

     font-size: 1.2rem;

     font-weight: bold;

     color: black;

     background: rgba(255, 255, 255, 0.6);

     padding: 5px 10px;

 }



 @media (max-width: 992px) {

     .image-menu .menu-item {

         flex: 1 1 33.33%;

         /* 3 items per row on tablets */

     }

 }



 @media (max-width: 768px) {

     .image-menu {

         flex-direction: column;

     }

     .navbar-brand img
     {
        
        width: 265px;
     }

     .navbar .container
     {
        padding:0px 15px;
     }



     .image-menu .menu-item {

         flex: 0 0 100%;

         width: 100%;

         min-width: 0;

         /* remove fixed width that breaks mobile view */

     }



     .menu-text {

         transform: none;

         position: absolute;

         bottom: 10px;

         left: 10px;

         font-size: 1rem;

     }

 }







 /* slider css */



 .sider {

     position: relative;

     height: 100%;





 }



 /* body {

      background: #000;

      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;

      font-size: 14px;

      color: #fff;

      margin: 0;

      padding: 0;

    } */









 .swiper {

     border-bottom: 3px solid goldenrod;

     width: 100%;

     height: 100%;

 }



 .swiper-slide {

     text-align: center;

     font-size: 18px;

     background: #444;

     display: flex;

     justify-content: center;

     align-items: center;

 }



 .swiper-slide img {

     display: block;

     width: 100%;

     height: 100%;

     object-fit: cover;

 }









 footer {

     position: relative;

     overflow: hidden;

     color: #fff;

 }



 /* Background image inside HTML */

 footer img.bg-image {

     position: absolute;

     top: 0;

     left: 0;

     width: 100%;

     height: 100%;

     object-fit: fill;

     z-index: 0;

 }



 /* Overlay card */

 .footer-overlay {

     position: relative;

     z-index: 1;

     /* background-color: #6b1012ae; */

     padding: 40px;

     border-radius: 10px;

     /* margin-top: 40px; */

     margin: 55px 220px 0px 235px;

 }







 /* Links */

 .footer-links a {

     color: #fff;

     text-decoration: none;

     display: block;

     margin-bottom: 6px;

     font-size: 14px;

 }



 .footer-links a:hover {

     text-decoration: underline;

 }



 /* Powered by logo */

 .powered-logo img {

     max-height: 40px;

 }



 .powered-logo a,.copyrightInfo a {

     color: #fff;

     text-decoration: none;

 }



 .powered-logo a:hover {

     color: #efecec;

 }



 /* Pastor photo */

 .pastor-photo img {

     max-height: 100px;

     border-radius: 50%;

 }



 /* Social icons */

 .social-icons a {

     color: #fff;

     margin-right: 10px;

     font-size: 18px;

 }
  .social-icons p
  {
    font-size: 12px;
  }

  .copyright
  {
    font-size: 12px !important;
  }



 /* Bottom */

 .footer-bottom {

     position: relative;

     z-index: 1;

     text-align: center;

     padding: 15px 0;

     font-size: 13px;

     background: rgba(0, 0, 0, 0.3);

 }



 @media (max-width: 768px) {

     .footer-overlay {

         padding: 20px;

          margin: 20px 15px 0 15px; /* almost full width */

         text-align: center;

     }



     .pastor-photo {

         margin-top: 20px;

     }

 }







 .banner-slide {

     position: relative;

     height: 70vh;

     background-size: cover;

     background-position: center;

     color: white;

 }



 .banner-overlay {

     position: absolute;

     inset: 0;

     background: rgba(0, 0, 0, 0.4);

 }



 .banner-content {

     position: absolute;

     bottom: 20%;

     left: 10%;

     z-index: 2;

 }



 .banner-content h1 {

     font-size: 3rem;

     font-weight: bold;

     text-transform: uppercase;

 }



 @media (max-width: 768px) {

     .banner-content h1 {

         font-size: 2rem;

     }

 }













 .image-col {

     position: relative;

     /* height: 700px; */

     overflow: hidden;

 }



 .image-col img {

     width: 100%;

     height: 100%;

     /* object-fit: cover; */

 }



 /* Vertical text */

 .image-col span {

     position: absolute;

     top: 50%;

     left: 50%;

     transform: rotate(-90deg) translate(-50%, -50%);

     transform-origin: center;

     font-weight: bold;

     font-size: 22px;

     color: black;

     background: rgba(255, 255, 255, 0.8);

     padding: 5px 12px;

     white-space: nowrap;

 }



 @media (max-width: 768px) {

     .image-col {

         height: 220px;

     }



     .image-col img {

         object-fit: fill;

     }



     .image-col span {

         font-size: 16px;

     }

 }


 .recaptcha-container {
    max-width: 100%;
    overflow-x: auto; /* Allows scrolling if needed */
}

/* Responsive reCAPTCHA */
.g-recaptcha {
    transform: scale(0.9); /* Adjust scaling */
    -webkit-transform: scale(0.9);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

@media (max-width: 480px) {
    .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

.lists-checkbox .row{
   display: flex !important;
   align-items: center;
}


.lists-checkbox .row>* {
    flex-shrink: unset !important;
    width: fit-content !important; 
    max-width: unset;
}