.card-holder{
width: 100%;
min-height: 520px;
position: relative;
overflow: hidden;
border-radius: 33px;
padding: 20px;

}

.card-holder .postin-img{
    position: absolute;
    right: -3px;
    bottom: -14px;
    width: 192px;
}
.in-holder{
position: relative;
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 16px;
        align-items: flex-start;
}

.card-holder h3{

font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 45px;
/* identical to box height, or 150% */

color: #373737;


}
.card-holder p{

font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 25px;
/* or 156% */

color: #3A3A3A;


}
.card-holder ul li span{
	margin-right: 8px;
}
.card-holder ul li{

font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 31px;
/* or 194% */

color: #3A3A3A;


}

.card-color1{

background: #FFEEE8;
border: 1px solid #FFDDD0;
}
.card-color1 .btn-holder{
color: #fff;
    background: #FB6229;
    border-radius: 100px;
    padding: 9px 17px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;

}


.card-color2{

background: #FFF6E0;
border: 1px solid #FFEBBE;
}
.card-color2 .btn-holder{
color: #fff;
    background: #FCB615;
    border-radius: 100px;
    padding: 9px 17px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;

}
.card-color2 ul li .icon-right:before{
	color: #FCB615;
}

.card-color3{

background: #EAF8FF;
border: 1px solid #D9ECFB;
}
.card-color3 .btn-holder{
color: #fff;
    background: #35AFEB;
    border-radius: 100px;
    padding: 9px 17px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;

}
.card-color3 ul li .icon-right:before{
	color: #35AFEB;
}

.card-color3 .postin-img {
    position: absolute;
    right: -3px;
    bottom: -44px;
    width: 212px;
}

.boder-img{
	width: 100%;
	text-align: center;
	margin-top: 60px;
}

/******************about*************/
.abuto-sections{


background: linear-gradient(180deg, #FFFFFF 0%, #FFEEE8 100%);

}
.page-content {
	position: relative;
}
.page-content strong{

font-style: normal;
font-weight: 400;
font-size: 25px;
line-height: 36px;
margin-bottom: 10px;

color: #FB6229;


}
.page-content h2{
margin-bottom: 18px;
font-style: normal;
font-weight: 400;
font-size: 50px;
line-height: 61px;
/* or 122% */

color: #373737;


}
.page-content p{
margin-bottom: 20px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 25px;
/* or 156% */

color: #3A3A3A;


}

a.page-btn{
	    color: #fff !important;
    background: #FB6229;
    border-radius: 100px;
      padding: 9px 23px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
    display: inline-block;
}
a.page-btn:hover{
	 color: #fff;
}

.smlarrow{
    position: absolute;
    left: -131px;
    top: -30px;
}

/*******************gallery*************/


/* =====================
   GALLERY CARD
===================== */
.gallery-card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border-radius: 30px; 
     aspect-ratio: 4 / 5;
     width: 100%;
    height: 100%;
}

.gallery-card img {
  width: 100%;
  transition: 0.4s ease;
  height: 100%;
  object-fit: cover;
 
}

.gallery-card:hover img {
  transform: scale(1.1);
}

/* =====================
   OVERLAY
===================== */
.overlay {
  position: absolute;
  inset: 0;
  background: rgb(46 183 176 / 68%);
  opacity: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  transition: 0.3s ease;
}


.gallery-card:hover .overlay {
  opacity: 1;
}

/* =====================
   ICONS
===================== */
.zoom-icon {
  color: #fff;
  font-size: 35px;
 
  border-radius: 50%;

}

.play-btn {
  color: #fff;
  font-size: 35px;
  background: rgba(0,0,0,0.6);
  border-radius: 50%;
  padding: 13px 15px;
}

/* video te zoom hide */
.video-card .zoom-icon {
  display: none;
}

/* =====================
   FILTER BUTTON
===================== */


/* =====================
   FILTER ANIMATION
===================== */
.gallery-item {
  transition: 0.4s ease;
  height: 360px;
    overflow: hidden;


    border-radius: 30px;
}

.gallery-item.hide {
  opacity: 0;
  transform: scale(0.8);
  pointer-events: none;
  position: absolute;
}

.gallery-item.show {
  opacity: 1;
  transform: scale(1);
  position: relative;
}

/* =====================
   MODAL
===================== */
.custom-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.9);
z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;

  opacity: 0;
  visibility: hidden;

  transition: 0.3s ease;
}

.custom-modal.show {
  opacity: 1;
  visibility: visible;
}

/* modal content animation */
#modalContent {
  transform: scale(0.8);
  transition: 0.3s ease;
}

.custom-modal.show #modalContent {
  transform: scale(1);
}

.custom-modal img,
.custom-modal video {
  max-width: 90%;
  max-height: 80vh;
}

/* close btn */
.close {
  position: absolute;
  top: 20px;
  right: 40px;
  color: white;
  font-size: 40px;
  cursor: pointer;
}

.filderbtn-groutp{

width: 100%;
max-width: 522px;
    height: 46px;
    display: flex;
    background: #F2F2F2;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    gap: 2px;


}
.filter-btn{
background: transparent;
cursor: pointer;

font-family: 'Rubik';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
/* or 144% */
text-align: center;
border: none !important;
color: #555555;
transition: all 0.3s;
  padding: 6px 30px;
}
.filter-btn.active{
color: #fff;
    background: #FB6229;
    border-radius: 100px;
     padding: 6px 35px;

}

/*********************************
 * form
 * *************************/

 .form-sections{
  background-color:#FFEFE9 ;
 }
 .formholdr{
width: 100%;
    padding: 30px;
background: #FFFFFF;
box-shadow: 0px 4px 60px #F5E7E1;
border-radius: 38px;

 }
  .fild{
    margin-bottom: 15px;
  }
 .fild input[type=text],
  .fild input[type=email]{ 
border: none;
width: 100%;
height: 52px;
padding: 5px 15px;
font-size: 17px;
background: #F3F3F3;
border-radius: 38px;

 }
 .fild textarea{ 
border: none;
width: 100%;
height: 120px;
padding: 20px 15px;
font-size: 17px;
background: #F3F3F3;
border-radius: 20px;

 }
  .fild input[type=submit]{
color: #fff;
    background: #FB6229;
    border-radius: 100px;
    padding: 15px 35px;
    text-transform: uppercase;
cursor: pointer;
    font-size: 15px;
    display: inline-block;
    border: none;
    font-weight: 600;


  }
  .bold-text{

font-style: normal;
font-weight: 600 !important;
font-size: 16px !important;
line-height: 25px !important;
/* identical to box height, or 156% */

color: #3A3A3A !important;


  }

.left-forme{
  position: absolute;
  left: 50px;
  animation: floatLeft 4s ease-in-out infinite;
}

.right-forme{
  position: absolute;
  right: 80px;
  animation: floatRight 4s ease-in-out infinite;
}

/* Animation */
@keyframes floatLeft {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes floatRight {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(0px);
  }
}



.card-post{
width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 15px;
    background: #F5F5F5;
    border: 1px solid #EDEDED;
    border-radius: 33px;
    align-items: flex-start;
    margin-bottom: 18px;

}
.card-post h4{

font-style: normal;
font-weight: 400;
font-size: 23px;
line-height:30px;
color: #373737;


}

.new-sections{



background: linear-gradient(180deg, #FFEEE8 0%, #FFFFFF 100%);


}

.card-post-bg {
    border-radius: 20px;
    width: 100%;
    padding: 26px;
    min-height: 330px;
        display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
}

.card-post-bg h4{
color: #fff;
font-size:30px;
font-weight: 400;
}
.card-post-bg p{
color: #fff;
font-size: 17px;
}

/************************inner-page&**********************/
 
.theater-simple-banner {

    padding: 100px 0; /* Adjust height as needed */
    color: #ffffff;
}

.theater-simple-banner h1 {
    font-size: 3rem;
color: #fff;
    letter-spacing: 2px;
}

.theater-simple-banner p {
  font-size: 23px;
    color: #fff;
    margin-top: 25px;
}

.min-height{
    min-height: 330px;
}





/* Methodology Section Custom Styles */
.methodology-area h3 {
    color: #464646;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 32px;
    letter-spacing: 1px;
}

.rounded-custom {
   
}

.method-list {
    list-style: none;
    padding: 0;
    margin-top: 25px;
}

.method-list li {
    margin-bottom: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    color: #444;
}

.method-list li i {
    color: #146092;
    font-size: 1.4rem;
    margin-right: 10px;
}

/* Optional: Max width for centering content text */
.max-800 {
    max-width: 800px;
}



/* Blog Horizontal Layout */
.blog-horizontal {
    display: flex;
    align-items: center;
        padding: 15px;
}

.blog-img-wrap {
    flex: 0 0 40%;
}


.blog-content-wrap h4 {
    color: #464646;
    font-weight: 500;
    margin-bottom: 8px;
}
.blog-content-wrap p{
  margin-bottom: 15px;
}

/* Sidebar Widgets */
.sidebar-card {
    padding: 25px;
    border-radius: 12px;
    border: 1px solid #eee;
}

.category-widget {
    background: #f9fbfd;
}

.category-widget h4 {
    color: #146092;
    font-size: 1.2rem;
    margin-bottom: 15px;
}

.sidebar-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-list li {
    margin-bottom: 10px;
}

.sidebar-list li a {
    color: #444;
    transition: 0.3s;
}

.sidebar-list li a:hover {
    color: #146092;
    padding-left: 5px;
}

/* Newsletter Widget */
.newsletter-widget {
     background: #2ca9e1;
    color: #fff;
}
.sidebar-card h3{
 font-size: 28px;
    letter-spacing: 2px;
    font-weight: 500;
    margin-bottom: 15px;
}
.newsletter-widget h4, .newsletter-widget p {
    color: #fff;
}

.btn-submit-sidebar {
    width: 100%;
    background: #fff;
    color: #146092;
    font-weight: bold;
    border: none;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
}

/* Sidebar Support Cards */
.sidebar-support-card {
    position: relative;
    padding: 30px 20px;
    border-radius: 12px;
    color: #fff;
    text-align: center;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    z-index: 1;
}

.sidebar-support-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: -1;
}

.sidebar-support-card h5 {
    color: #fff;
    margin: 10px 0;
}

.sidebar-support-card p {
    font-size: 0.85rem;
    color: #eee;
    margin-bottom: 15px;
}

.volunteer-bg { background-image: url('../images/donate-bg1.png'); }
.crowdfunding-bg { background-image: url('../images/donate-bg2.png'); }
.support-bg { background-image: url('../images/donate-bg3.png'); }

.related-posts h3{
  font-size: 35px;
  font-weight: 500;
}



/* Contact Page Specific Styles */
.contact-page-info {
    list-style: none;
    padding: 0;
}

.contact-page-info li {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
}

.contact-page-info li i {
    font-size: 1.5rem;
    color: #2ca9e1;
    margin-right: 15px;
    margin-top: 5px;
}

.contact-form-wrap {
    background: #f9fbfd;
    padding: 40px;
    border-radius: 15px;
    border: 1px solid #eee;
}

.contact-form-wrap input, 
.contact-form-wrap textarea {
    width: 100%;
    padding: 12px 15px;
   
    border-radius: 5px;
    outline: none;
}

.contact-form-wrap input:focus, 
.contact-form-wrap textarea:focus {
    border-color: #146092;
}

.btn-submit-full {
    width: 100%;
    background: #146092;
    color: #fff;
    padding: 15px;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s;
}

.btn-submit-full:hover {
    background: #0d4a73;
}

.map-section {
    line-height: 0; /* Removes gap at bottom of iframe */
}

.map-container iframe {
    filter: grayscale(20%); /* Optional: Matches a professional aesthetic */
    width: 100%;
}