/* home page program and initiatives row section icons*/
.custom-bg-gray{
    background:var(--custom-gray);
}

.program-initiatives-row .service-item > i{
font-size: 50px;
color:var(--primary);
}
.logo-header{
    height: 80px;
}
/*homepage vision mission icon*/
.vision-mission i{
    font-size:30px;
    color: var(--primary);
}

.contact-us-box-row .service-item > i{
    font-size:40px;
    color:var(--primary);
}

.logo-footer{
height: 100px;
}

/* text color */
/*
p{
    color:rgb(47, 45, 45);
}*/


#header-carousel .carousel-caption{
    background: rgb(0 29 35 / 43%);
}

#header-carousel .display-4{
    color:#edebe5;
    text-shadow: 1px 4px black;
}

.gallery_container img{
    width:100%;
    min-height: 350px;
    object-fit:cover;
}

.newsatrticle{
    display: flex;
    position: relative;
    width:100%;
}

.newsatrticle img{
    width:100%;
}

.top-bar .text-end a{
    color:var(--secondary);
}
.top-bar .text-end a:hover{
    color:var(--primary);
}


/*nav bar for 1122 to 992 */

@media (min-width:992px) and (max-width:1122px){
.navbar .navbar-nav .nav-link{
    margin-right:15px;
    font-size:1.1rem;
}
.donate-now-btn{
    font-size:1rem;
}    
    
}




/*unique initiative section*/

/* unique intiatives*/
.unique-initiatives-section {
    padding: 50px 0;
}
.unique-initiatives-section.yellow-bg {
/*    background-color: var(--secondary);  Yellow background for the first section */
}
.unique-initiatives-section.red-bg {
/*    background-color: var(--primary);  Red background for the second section */
} 
.unique-initiatives-heading {
    text-align: center;
    margin-bottom: 40px;
}
.unique-initiatives-heading .heading-label {
    display: inline-block;
    background-color: var(--primary);
    color: var(--secondary);
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}
.unique-initiatives-heading h1 {
    font-weight: 700;
    color: var(--dark); /* Dark text for yellow background */
}
.unique-initiatives-content {
    border: 2px solid rgba(153, 32, 22, 0.2);
    border-radius: 8px;
    box-shadow: 0 0 45px rgba(0, 0, 0, .06);
    padding: 30px;
    margin: 0 auto;
    background:#f8f6f6;
}
.unique-initiatives-section.yellow-bg .unique-initiatives-content {
    background-color: var(--primary); /* Red background for the inner container in the first section */
}
.unique-initiatives-section.red-bg .unique-initiatives-content {
    background-color: var(--secondary); /* Yellow background for the inner container in the second section */
}
.unique-initiatives-content h2 {
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}
.unique-initiatives-section.yellow-bg .unique-initiatives-content h2 {
    color: var(--secondary); /* Yellow text for the heading in the first section */
}
.unique-initiatives-section.red-bg .unique-initiatives-content h2 {
    color: var(--primary); /* Primary color for yellow inner container in the second section */
}
.unique-initiatives-content .content-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
}
.unique-initiatives-content .content-text {
    flex: 1;
    max-width: 600px;
    margin: 0 auto;
}
.unique-initiatives-content .content-text p {
    line-height: 1.6;
    margin-bottom: 20px;
    font-size: 16px;
}
.unique-initiatives-section.yellow-bg .unique-initiatives-content .content-text p {
    color: var(--light); /* Light text for red inner container */
}
.unique-initiatives-section.red-bg .unique-initiatives-content .content-text p {
    color: var(--dark); /* Dark text for yellow inner container */
}
.unique-initiatives-content .content-text ul {
    padding-left: 20px;
    list-style-type: none; /* Remove default bullets */
}
.unique-initiatives-section.yellow-bg .unique-initiatives-content .content-text ul {
    color: var(--light); /* Light text for red inner container */
}
.unique-initiatives-section.red-bg .unique-initiatives-content .content-text ul {
    color: var(--dark); /* Dark text for yellow inner container */
}
.unique-initiatives-content .content-text ul li {
    margin-bottom: 10px;
    line-height: 1.6;
    font-size: 16px;
    position: relative;
    padding-left: 15px;
}
.unique-initiatives-content .content-text ul li::before {
    content: "\2022"; /* Custom bullet symbol */
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0;
}
.unique-initiatives-section.yellow-bg .unique-initiatives-content .content-text ul li::before {
    color: var(--light); /* White bullets for red inner container */
}
.unique-initiatives-section.red-bg .unique-initiatives-content .content-text ul li::before {
    color: var(--primary); /* Primary color bullets for yellow inner container */
}
.unique-initiatives-content .side-image {
    flex: 0 0 200px;
    height: 300px;
    object-fit: cover;
    border-radius: 8px;
}
.unique-initiatives-section.yellow-bg .unique-initiatives-content .side-image {
    border: 2px solid var(--secondary); /* Secondary color border for red inner container */
}
.unique-initiatives-section.red-bg .unique-initiatives-content .side-image {
    border: 2px solid var(--primary); /* Primary color border for yellow inner container */
}
/* Styles for the cross layout in both sections */
.unique-initiatives-content .cross-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.unique-initiatives-content .cross-row {
    display: flex;
    align-items: center;
    gap: 30px;
}
.unique-initiatives-content .cross-text {
    flex: 1;
}
.unique-initiatives-content .cross-image {
    flex: 0 0 200px;
    height: 300px;
    object-fit: cover;
    border-radius: 8px;
}
.unique-initiatives-section.yellow-bg .unique-initiatives-content .cross-image {
    border: 2px solid var(--secondary);
}
.unique-initiatives-section.red-bg .unique-initiatives-content .cross-image {
    border: 2px solid var(--primary);
}
/* Ensure the first paragraph in the cross layout is white for yellow-bg section */
.unique-initiatives-section.yellow-bg .unique-initiatives-content .cross-text p {
     /* White text for the paragraph in the red inner container */
}
/* Ensure the bullet points in the cross layout are white for yellow-bg section 
.unique-initiatives-section.yellow-bg .unique-initiatives-content .cross-text ul {
    color: var(--light);  White text for bullets in the red inner container 
}*/
.unique-initiatives-section.yellow-bg .unique-initiatives-content .cross-text ul li::before {
    /*color: var(--light);  White bullet symbols for the red inner container */
}
/* Ensure the paragraphs in the cross layout for red-bg section remain dark */
.unique-initiatives-section.red-bg .unique-initiatives-content .cross-text p {
    color: var(--dark); /* Dark text for the paragraph in the yellow inner container */
}
.unique-initiatives-section.red-bg .unique-initiatives-content .cross-text ul {
    color: var(--dark); /* Dark text for bullets in the yellow inner container */
}
.unique-initiatives-section.red-bg .unique-initiatives-content .cross-text ul li::before {
    color: var(--primary); /* Primary color bullet symbols for the yellow inner container */
}
@media (max-width: 991.98px) {
    .unique-initiatives-content .content-wrapper {
        flex-direction: column;
    }
    .unique-initiatives-content .side-image {
        width: 100%;
        max-width: 300px;
        height: 200px;
    }
    .unique-initiatives-content .cross-row {
        flex-direction: column;
    }
    .unique-initiatives-content .cross-image {
        width: 100%;
        max-width: 300px;
        height: 200px;
    }
}




/*stackholder page*/

.stakeholders-section {
    padding: 50px 0;
}
.stakeholders-section.bg-secondary {
    background-color: var(--light);
}
.stakeholders-content {
    border: 1px solid rgb(255, 255, 255);
    border-radius: 8px;
    box-shadow: 0 0 45px rgba(0, 0, 0, .06);
    padding: 30px;
    margin: 0 auto;
    background-color: var(--light);
}
.stakeholders-content p {
    margin-bottom: 20px;
   /*
       line-height: 1.6;
   font-size: 16px;
  */  color: var(--dark);
/*    font-family: 'Inter', sans-serif; */
}
@media (max-width: 991.98px) {
    .stakeholders-content {
        padding: 20px;
    }
}

/* Domestic Workers Section - Custom Background */
.stakeholders-section.domestic-section {
    background-color: var(--secondary);
}

/* Government Section Red Theme */
.stakeholders-section.government-section {
    background-color: var(--primary);
}
.government-section h2 {
    color: var(--light);
}
.government-section p {
    color: var(--light);
}

/* Government Section - Background Image with Overlay Card */
.government-background {
    position: relative;
    background-size: cover;
    background-position: center;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.government-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Dark overlay for readability */
}
.government-card {
    position: relative;
    max-width: 600px;
    background-color: rgba(161, 40, 40, 0.55); /* Semi-transparent white card */
    border-radius: 10px;
    padding: 30px;
    text-align: center;
}
.government-card h2 {
/*    font-family: 'Saira', sans-serif;*/
}
.government-card p {
/*    font-family: 'Inter', sans-serif; */
}
@media (max-width: 767.98px) {
    .government-background {
        min-height: 400px;
    }
    .government-card {
        padding: 20px;
    }
}

/* Domestic Workers and Employers Sections - Dual Circular Images */
.dual-image-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px; /* Increased gap to accommodate larger images */
}
.dual-image-left,
.dual-image-right {
    flex-shrink: 0;
}
.dual-image-left img,
.dual-image-right img {
    width: 335px; /* Increased from 200px */
    height: 300px; /* Increased from 200px */
    border-radius: 20%;
    object-fit: cover;
    object-position: center; /* Ensure image is centered */
    border: 5px solid var(--primary);
}
.dual-image-content {
    flex: 1;
    text-align: center;
}
.dual-image-content h2 {
    /*font-family: 'Saira', sans-serif;
    */color: var(--primary);
}
.dual-image-content p {
    /*font-family: 'Inter', sans-serif; */
    color: var(--dark);
    margin-bottom: 20px;
}
.dual-image-content ul {
    padding-left: 20px;
    list-style-type: none;
    margin: 0 auto;
    max-width: 300px;
}
.dual-image-content ul li {
    margin-bottom: 10px;
    /*line-height: 1.6;
    font-size: 16px; */
    position: relative;
    padding-left: 15px;
    /*font-family: 'Inter', sans-serif; */
    color: var(--dark);
}
.dual-image-content ul li::before {
    content: "\2022";
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0;
    color: var(--primary);
}
@media(max-width:1192px){
    .dual-image-left img,
.dual-image-right img {
    width: 300px; /* Increased from 200px */
    height: 250px; /* Increased from 200px */
}
}

@media(max-width:998px){
        .dual-image-left img,
.dual-image-right img {
    width: 250px; /* Increased from 200px */
    height: 200px; /* Increased from 200px */
}
   .dual-image-content ul {
    padding-left: 20px;
    list-style-type: none;
    margin: 0 auto;
    max-width: 500px;
}
.dual-image-wrapper {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 20px; /* Adjusted gap for mobile */
    }
} 

@media (max-width: 554px) {
    
    .dual-image-content ul {
    padding-left: 20px;
    list-style-type: none;
    margin: 0 auto;
    max-width: 400px;
}
    .dual-image-left,
    .dual-image-right {
        margin-bottom: 20px;
    }
    .dual-image-left img,
    .dual-image-right img {
        width: 270px; /* Increased from 150px */
        height: 200px; /* Increased from 150px */
    }
}

/*end stackholder page*/

/* donate now page qr section */
.donate-now-qr .custom-size{
    max-width:60%;
}
@media (min-width:744px) and (max-width:989px ){
    .donate-now-qr .custom-size{
        max-width:40%;
    }
}

/*team member section */
.our-team .img-fluid{
    width:100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.our-team-img{
     width: 100%;
  aspect-ratio: 1 / 1; /* Makes it a square container */
 
}


/*award and recognisation page */
.award-recog .causes-item{
    border:3px solid var(--primary);
}