:root {
  --theme-color: #85BF18;
  --theme-shade-color: #99EF68;
  --theme-color-2: #FFE175;
  --theme-color-3: #870304;
  --title-color: #15161C;
  --body-color: #868681;
  --gray-color: #383838;
  --warning-color: #FFB539;
  --success-color: #28a745;
  --error-color: #dc3545;
  --light-color: #f5f5f5;
  --dark-color: #15161C;
  --white-color: #fff;
  --black-color: #000;
  --hr-color: #000;
  --outfit-font: "Outfit", sans-serif;
  --dm-sans-font: "DM Sans", sans-serif;
  --albert-sans-font: "Albert Sans", sans-serif;
  --icon-font: "Font Awesome 6 Pro";
  --body-fz: 16px;
}

      /* Hide Google Translate UI */
    .goog-te-banner-frame.skiptranslate,
    .goog-te-gadget-icon,
    .goog-te-balloon-frame {
      display: none !important;
    }
	
	 .VIpgJd-ZVi9od-ORHb-OEVmcd {
      display: none !important;
    }

.logo-wrap-2 img {
       max-width: 108px;
    position: absolute;
    top: -44%;
}
.logo-wrap-2{
    background: transparent;
    backdrop-filter: none;
    border-radius: 0 0 13px 0;
    padding: 16px 14px 0px 20px;
    border-right: none;
    border-bottom: none;
    width:auto;
    margin-right: 4%;
    padding-left:0px
}
.header-bottom-layout-2{
        align-items: start;
        gap:0px
}
.off-canvas-sidebar-body{
    padding-top: 20px;
}
.off-canvas-sidebar .off-canvas-logo img{
    max-width: 140px;
}
.off-canvas-sidebar .off-canvas-sidebar-close{
    background:  var(--theme-color-3);
}
.hero-content-1 .join-us .e-primary-btn .icon-wrap{
    color: var(--white-color);;
background-color: var(--theme-color-3);
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .logo-wrap-2 img {
           max-width: 90px;
        margin-top: -6px;
  }
}
@media (min-width: 1300px) and (max-width: 1399px) {
    .logo-wrap-2 img {
        max-width: 96px !important;
        position: absolute;
        top: -58%;
    }
}
.text-red{
    color: var(--theme-color-3);
    font-weight: 600;
}
.off-canvas-menubar .off-canvas-logo img {
    width: 100%;
    max-width: 120px;
    padding-top: 12px;
}
@media (max-width: 767px) {
    .logo-wrap-2{
            margin-top: -6%;
    }
    .logo-wrap-2 img {
        max-width: 110px;
    }
}

.shape-wrapped-thumb-1 > img{
    width: 100%;
}

.btn-close {
--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23870304'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
opacity: 1;
}
.project-card .thumb .content h5{
    font-size: 20px;
    line-height: normal;
    margin-bottom: 0px;
}

.camping-slider-active-2 .camping-card .thumb img{
    height: 200px;
    object-fit: cover;
}

.camping-slider-active-2 .content{
    height: auto;
}

.camping-slider-active-2 .camping-card .content .title h3{
line-height: normal;
  

}

.camping-card-2 .content .donation-wrap .d-bottom{
    padding-top: 14px !important;
}
.camping-card-2 .content .text p{
    display: -webkit-box;
    max-width: 400px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}
.camping-card .content .text{
     display: -webkit-box;
    max-width: 400px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
}
.camping-slider-active-2 .camping-card .content .title h3 a, .camping-slider-active-4 .camping-card .content .title h3 a{
  display: -webkit-box;
  max-width: 400px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
 line-height: normal;
}
 .camping-card .content .title h3 a{
    display: -webkit-box;
  max-width: 400px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
 line-height: normal;
}
.about-us-section {
  position: relative;
}
.about-us-section .shape-1{
        position: absolute;
    top: -60%;
    left: 0;
    width: fit-content;
    z-index: -1;
}

.amount{
        font-size: 24px;
        line-height: 1.5;
        font-weight: 600;
}

.volunteer-card a .author-info h5 {
    font-weight: 600;
    font-size: 20px;

  
}

.volunteer-card .author-info a h5{
  margin-bottom: 8px !important;
}

.footer-section-2 .footer-bottom .footer-bottom-layout{   
    justify-content: center;
}
.footer-section-2 .footer-bottom{
        padding: 14px 0;
}
.blog-card .content .title h3{
        display: -webkit-box;
    max-width: 400px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
}

.author-info {
    height: 170px;
}
.testimonial-card-2 .thumb img{
    height: 240px;
}
.testimonial-section-2{
    margin-top: 20px !important;
}
.shape-wrapped-thumb-1{
    margin-bottom: 0px;
}
.latest-blog-section{
    background-color: #ffffff;
}
.blog-slider-active .swiper-horizontal{
    padding: 20px;
}
.p-t-40{
    padding-top: 40px;
}
.testimonial-card-2{
    background-color:  var(--theme-color-2);
}
#shortsec .completed-project-top {
    padding-bottom: 80px;
    padding-top: 80px;
}
#shortsec .completed-project-top h2{
    color: var(--theme-color-2) !important;
}
#shortsec p{
    color: #fff;
    text-align: center;
}
#galleryTab .nav-tabs{
        justify-content: center;
}
#galleryTab .blog-card-2 .thumb .event-date{
    width: auto !important;
    color: #fff !important;
    line-height: normal;
}
#galleryTab .blog-card-2 .thumb a img {
    width: 100%;
    border-radius: 10px 10px 10px 10px;
    height: 260px !important;
    object-fit: cover;
}
@media (min-width: 1300px) and (max-width: 1399px) {
#galleryTab .blog-card-2 .thumb a img {
    width: 100%;
    border-radius: 10px 10px 10px 10px;
    height: 260px;
    object-fit: cover;
}
}
@media (min-width: 1300px) and (max-width: 1399px) {
#galleryTab .blog-card-2 .thumb a img {
 
        height: 240px;
        object-fit: cover;
}
}
@media (min-width: 1200px) and (max-width: 1299px) {
#galleryTab .blog-card-2 .thumb a img {
 
        height: 200px;
        object-fit: cover;
}
}
.play-btn{
    position: absolute;
    top: 25%;
    left: 45%;
    background: red;
    width: 36px;
    height: 30px;
    border-radius: 4px;
}
.play-btn span{
        color: #fff;
    display: flex;
    padding-top: 3px;
    align-items: center;
    justify-content: center;
}
.video-thumb{
    position: relative;
    border-radius: 10px;
}
.video-thumb img{
        border-radius: 10px !important;
}

.camping-card-2 .thumb img{
        height: 260px;
}
.breadcrumb-section .container-fluid{
    padding: 0px;
}
.breadcrumb-thumb img{
    height: 400px;
}
.breadcrumb-content{
    padding-top: 12%;
}
@media (max-width: 767px) {
    .breadcrumb-content {
        margin-right: 0;
        padding: 35% 8% 8%;
        clip-path: none;
        border-radius: 10px;
    }
    .breadcrumb-title h2 {
        font-size: 30px;
        line-height: 1.2;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    #allsection .common-title h2 {
        margin-bottom: 0px;
    }
}
.event-date a{
    color:#fff
}
.parallax-section {
  position: relative;
  overflow: hidden;
  height: auto;
  color: #fff;
}

.parallax-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-attachment: fixed; /* Key for parallax */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
}

.completed-project-content {
  position: relative;
  z-index: 1;
  padding: 100px 0; /* adjust vertical spacing */
  background: rgba(0, 0, 0, 0.4); /* optional overlay */
}
#shortsec  h2{
    color: var(--theme-color-2) !important;
    text-align: center;
}
.service-card {
    height: 200px;
}
.service-card a{
    color:#000
}

.about2 img{
    height: 500px !important;
    object-fit: cover;
}
.blog-card-5 .thumb > a img{
        height: 500px;
}
@media (max-width: 767px) {
    .about2 img{
        height: auto !important;
    }
    .blog-card-5 .thumb > a img{
            height: auto;
    }
    .p-b-100 {
        padding-bottom: 40px;
    }
    .p-t-xs-80 {
        padding-top: 20px;
    }
}
.camping-slider-active-3 .camping-button-next-3, .camping-slider-active-3 .camping-button-prev-3{
    background-color: #f8f7f0;
}

/* .e-primary-btn.has-icon{
    border:1px solid
} */

.services-details-section .detail-sidebar{
    width:100% !important;
       max-width: 33%;
}
.services-details-section .detail-sidebar {
    width: 100% !important;
    max-width: 38%;
    margin-left: 2%;
}
.detail-sidebar .s-widget-wrap {
    padding: 20px 20px;
}
.organizer-info-wrap .e-primary-btn .icon-wrap{
        padding: 4px 6px 4px 10px;
        background: #ffff;
        color: #198754;
        border: none;
        width: 30px;
        height: 30px;
}
  .organizer-info-wrap  .e-primary-btn.has-icon {
        gap: 10px;
        background: #198754;
        padding: 4px 5px 4px 9px;
        border: 0;
        color: #fff;
    }
    .banner-slide-wrap .thumb img{
        height: 400px;
        object-fit: cover;
    }
    .services-details-section .c-tabs-wrapper .nav-tabs {
     
        justify-content: center;
    }
    .donator-cards .donator-card{
        width:170px
    }
 .donator-cards {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    flex-wrap: wrap;
}
.detail-sidebar .s-widget-wrap .w-title h3{
    color:var(--theme-color-3);
}

.detail-sidebar .s-widget-wrap .w-title .bar-wrap .bar-2 {
    background: linear-gradient(90deg, rgba(0, 69, 64, 0) 0%, #870304 100%);
}
 .title h3 {
    font-weight: 600;
    font-size: 19px;
    line-height: 1.4;
    color: var(--theme-color-3);
    margin-bottom: 1%;
    margin-top: 2%;
}

.p-b-100 {
    padding-bottom: 60px
}
#galleryTab .blog-card-2 .thumb a img{
    border: 1px solid #ddd;
}
.testimonial-card-2{
        background: linear-gradient(112deg, #ffffff 50%, antiquewhite 50%);
    /* max-width: 100%; */
    margin: auto;
    border: 1px solid #ddd;
}
.testimonial-card-2 .card-content .review{
    margin-bottom: 20px;

}
.testimonial-card-2 {
     text-align: center;
    padding: 30px;
}
.testimonial-card-2 .thumb img{
    border-radius: 100%;
}

.testimonial-card-2 .card-content .review p{
        font-size: 1.2rem;
}
.footer-section.p-b-50 {
    padding-bottom: 0px;
}
.footer-section-2 .footer-bottom {
        margin: 0 0px;
        overflow: hidden;
    }
   .footer-section-2.p-t-125 {
    padding-top: 60px;
}
.footer-section-2 .p-b-80 {
    padding-bottom: 40px;
}





    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 92%;
    }
    .mt-16pr{
            margin-top: 10% !important;
    }

    .top-bar-content .text-wrap{
        display: block;
        align-items: center;
        width: 100%;
        position: relative;
        padding-left: 10%;
    }


.header-bottom-layout-2.scrolled {
  background: #fff; /* color after scroll */
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}


/* .header-bottom-layout-2.scrolled .logo-wrap-2 {
 display: none !important;
} */
.header-bottom-layout-2.scrolled .main-menu-2 ul li a, 
.header-bottom-layout-2.scrolled .header-info-3 .header-info-content span{
color: var(--title-color) !important;
}
.header-bottom-layout-2.scrolled .header-info-3 .header-info-content p a{
    color: var(--theme-color-3)
}
.header-bottom-layout-2.scrolled  .header-info-3 .header-info-icon{
    border-color: #ddd;
}
.header-bottom-layout-2.scrolled .logo-wrap-2 img {
    max-width: 80px !important;
    position: absolute;
    top: 4px;
}

    .header-bottom-layout-2.scrolled .completed-project-bottom{
        z-index: -9;
}

.header-middle .e-primary-btn.has-icon{
  border: none;
  color: #FFFFFF;
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}
@-webkit-keyframes glowing {
  0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -webkit-box-shadow: 0 0 20px #FF0000; }
  100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}

@-moz-keyframes glowing {
  0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -moz-box-shadow: 0 0 20px #FF0000; }
  100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
}

@-o-keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 20px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

@keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 20px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}
.ReadmoreBtn{
    padding: 5px 5px 5px 0px !important;
    color: var(--theme-color-3);
    font-size: 18px;
    font-weight: 600;

}
.ReadmoreBtn:hover{
color: #000 !important;
}
.camping-card-2 .content .title{
    margin-bottom: 0px;
}

.volunteer-card .text{
    display: -webkit-box;
  max-width: 400px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
    color:#000
}

.camping-card {
    background-color: transparent;
border-radius: 0;   
    box-shadow: none;
    text-align: center;
    border: 1px solid #ddd;
    border-radius:12px
}
.camping-card:hover{
    border-color:  var(--theme-color-3);
}
.camping-card:hover img{
    transform: scale(1.05);
    opacity: 0.9;
}
.thumb2 img{
    height: 200px;
    width: 240px;    
    border-radius: 50%;
    object-fit: cover;
    padding: 4px;
    padding-bottom: 0px;
}
@media (min-width: 1400px) and (max-width: 1700px) {
   .thumb2 img{
        height: 230px;
        width: 100%;
   }  
}
@media (min-width: 1701px) and (max-width: 1900px) {
   .thumb2 img{
        height: 200px;
        width: auto;
   }  
}

.thumb2 img {
  transition: all 0.3s linear;
}

.thumb2 img:hover {
  transform: scale(1.05);
  opacity: 0.9;
}
.header-left{
    display: none;
}

@media (max-width: 767px) {
    .header-left{
        display: block;
    }
}
.sevaBox {
  position: relative;
  display: flex;
  align-items: center;     
  justify-content: center;   
  text-align: center;
  overflow: hidden;
}

.sevaBox img {
  width: 100%;
  height: auto;
  display: block;
}

.sevaBox .heading {
  position: absolute;
  color: #fff;
  font-weight: 600;
  padding: 10px 20px;
}
.sevaBox .heading h4, .sevaBox2 .heading h4{
    margin:0px;
    color: #fff;
}
.font-size-20 {
font-size: 20px !important;
}


.contact-card {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  padding: 20px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-top: 5px solid #e57a7a;
  position: relative;
  margin-bottom:10px
}

.contact-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.contact-card .no {
  position: absolute;
  top: -14px;
  right: 15px;
  background: #870304;
  color: #fff;
  font-size: 13px;
  padding: 3px 10px;
  border-radius: 50px;
  font-weight: 600;
}

.contact-card .name {
  color: #870304;
  font-weight: 700;
  font-size: 1.1rem;
  margin-bottom: 10px;
}

.contact-card .address {
  font-size: 0.95rem;
  color: #444;
  margin-bottom: 8px;
  line-height: 1.4;
}

.contact-card .phone {
  font-size: 0.9rem;
  color: #000;
  margin: 0;
}

.membership-options {
    display: block;
    background: rgba(255, 255, 255, 0.7);
    padding: 20px;
    border-radius: 10px;
    backdrop-filter: blur(5px);
}

.membership-options .option {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 6px 8px;
    cursor: pointer;
    transition: all 0.3s 
ease;
    font-size: 16px;
    color: #333;
    margin-top: 12px;
}

.membership-options .option:hover {
  border-color: #870304;
  background: #fff5f5;
}

.membership-options .option input[type="radio"] {
  accent-color: #870304; /* Modern browsers */
  transform: scale(1.2);
}
.membership-options .option input{
    width:auto
}
.membership-options .option input:checked + span {
  font-weight: 600;
  color: #870304;
}
.input-wrap input{
        padding: 6px 12px;
}

        .conditions-box {
            /* max-width: 900px; */
            background: #ffffff;
            border-radius: 18px;
            overflow: hidden;
            box-shadow: 0 12px 35px rgba(0,0,0,0.08);
            border: 1px solid #e6e6e6;
        }
       .conditions-box .header {
            background: linear-gradient(135deg, #870304);
            color: white;
            padding: 10px 30px;
            text-align: center;
            font-size: 24px;
            font-weight: 700;
        }
       .conditions-box .content {
            padding: 15px 40px;
        }
       .conditions-box .list {
            margin: 25px 0;
            text-align: left;
            padding-left:0px
        }
       .conditions-box .list li {
            margin-bottom: 18px;
            position: relative;
            padding-left: 38px;
            font-size: 17px;
            list-style: none;
        }
       .conditions-box .list li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 6px;
            width: 12px;
            height: 12px;
            background: #870304;
            border-radius: 50%;
        }
       .conditions-box .note {
            background: #fff8e1;
            border-left: 5px solid #ff8f00;
            padding: 20px;
            margin: 30px 0;
            border-radius: 0 8px 8px 0;
            font-size: 16px;
            color: #5d4037;
            text-align: left;
        }
       .conditions-box .note strong {
            color: #d84315;
        }
        @media (max-width: 600px) {
            .conditions-box .content { padding: 25px; }
           .conditions-box .header { font-size: 20px; padding: 20px; }
           .conditions-box .list li { font-size: 16px; padding-left: 32px; }
        }
    .innerPadding{
            padding: 0px 40px 30px 30px;
    }
    #becomeBeneficiary .contact-form-wrap .input-wrap input, #becomeBeneficiary .contact-form-wrap .input-wrap textarea{
        background-color: #f8f7f0;
    }

       #foundationS  .foundationcard{
        width: 33%;
        padding: 10px;
       }

    #foundationS .card {
        width: 100%;
        height: auto;
        background: linear-gradient(135deg, #ff512f, #dd2476);
        border-radius: 25px;
        overflow: hidden;
        box-shadow: 0 15px 35px rgba(0,0,0,0.3);
        position: relative;
        transition: transform 0.3s ease;
        cursor: pointer;
        height: 350px;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #foundationS .card:hover {
        transform: translateY(-10px);
    }

    #foundationS .card::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><defs><radialGradient id="g"><stop offset="0%" stop-color="%23fff"/><stop offset="100%" stop-color="%23fff0"/></defs><circle cx="20" cy="20" r="15" opacity="0.4" fill="url(%23g)"/><circle cx="80" cy="30" r="20" opacity="0.3" fill="url(%23g)"/><circle cx="40" cy="70" r="12" opacity="0.5" fill="url(%23g)"/><circle cx="90" cy="80" r="18" opacity="0.2" fill="url(%23g)"/></svg>') repeat;
        background-size: 80px 80px;
        opacity: 0.3;
    }

    #foundationS .card-content {
        position: relative;
        z-index: 2;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 22px 10px;
        color: white;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #foundationS .heading{
        font-size: 28px;
        font-weight: 700;
        line-height: 1.3;
        text-shadow: 0 2px 10px rgba(0,0,0,0.4);
    }

    #foundationS .subheading {
        font-size: 18px;
    font-weight: 500;
    margin-top: 6px;
    opacity: 0.95;
    letter-spacing: 1px;
    }
        #foundationS  a{
        text-decoration: underline;
        margin-top: 6%;
        font-size: 18px;
        color: #fff;
    }
    /* Responsive */
    @media (max-width: 768px) {
        
        #foundationS .card {
            width: 250px;
            height: 340px;
        }
        #foundationS .heading{ font-size: 24px; }
        #foundationS .subheading { font-size: 18px; }
        #foundationS .foundationcard{width:100%;}
    }

    @media (max-width: 480px) {
        #foundationS .card {
            width: 100%;
            max-width: 300px;
            margin:auto;
        }
    }	
  
    .katha-guidelines {
  background-color: #fffdf5;
  padding: 40px 20px;
  border-radius: 20px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  font-family: "Noto Sans Devanagari", "Poppins", sans-serif;
  color: #3b2f1e;
  line-height: 1.7;
}
.katha-guidelines .guidelines-title {
  text-align: center;
  color: #7b0202;
  font-weight: 700;
  font-size: 26px;
  margin-bottom: 30px;
  border-bottom: 3px solid #d9b27c;
  display: inline-block;
  padding-bottom: 8px;
}
.guidelines-list {
  counter-reset: section;
  list-style: none;
  padding-left: 0;
}
.guidelines-list li {
  counter-increment: section;
  background: #fff;
  margin: 12px 0;
  padding: 10px 16px;
  border-left: 6px solid #c18a27;
  border-radius: 12px;
  position: relative;
  transition: all 0.3s ease;
}
.guidelines-list li::before {
  content: counter(section) ".";
  font-weight: bold;
  color: #7b0202;
  position: absolute;
  left: -35px;
  top: 15px;
  font-size: 18px;
}
.guidelines-list li:hover {
  background: #fff9ed;
  transform: translateY(-2px);
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
@media(max-width:768px){
  .katha-guidelines {padding: 20px;}
  .guidelines-list li {padding: 12px 15px;}
  .katha-guidelines .guidelines-title {font-size: 22px;}
}


    #allRecipients .card {
      background: white;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 12px 35px rgba(0,0,0,0.22);
      transition: all 0.4s ease;
      position: relative;
      margin-bottom: 4%;
    }
    #allRecipients .card:hover {
      transform: translateY(-12px);
      box-shadow: 0 25px 50px rgba(0,0,0,0.3);
    }
    #allRecipients .card-header {
      background: linear-gradient(135deg, #ff512f, #dd2476);
      color: white;
      padding: 16px 20px;
      font-weight: 700;
      font-size: 1.1rem;
      text-align: center;
    }
    #allRecipients .card-body {
      padding: 22px;
    }
    #allRecipients .rowflex {
      display: flex;
      justify-content: space-between;
      margin-bottom: 14px;
      gap: 10px;
    }
    #allRecipients .label {
      font-weight: 600;
      color: #444;
      min-width: 120px;
    }
   #allRecipients .value {
      color: #222;
      font-weight: 500;
      flex: 1;
      text-align: left;
    }
   #allRecipients .hindi-text {
      font-family: 'Hind', 'Mangal', sans-serif;
      line-height: 1.6;
      font-size: 1rem;
    }
   #allRecipients .status {
      display: inline-block;
      background: #28a745;
      color: white;
      padding: 6px 14px;
      border-radius: 30px;
      font-size: 0.85rem;
      font-weight: 700;
    }
    #allRecipients .phone {
      font-family: monospace;
      font-size: 1.1rem;
      color: #d63384;
      font-weight: 700;
    }
    #allRecipients .index-badge {
      position: absolute;
      top: 12px;
      left: 12px;
      background: #ff4757;
      color: white;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 1rem;
      box-shadow: 0 4px 10px rgba(255,71,87,0.4);
    }
    @media (max-width: 480px) {
      #allRecipients .value { text-align: center; }
    }

    .shape-wrapped-thumb-1:hover .aboutimg{
transform: scale(1.08);
      filter: brightness(1.15) contrast(1.1);
     cursor: pointer;

    }
    .aboutimg{
        transition: all 0.3s linear 0s;
    }
#ourGaushalas .camping-card .content .content-top {
    padding: 10px 0px;
}

.blog-card-2 .thumb .event-date{
    z-index: 1;
}

.imgBoxatransition{
   overflow: hidden;
   border-radius: 12px;
}
.imgBoxatransition:hover img {
    transform: scale(1.1);
}

.event-heading{
    font-weight: 700;
    margin-bottom: 20px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 13px;
    color: var(--theme-color-3);
}
.event-card-middle .address .location{
width: 60%;
}
.event-card-middle .address {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}
.event-card-middle  .event-card-middle .text{
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.event-card-middle .text{
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.whatsapp_call {
    color: #FFF;
    border-radius: 5px;
    text-align: center;
    font-size: 23px;
    z-index: 6;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.whatsapp {
    background-color: #2cb23f;
    color: #fff;
    width: 44px;
    height: 44px;
    padding-top: 3px;
    font-size: 27px;
    border-radius: 50%;
    position: fixed;
    right: 10px;
    bottom: 18%;
       z-index: 9;
}
.phonecall {
    background-color: #002052;
    color: #fff;
    width: 44px;
    height: 44px;
    padding-top: 7px;
    font-size: 20px;
    border-radius: 50%;
    position: fixed;
    right: 10px;
    bottom: 10%;
        z-index: 9;
}
.header-section-1{
    z-index: 999;
}
.hero-slider-active-1{
    z-index: 99;
}
.mobile-bg{
    display: none !important;
}
.desktop-bg{
    display: block !important;
}
@media (max-width: 767px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 100%;
    }

    .header-bottom-layout-2.scrolled .header-bar-3 .bar{
        background: #212529;
    }
    .mobile-bg{
        display: block !important;
    }
    .desktop-bg{
        display: none !important;
    }
}
.camping-card-2 .text {
    display: -webkit-box;
    max-width: 400px;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden !important;
    height: 54px;
}
@media (min-width: 1024px) and (max-width: 1366px) {
    .header-bar-3 .bar {
        background: #000;
    }
}
#enquiryForm{
    text-align: left !important;
}
.breadcrumb-section{
    padding-top:20px
}

   .donationbtn11 .e-primary-btn{
      color: var(--white-color);
    background: var(--theme-color-3);
  }
  .donationbtn11 .e-primary-btn .icon-wrap{
          color: var(--theme-color-3);
    background: var(--white-color);
  }

@media (max-width: 767px) {
    /* .camping-slider-active-2 {
        padding-bottom: 40px;
    } */
    .camping-card-2 .content .title h3 a{
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        overflow: hidden !important;
    }
     .camping-slider-active-2 .camping-button-prev-2, .camping-slider-active-4 .camping-button-prev-4, .camping-slider-active-3 .camping-button-prev-3{
        left:34%
    }
    .camping-slider-active-2 .camping-button-next-2, .camping-slider-active-4 .camping-button-next-4, .camping-slider-active-3 .camping-button-next-3{
        right:34%
    }
    .swiper-slide-active .camping-card-2{
        text-align: center;
    }
    .camping-slider-active-4 .camping-button-prev-4{
        position: relative;
        margin-top: 6%;
    }
    .completed-project-section.p-b-40{
        padding-bottom:0px
    }
     .event-card-middle .address .location{
        width: 100%;
    }
     .blog-slider-active .swiper-horizontal{
        padding: 0px;
    }

    .volunteer-section.p-b-xs-40 {
        padding-bottom: 12px;
    }
    .camping-button-prev-5, .camping-button-next-5{
        margin-top: 10%;
    } 
     .about-us-section{
            padding-bottom: 8%;
    }
    .c-tabs-wrapper .nav-tabs {
        margin-bottom: 10%;
    }
    #galleryTab.about-us-section{    
        padding-bottom: 4%;
    }
    #galleryTab.about-us-section.m-t-xs-80 {
        margin-top: 64px;
    }
    .about-us-content .common-title
    {
        margin-bottom: 20px;
        margin-top: 30px;
    }
    .about-us-section .m-t-xs-60{
        margin-top: 40px;
    }
    .volunteer-section.p-b-80 {
        padding-bottom: 0px;
    }
    #allsection.m-b-80 {
        margin-bottom: 0px;
    }
    .breadcrumb-section {
        padding-top: 0px;
    }
    .input-wrap .membership-options{
            padding: 0px;
    }
    .contact-form-wrap{
        padding: 20px 20px 20px;
    }
}