*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    list-style: none;
}
@font-face {
  font-family: 'Calligraphy';
  src: url('/assets/Calligraphy/Calligraphy.ttf') format('truetype');
}
@font-face {
  /*font-family: 'Fresh Night';*/
  font-family: 'Roboto', sans-serif;
  src: url('/assets/la_unica/fresh_night/Fresh Night.otf') format('truetype');
}
.la-unica{
  color:#88C510;
  /*font-family: 'Fresh Night'; */
  font-family: 'Roboto', sans-serif;
}
.navbar{height:60px;}
.calligraphy{ font-family: 'Calligraphy', sans-serif;}
main{margin-top: 92px;}
.sum{color:#88c508}
.volunteer_banner .banner_img img{height: 400px; object-fit: cover;}
.volunteer_banner .main_image img{height: 400px; object-fit: cover;}
.z-99{z-index: 999;}
.bg-yellow{background: #ffff84;}
.message{height: 148px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;}
h1,h2,h3,h4,h5,h6{color:#003399;}
/* theme start */
.bg-navbar{background-color: 	#FAFA33;}
.btn-color{background-color: #003399; color:#fff;}
.w-75{width: 75%!important;margin: auto;}
.ffs-12{ font-size:calc(12px + (14 - 12) * (100vw - 320px) / (1920 - 320));}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.ffs-16{font-size:16px;}
.fs-15{font-size:15px;}
.fs-16{font-size:16px;}
.fs-28{font-size: 28px;}
.ffs-20{font-size: 20px;}
.fs-18{font-size:calc(18px + (18 - 16) * (100vw - 320px) / (1920 - 320));}
.fs-20{font-size:calc(16px + (20 - 16) * (100vw - 320px) / (1920 - 320));}
.fs-24{font-size:calc(24px + (24 - 20) * (100vw - 320px) / (1920 - 320));}
.fs-30{font-size:calc(30px + (30 - 25) * (100vw - 320px) / (1920 - 320));}
.fs-48{font-size:calc(27px + (48 - 27) * (100vw - 320px) / (1920 - 320));}
.fs-70{font-size: calc(27px + (70 - 27) * (100vw - 320px) / (1920 - 320));}
.fs-40{font-size:calc(27px + (40 - 27) * (100vw - 320px) / (1920 - 320));}
.fw-300{font-weight: 300;}
.fw-400{font-weight: 400;}
.fw-500{font-weight: 400;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.text-prim{color: #A7E92F;}
/* .text-sec{color:#003399;} */
.bg-prim{background-color: #A7E92F;}
.bg-sec{background-color: #edfdce;}
.text-color{color: #FFE6DF;}
.bg-black{background-color:black!important;}
.bg-prime{background-color: #003399!important;}
.font-prim{font-family: 'Inter', sans-serif; font-style: normal;}
.font-sec{font-family: 'Roboto', sans-serif; font-style: normal;}
.index_banner_con {width:100%; height:auto;  object-fit: cover;position: relative; aspect-ratio: 16/8;}
.index_banner_con img{width: 100%;height: 100%;position: absolute; object-fit: cover; }
.overlay_banner{position: absolute; width:100%; height: 100%; background: radial-gradient(363.2% 166.12% at 100.83% 132.46%, rgba(0, 0, 0, 0.00) 0%, #000 100%); }
.index_banner_con .banner-content{position: absolute; left:7%;top:15%;}
.demo-banner img{width: 100%; overflow: hidden; object-fit:contain;}
.gallery-container {gap:3px;}

.custom_dropdown:hover .custom_list,
.custom_dropdown .custom_list:hover{display:block;}
.custom_dropdown .custom_list{display:none; top:50px; position: absolute; z-index: 999;background-color: #fff;width: 250px;}
.right-dropdown{position: relative;}
.right-dropdown .right-dropdown-menu:hover,
.right-dropdown:hover .right-dropdown-menu{display:block}

.right-dropdown .right-dropdown-menu{display:none; position: absolute; z-index:999; top:0px;background-color: #fff;right:-250px;width: 250px; }
/* theme end */
/* navbar */
footer .footer-logo,
header nav .navbar-brand{ height:70px; width: 180px;overflow: hidden;object-fit: cover;}
footer .footer-logo img,
header nav .navbar-brand img{height:100%; width:100%;}
.input-group.subscribe span{border-bottom: 2px  solid #003399; color:#A7E92F;}
.input-group.subscribe input::placeholder{color:#fff;}
.list_style_decimal li{list-style: decimal;}

/* navbar end */
.barcode_image{
  width: 320px;
  height: auto;
}
.save-tax-whatsapp{bottom:100px; right: 0px;}
.bg-prim-light{background-color: #A7E92F;}
.after-dash{position: relative;
    margin-left: 100px;}
.after-dash::before { content: ""; position: absolute;background-color: #003399; height: 4px; width: 100px; top: 7px; left: -110px;}
.what-aboutus{height:500px;  position: relative; display: flex; justify-content: center;align-items: center;}
.what-aboutus .indexaboutimg{width: 500px; margin: auto; height:auto; object-fit: cover;}
 .img-con1{top:70px;position: absolute;left: 270px;object-fit: cover;z-index: 100;}
 .img-con3{position: absolute; top:16px; z-index: 150; left:81px}

.our_supportcard .support-logo{width: 212px!important; height:100px !important;overflow: hidden; object-fit: cover;}
.our_supportcard .support-logo .logo{width:100%; height:100%; filter: grayscale(0); object-fit: contain;}
.we_do_con div:first-child{width:70px;}
.we_do_img-con{height: auto; aspect-ratio: 11/16; object-fit: cover; margin: auto; }
.we_do_img-con img{width: 100%; height:100%; border-radius: 20px;}
/* campaign card start */
.campaign-card{width: 350px;}
.campaign-card .campaignimg{width: 320px; height: 280px; object-fit: cover; }
.campaign-card .campaignimg  img{width:100%; height:100%; border-radius: 10px;object-fit: cover;}
.campaign-content{width: 320px;}
.campaign-content .campaign-heading{ max-height:56px; width: 100%; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}
.campaign-content .campaign-heading + div{ display:none;}
.campaign-content .d-flex {    display: none !important;}

.campaign-content .heart-con{width:23px; height:23px;object-fit: cover;}
.campaign-content .heart-con img{width: 100%; height: 100%;}
.ourprojectcard{width:  calc(320px + (411 - 320) * (100vw - 320px) / (1920 - 320));height:auto;aspect-ratio: 16/16; overflow: hidden;object-fit: cover;cursor: pointer;}
.ourprojectcard img{width:100%; height: 100%;cursor: pointer; border-radius: 20px; object-fit: cover;}
.ourprojectcard .ourpoject_overlay{opacity: 0.5; border-radius: 25px;background-color: #000;width: 100%;height: 100%;top:100%;}
.our_projectcontent{top:100%;}
.our_projectcontent h5{height: 60px;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.our_projectcontent p{color:#fff!important;background-color: transparent!important; }
.ourprojectcard:hover .ourpoject_overlay{top: 0%; transition: all ease-in-out 0.3s;}
.ourprojectcard:hover .our_projectcontent{top: 0%; transition: all ease-in-out 0.3s;}
.faq_img{width:100px;height:100px;object-fit: contain;border-radius: 50%;padding: 20px 30px; background-color:#A7E92F; top:-50px;left:45%;}
.faq_img img{width: 100%;height:100%; border-radius: 50%;}
.custom_faq_con{border-radius: 25px;margin-top: 150px;}
.ourprojectcard img:hover  .ourpoject_overlay{top:0%}
.backgroud-container{width: 100%;background-image: url('/assets/img/volunteer/Rectangle.png'); height: 249px;position: absolute; bottom: -70px;}
.accordion-button::after { flex-shrink: 0;width: 1.25rem;height: 1.25rem;
    margin-left: auto;
    content: '\002B';
    font-size: 22px;

    border: 1px solid black;
    border-radius: 50%;
    padding-bottom: 32px;
    padding-right: 23px;
    padding-left: 7px;
    background-image:none;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
    transition-behavior: normal;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    transition-property: transform;
}
.margintop{
margin-top: 130px;
}
.accordion-button:not(.collapsed)::after {
    background-image: none;
    content: "\2212";
    transform: none;
}
.accordion-button:focus{border-color:none; box-shadow: none; background-color: none;}
.accordion-button:not(.collapsed) {color: #003399 !important; background-color:#FAFA33!important; box-shadow: none; border-radius: 20px ;}
.accordion-button.sidenav{background-color: 
  #88C510;}
  /* .ourworksolgan{position: absolute; width: 100%;} */
.ourworksolgan{background-image: url('/assets/img/border-img.png');height: 70px; background-repeat: no-repeat; background-size: cover;}
.accordion-button.sidenav{border: none; padding: 5px 0px;}
.accordion-button.sidenav::after{border: none; }



.contribution{width: 100%; height:387px;object-fit: cover;}
.contribution img{width: 100%; height:100%; border-radius: 25px;}
.contribution .overlay{width: 100%; height:100%; background-color: #000;opacity: 0.5; border-radius: 25px;}
.contribution .content{width: 100%; height:100%; display: flex; justify-content: center; flex-wrap: wrap;}
.contribution.index .content h5{width: 100%;height:241px;}
.contribution .content h5{width: 100%;height:50px;}
/* donate page start */
.donate_banner{ width:100%; height: auto;aspect-ratio: 16/12.5;}
.donate_overlay{width: 100%; height: 100%; background-color: rgba(0, 51, 153, 0.5); backdrop-filter: blur(10px); }
.donate_card{width: 500px; height:auto;margin: auto; border-radius: 5px;}
.payment_amount label{width:100px; text-align:center;}
.payment_amount input[type="radio"] ~ label,
.donate_type input[type="radio"]~ label{background-color: #fff;color: #003399 !important;border:1px solid #003399;}
.payment_amount input[type="radio"]:checked ~ label,
.donate_type input[type="radio"]:checked ~ label{background-color:#A7E92F;color: #fff !important;border:1px solid #A7E92F;}
#donate_button{background-color: #A7E92F;}
.text-tri{color: #039 !important;;}
.form-select,
.input-group .input-group-text,
.input-group textarea,
.input-group input{padding: 10px; border: none; border-bottom: 2px solid #003399; }
.form-select:focus,
.input-group textarea:focus,
.input-group input:focus{box-shadow: none;border-bottom: 2px solid #003399; }
/* donate page  end*/

/* blog page start */
.activity_banner{width:100%; height: auto;object-fit: cover; aspect-ratio: 16/7;}
.activity_banner img{width: 100%; height: 100%;}
.activity_banner .blog_content{width: 50%;top:15%;left:5%; background:rgba(0, 51, 153, 0.5);opacity:1;  backdrop-filter: blur(10px); }
.about-cards{width:calc(150px + (300 - 150) * (100vw - 320px) / (1920 - 320)); aspect-ratio: 16/16; height:auto; border: 1px solid black;}
.about_banner{width:100%; height: auto;object-fit: cover; aspect-ratio: 16/6;}
.about_banner img{width: 100%; height: 100%;object-fit: cover;}
.about_banner .about_content{width: 50%;top:15%;left:5%; background-color: rgba(0, 51, 153, 0.5);backdrop-filter: blur(10px);border-radius: 10px;padding:0px 30px ;}
.about-cards  {border:1px solid #A7E92F;}
/* blog page  end*/
/* activity page start */
.activity_card{width:320px; height:auto ;position: relative;}
.activity_card .activity_img{width: 100%; height:auto; object-fit: cover; aspect-ratio: 16/16;}
.activity_card .activity_img img{width:100%; height:100%;}
.activity_content .date{width: 70px;height: 70px;  top:-32px}
.activity_content .date span{line-height: 25px; font-size: 20px;}
.activity_content h5{height: 50px;  -webkit-line-clamp: 2; font-size: 20px;}
.activity_content .div_content{height:70px ;  -webkit-line-clamp: 3;}
.activity_content h5,
.activity_content .div_content{
    overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical; word-wrap: break-word;
}
/* activity page end */
/* activity detailpage */
/* .activitydetail_img{} */
.activitydetail_img img{ width: 100%; object-fit: cover;height: auto; aspect-ratio: 16/9;}
.activitydetail .views  a:hover{color:#A7E92F;}
.ourtean_card{width:320px; background-color: #fff; border-radius: 5px;height: 380px;}
.ourtean_card .ourteam_img{width:320px; object-fit: cover;height:auto;aspect-ratio: 16/15;}
.ourtean_card .ourteam_img img{width:100%; height: 100%;}
.ourtean_card p span:nth-child(2){cursor: pointer;}
/* activity detailpage */
#subcribe{border:1px solid #fff;}
/* Our work start */
.border-content{border:2px solid #003399;}
.count_card{height: 320px;}
.testimonal_card{width:auto; height:auto ;position: relative; display:flex;}
.testimonal_card .testimonal_img{width: 200px; height:200px; object-fit: cover; aspect-ratio: 16/16;border-radius: 10px;}
.testimonal_card .testimonal_img img{width:100%; height:100%;border-radius: 10px;}
/* .testimonal_banner img{width: 100%; height: 100%;}
.testimonal_banner .blog_content{width: 50%;top:15%;left:5%;} */

.testimonal_content h5{
    overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical; word-wrap: break-word;
}
.testimonal_content p{  height:150px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical; word-wrap: break-word;-webkit-line-clamp: 6;}
/* Our work start */
/* campaingn start */
/* #activityall{ } */
.ourvolunteer{height: 400px;}
.ourvolunteer-say{
 width:320px;
padding:0px 0px 10px 0px;
}
.discrption-content img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ourvolunteer-say img,
.ourvolunteer-say .img-div{width: 100%;
  height: auto;
  aspect-ratio: 16/9;}

.ourvolunteersay p{height: 180px; font-size: 15px; display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 8;}
.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;

  }
  .galler-swiper a {display: flex;justify-content: center;}
  .galler-swiper a .swiper-slide img{width:320px;height: 300px; object-fit: cover;  transition: transform 0.3s ease; border: 5px solid #88c508; border-radius: 5px;}
  .galler-swiper a .swiper-slide img:hover{ transform: scale(1.1);}
.volunter_expercence .vol_card .vol_img img{width: 450px;}
.volunter_expercence .vol_card .vol_content .comma{display: inline-block; width: 50px;}
  .swiper-slide {
    width:320px;
    height: 300px;
    object-fit: cover;
  }
  .swiper-slide img{
    width:100%;
    height:100%;
  }

  .swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .swiper-slide {
    background-size: cover;
    background-position: center;
  }

  .mySwiper2 {
    height: 80%;
    width: 100%;
  }

  .mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
  }

  .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
  }

  .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
  }

  .main_slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 600px;
    object-fit: cover;
    aspect-ratio:16/16;
  }
  .range{width:100%;border-radius: 10px; background-color: #e8e8e8; height:10px;}
  .range-width{background-color: #A7E92F; height:10px; border-radius: 10px;}
  .content_head{height:120px;overflow: hidden; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
  .content_para{height: 100px;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4;}
  .theme_slider .swiper-slide img {
    width: 170px;
    height: 170px;
    object-fit: cover;
  }
 /* activity gallery start */
 .gallery-container {
  display: grid;
  grid-template-rows: 50% 50% ; /* Two rows */
  grid-template-columns: 25% 25% 25% 25%; /* Three columns */
  gap: 10px; /* Adjust the gap as needed */
  width: 100%;
  margin:auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
/* .gallery-container{width:320px; height:320px; object-fit:cover;} */
.gallery-container img{width: 100%; height: 100%;}
.img_container {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ddd; 
  width: 100%;
  height:100%;
  object-fit:cover;

}
.img_container img{
  width:100%;
  height:100%
}
.img_container:nth-child(1) {
  grid-row: 1;
  grid-column: 1  
}

.img_container:nth-child(2) {
  grid-row: 1;
  grid-column: 2; 
}

.img_container:nth-child(3) {
  grid-row: 2;
  grid-column: 1; 
}

.img_container:nth-child(4) {
  grid-row: 2;
  grid-column: 2 ; 
}

/* .img_container {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ddd; 
 width: 50%;
 height: 50%;
  object-fit: cover;/* Optional: Add borders for clarity */
.img_container img{ width: 100%;
  height: 100%;object-fit: cover;}


 /* activity gallery end */
  .donate_form{
    position: sticky;
  }
  .form_subcribe{
    width:320px; margin:auto;
  }
  .youtubevideo{
    height:320px;
    border-radius:20px;
  }
  .owl-carousel .owl-nav button{position: relative;}
  .owl-carousel .owl-nav button.owl-next, 
  .owl-carousel .owl-nav button.owl-prev, 
  .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
    font-size: 68px;
    position: absolute;
  
    top:30%;
    color:#A7E92F;
    padding-top: 50px;

}
.owl-carousel .owl-nav button.owl-prev{
left:0;
padding: 15px;

}
.owl-carousel .owl-nav button.owl-next{
right:0;
padding: 15px;

}
.offcanvas-header{background-color: 
  #88C510;}
.accordion-body.sidenav{background-color: #A7E92F;}
.offcanvas-body{background-color: 
  #88C510;}
.offcanvas-title{width: 200px; height:70px; object-fit: cover;}
.offcanvas-title img{width: 100%;height:100%; }
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover{background-color: transparent; color:#A7E92F}
.pagination .page-item.active .page-link{background-color: #A7E92F;border:1px solid #A7E92F;}
.pagination .page-item .page-link{color: #003399;}
.index_para{height:95px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; color: #fff !important;}
.index_para p{color: #fff !important;} 
.index_para p span{color:#ffff !important;}
.donate-nav2{
  width: 285px;
  height: 100px;
}

.donate-nav{width: 120px;
  height: 60px;}
  .donate-nav2 img,
.donate-nav img{width: 100%;height: 100%; object-fit: cover;}
.donate-btn-main{
  background-color: lightblue;
  position: fixed;
  z-index: 9999;
  bottom: 10%;
  right: 0;
  border-radius:20px 0 0 20px;
  box-shadow: -5px 0 10px rgba(0, 0, 0, 0.374);
  transition: 500ms;
    &:hover{
      transform: scale(1);
    }
}
.donate-btn-main p{
  padding: 10px 15px;
  margin-bottom: 0px;
  color: rgb(250, 250, 250);
  text-transform: uppercase;
  font-family: "Popins" , sans-serif;
  font-weight: 500;
}
.donate-btn-main a{text-decoration: none;}
@keyframes backgroundSlide {
  0% { background-position: 100% 0; }
  100% { background-position: 0 0; }
}

.animated-background {
  background-image: linear-gradient(to left, #003399, #003399 50%, #88c508 50%, #88c508);
  background-size: 200% 100%;
  animation: backgroundSlide 3s linear infinite;
}
@media only screen and (max-width: 990px) {
  .barcode-container{background-image: none;background-repeat: no-repeat;
    background-size: contain; object-fit: contain; }
  footer .footer-logo, header nav .navbar-brand {height: 60px; width: 168px;}
  .navbar{height:70px;}
  
    .donate_form{
        position:relative;
      }
      .index_banner_con{aspect-ratio: 16/9;}
  }
  @media only screen and (max-width: 720px){
    .index_banner_con{aspect-ratio: 16/9;}
  }
/* campaingn end */
@media only screen and (max-width: 600px) {
  .what-aboutus .indexaboutimg{width: 320px; height:auto; object-fit: cover;}
main{margin-top: 154px;}
  .ourprojectcard .ourpoject_overlay{opacity: 0.5; border-radius: 25px;background-color: #000;width: 100%;height: 100%;top:0%;}
  .our_projectcontent{top:0%;}
  .gallery-container {gap:3px;}
  .fs-30{font-size: 25px;}
    .ffs-16{font-size:13px;}
    .donate_card{width: 320px;}
    .payment_amount label{width: 67px;}
    .theme_slider .swiper-slide img {
        width: 85px;
        height: 85px;
        object-fit: cover;
      }
    .index_banner_con .banner-content{top:10%;left:5%;} 
    .index_banner_con{aspect-ratio: 16/9;}
    .after-dash{ margin-left:0px;}
    .after-dash::before{width: 0px;} 

   
    .faq_img{left: 37%;} 
    /* activity */
    .contribution.limit{height:250px;}
    .about_banner .about_content {width: 90%;}
    .activity_banner{aspect-ratio: 16/16;}
    .activity_banner .blog_content{top:7%; width: 100%; background-color: #000;}
    .about_banner{aspect-ratio: 16/15;}
    .testimonal_card{width:auto; height:auto ;position: relative; display:flex; flex-wrap: wrap;}
.testimonal_card .testimonal_img{width: 320px; height:auto; object-fit: cover; aspect-ratio: 16/16;border-radius: 10px;}
.testimonal_card .testimonal_img img{width:100%; height:100%;border-radius: 10px;}
}
a[href="https://rzp.io/l/azhOnRVNbV"]{
    padding: 10px 10px;
    width: 100%;
    display: block;
    text-align: center;
    background: #003399;
    color: white;
    font-size: 22px;
    margin-bottom: 20px;
    text-decoration: none;
}