@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* Base styles */

.patient-stories-image {
  aspect-ratio: 1 / 1;         /* Maintain 1:1 square ratio */
  width: 100%;                 /* Responsive width */
  height: auto;                /* Let height be calculated */
  object-fit: cover;           /* Crop image to fill square */
  object-position: center;     /* Center the image content */
  display: block;              /* Remove inline spacing */
}
.patient-stories-card-col{
    margin-top: 25px;
    padding-left: 12.50px;
    padding-right: 12.50px;
}
body {
	font-family: 'Domine';
	color: #333;
	line-height: 1.6;
	background-color: #fff;
	overflow-x: hidden;
}
.inter-text {
	font-family: 'Inter';
}
/* Grid Adjustments */
/*.container {
	max-width: 1280px;
	padding: 0 2rem;
}*/

#publications-section {
    scroll-margin-top: 100px;
}


.row {
	--bs-gutter-x: 2rem;
}

 .empty-entry-message {
    padding: 5rem;
    margin: 1rem auto;
    max-width: 600px;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    color: #333;
    text-align: center;
  }

  .empty-entry-message p {
    margin: 0.5rem 0;
    font-size: 1rem;
  }

  .empty-entry-message p:first-child {
    font-size: 1.50rem;
    font-weight: bold;
    color: #444;
  }
/* Navigation */
.navbar {
    padding: 0px 0px;
    background-color: #fff;
    box-shadow: none !important;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
}

.navbar .container {
    max-width: 1340px;
}

.navbar-brand img {
    width: 100%;
    max-width: 217px;
    height: auto;
}
.shift-left {
	justify-content: end;
}
.navbar-nav {
 gap:25px;
}
.navbar-nav li:nth-child(8),.navbar-nav li:nth-child(7){
    display: none !important;
}
.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-size: 16px !important;
    padding: 8px 0;
    font-weight: 400;
    display: flex;
    align-items: anchor-center;
    gap: 5px;
}
.dropdown-item {
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
.navbar-light .navbar-nav .nav-link.active {
    color: #3A5A40 !important;
    font-weight: 700 !important;
}
 .navbar-light .navbar-nav .nav-link:hover {
    color: #00490c !important;
}
.navbar-light .navbar-nav .nav-link.nav-button-md:hover {
    color: #fff !important;
}

.navbar .dropdown-item:hover {
    background: #E0DED7 !important;
}
.navbar .dropdown-item span{
    border-radius: 10px;
    padding: 10px 10px;
}
.navbar .dropdown-item:hover span{
    background: rgba(255, 255, 255, 0.75);
}
.navbar .dropdown-menu .menu-item {
    padding: 5px;
}
.dropdown-item.active, .dropdown-item:active {
    color: #000 !important;
    text-decoration: none !important;
    background-color: #E0DED7 !important;

}


.nav-button-md {
    background-color: #3A5A40;
    color: #fff !important;
    border-radius: 100px;
    padding: 6px 20px !important;
    margin-left: 10px !important;
}
.sponsor-content a {
    text-decoration: none;
}
.main-blog-section .card-img-top{
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    object-fit: cover !important;

}
/* Hero Section */

.hero {
    height: 600px;
    display: flex;
    align-items: end;
    background-position: 100% 2%;
    background-size: cover;
    position: relative;
    margin-top: 61px;
    padding-bottom: 50px;
}

.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(3deg, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}


.hero .container {
	position: relative;
	z-index: 1;
	text-align: center;
}


.heading-h1 {
       
        font-size: 44px;
        line-height: 1.3;
        margin-bottom: 2rem;
        font-weight: 400 !important;
        /* letter-spacing: 2px; */
        font-family: 'Domine';

}
.heading-h2 {
    font-size: 36px;
    margin-bottom: 25px;
    font-weight: 400;
}




/* Buttons */
.btn {
	transition: all 0.2s ease;
	font-size: 14px;
	letter-spacing: 0.3px;
	text-transform: none;
	border-radius: 4px;
}

.btn-primary {
    border: 1px solid #3A5A40;
    background-color: #3A5A40;
    border-color: #3A5A40;
    padding: 10px 20px;
    font-weight: 700;
    border-radius: 100px !important;
    font-size: 16px;
    font-family: 'Domine';
    color: white !important;
}

.btn-primary-md {
    border: 1px solid #3A5A40;
    background-color: #3A5A40 !important;
    border-color: #3A5A40;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    border-radius: 100px !important;
    font-size: 16px !important;
    color: #fff !important;
    font-family: 'Domine';
}
.add-green {
	color: #3A5A40 !important;
}

.btn-outline-primary {
    border: 1px solid #E0DED7 !important;
    color: #3A5A40 !important;
    padding: 10px 20px !important;
    font-weight: 700 !important;
    background-color: #E0DED7 !important;
    border-radius: 100px !important;
    font-size: 16px !important;
    font-family: 'Domine' !important;
}
.btn-outline-wh {
    border: 1px solid #fff !important;
    color: #3A5A40 !important;
    padding: 10px 20px !important;
    background-color: #fff !important;
    border-radius: 100px !important;
    font-size: 16px;
    font-weight: 700 !important;
}

.btn-outline-lime {
    border: 1px solid #D9D9D9 !important;
    color: #000 ;
    padding: 10px 20px !important;
    background-color: #D9D9D9 !important;
    border-radius: 100px !important;
    font-size: 16px;
    font-weight: 700 !important;
}

.btn-dark {
	padding: 10px 25px;
	font-weight: 500;
	background-color: #1B1B1B;
	border: none;
}

/* Mission Section */
.mission {
    padding: 4.3rem 0;
    background-color: #588157;
    text-align: center;
}


.mission-image {
    border-radius: 0px;
    overflow: hidden;
    margin-bottom: 3rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.mission .mis-1 {
    font-size: 28px;
    line-height: 40px;
    margin: 0 auto 1.5rem;
    color: #fff;
    font-weight: 400 !important;
}

.mission .mis-2 {
    font-size:18px !important;
    line-height: 30px;
    margin: 0 auto 1.5rem;
    color: #fff;
    font-weight: 500 !important;
}


/* CancerBuddy Section */
.cancer-buddy {
    background-color: #F5F5F0 !important;
    padding: 50px 75px;
/*    height: 746px;*/
}
.cancer-buddy .image-container {
    width: 100%;
    background: url('https://bonemarrow.siplsolutions.com/wp-content/themes/twentytwenty-child/assets/images/cb-sm.png');
    background-repeat: no-repeat;
    border-radius: 20px;
    /* background-position: 35% 102%; */
    background-position:right;

    background-size: contain;
    height: 620px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cancer-buddy .home-content {
    /* padding-left: 3%; */
    /* padding-top: 6%; */
    /* max-width: 620px; */
}

.cancer-buddy h3 {
    font-size: 36px;
    line-height: 30px;
    font-weight: 700;
    color: #000000;
}
.cancer-buddy h4 {
    font-size: 36px;
    color: #000;
    margin-bottom: 0.5rem;
    font-weight: 400;
    line-height: 50px;
}
.cancer-buddy .subtitle {
    font-size: 16px;
    color: #000;
    margin-bottom: 20px;
    line-height: 25px;
}

.cancer-buddy .btn-group {
/*	display: flex;*/
	gap: 1rem;
	margin-bottom: 20px;
}

/*.cancer-buddy .btn {
	padding: 8px 20px;
}*/

.store-links {
    display: flex;
    gap: 16px;
    margin-bottom: 20px;
}
.store-link {
    /* width: 96px !important; */
    height: auto;
}
.store-link img {
    width: 141px;
    height: auto;
}
.qr-code img {
    width: 111px;
    height: auto;
    /* margin-top: 1rem; */
}

/* Service Cards */
.services {
    padding: 65px 75px;
    background-color: #E0DED7;
    /* height: 685px; */
}

.services .row {
	margin: 0 -1rem;
}

.services .col-md-3 {
	padding: 0 1rem;
}
.service-card {
    background-color: #3A5A40;
    border-radius: 20px;
    height: 100%;
    padding: 2.5rem 2rem;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    transition: transform 0.3s ease;
}
.service-card:hover {
	transform: translateY(-5px);
}
.service-card h4 {
    font-size: 28px;
    margin-bottom: 1.5rem;
    font-weight: 600;
    color: #fff;
    line-height: 35px;
}
.service-card p {
    font-size: 16px;
    margin-bottom: 18px;
    color: rgba(255,255,255,0.9);
    line-height: 1.6;
    flex-grow: 1;
    font-weight: 400;
}
.service-card .btn-outline-light {
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 100px !important;
    color: #000;
    padding: 10px 22px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
    transition: all 0.3s ease;
    align-self: flex-start;
}

.service-card .btn-outline-light:hover {
	background-color: #fff;
	color: #1B1B1B;
}

/* Upcoming events Section */
.bold-yes {
    font-weight: 700;
}
 .carelines-section {
    padding: 65px 75px;
    background-color: #F5F5F0 !important;
} 
.carelines-section .image-container {
        background-position: center;
    background-size: cover;
    border-radius: 20px;
    height: 377px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 95%; */
    margin: 0 auto;
    background-repeat: no-repeat;
}

.carelines-section h3 {
    font-size: 36px;
    margin-bottom: 0.5rem;
    font-weight: 400;
    color: #000;
}
.carelines-section .set-light {
	font-weight: 400 !important;
}
.ms-8{
  margin-left: 128px;
}
.me-8{
margin-right: 128px;
}
.carelines-section h4 {
	font-size: 1.75rem;
	margin-bottom: 1rem;
	color: #3A5A40;
	font-weight: 500;
}

.carelines-section p {
    font-size: 18px;
    color: #000;
    line-height: 28px;
    font-family: 'Inter';
}
.carelines-section .btn-group {
    /* display: flex; */
    gap: 1rem;
}
.member-image {
    background: url('https://bonemarrow.siplsolutions.com/wp-content/themes/twentytwenty-child/assets/images/blank-2.png');
    background-position: center;
    background-size: cover;
}
.signin-cr {
    padding: 8rem 0 4rem;
    background-color: #fff;
}
.carelines-scn {
    padding: 9rem 0 4rem;
    background-color: #fff;
}
/* Contributors Section */
.contributors {
    padding: 50px 0px;
    background-color: #588157 !important;
  
}
.contributors_description_container {
     width: 100%;
     max-width: 800px;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 30px;
  }
  .contributors_description_container p{
font-family: Inter;
font-weight: 400 !important;
font-size: 22px !important;
line-height: 125% !important;
letter-spacing: 0%;
text-align: center;
margin-bottom: 0px !important;

  }

.contributors .image-container {
    border-radius: 20px;
    background-position: center;
    width: 100%;
    height: 470px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
  

}


.contributors .home-content {
	padding-left: 4rem;
}

.contributors h3 {
    font-size: 36px;
    margin-bottom: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 45px;
}

.contributors p {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 2rem;
    line-height: 28px;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* .contributors .btn {
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: black !important;
} */

/* Footer Styles */
.footer-green {
	background-color: #3A5A40;
}
footer {
	padding: 5rem 0 3rem;
	color: #fff;
}

.footer-logo {
	max-width: 200px;
	height: auto;
	margin-bottom: 2rem;
}

footer h5 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 1.5rem;
	color: #fff;
}

footer ul {
	margin: 0;
	padding: 0;
}

footer ul li {
	margin-bottom: 0.75rem;
}

footer ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    transition: all 0.2s ease;
}

footer ul li a:hover {
	color: #fff;
	text-decoration: none;
}
.footer-contact {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    font-family: 'Inter';
}
.setupper-shift {
    padding-top: 3%;
    font-family: 'Inter';
    font-size: 18px !important;
}
.footer-contact p {
	margin-bottom: 1rem;
    font-size: 16px;
}

.footer-bottom {
	padding-top: 10px;
	
}

.footer-bottom p {
    font-family: 'Inter';
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
}

.btn-primary:hover {
    color: #FFF !important;
    background-color: #588157 !important;
    border-color: #588157 !important;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff !important;
    background-color: #588157 !important;
    border-color: #588157 !important;
    box-shadow: none !important;
}
.btn-primary-md:hover {
    color: #3A5A40 !important;
    background-color: #D9D9D9 !important;
    border-color: #D9D9D9 !important;
}

.btn-outline-primary:hover {
    color: #D9D9D9 !important;
    background-color: #3A5A40 !important;
    border-color: #3A5A40 !important;
}
.btn-outline-lime:hover {
    color: #D9D9D9 !important;
    background-color: #3A5A40 !important;
    border-color: #3A5A40 !important;
}
.single-give_forms .give_forms {
    padding-top: 4rem;
}


.tools-section {
    background-color: #3A5A40;
    padding: 4rem 0;
    color: #fff;
}


.btn-cover {
    margin-bottom: 20px;
}
.tool-card {
    background-color: #E0DED7;
    padding: 2rem;
    border-radius: 25px;
    height: 100%;
    color: #000;
}

.tool-card h3 {
    font-family: 'Domine';
    font-size: 28px;
    font-weight:400;
    margin-bottom: 25px;
}

.tool-card p {
    font-family: 'Inter';
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
}
/* start carelines Page Styles */
.start-carelines {
    padding: 4rem 0;
    background-color: #fff;
}

.placeholder-image {
    background-position: center;
    /* background-size: cover; */
    border-radius: 20px;
    height: 646px;
    display: flex;
    background-repeat: no-repeat;
}
.start-carelines .placeholder-image {
    background-position: center;
    border-radius: 20px;
    height: 653px;
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 653px;
  }


.start-carelines p {
    font-family: 'Inter';
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 20px;
}
/* Carelines Page Styles */
.breadcrumb {
    margin-top: 80px;
}

.breadcrumb-item a {
    color: #3A5A40;
    text-decoration: none;
}
.patient-support-header h1 {
    font-size: 44px;
    font-weight: 400 !important;
    font-family: Domine;
    color: #333333;
        margin-bottom: 10px !important;
}
.patient-support-header p.lead {
        width: 100%;
    margin: 0 auto;
    font-size: 18px;
    font-family: 'Inter';
    font-weight: 500;
    max-width: 800px;
    color: #333333;
}
p.lead {
    font-size: 18px;
    font-family: 'Inter';
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 10px;
}
p.lead-b {
    font-size: 18px;
    font-family: 'Inter';
    font-weight: 500;
    line-height: 28px;
}
.carelines-header {
    padding: 5rem 0 3rem;
}



.set-light {
    font-weight: 400 !important;
}

.carelines-header .lead {
    font-family: 'Inter';
    font-size: 18px;
    line-height: 28px;
    color: #000;
    font-weight: 500;
}
.info-patients-header p.lead-b {
    font-size: 18px;
    font-family: 'Inter';
    font-weight: 500;
    line-height: 25px;
}
.bm-anch {
    color: #3A5A40;
    font-weight: 700;
}
.bm-anch:hover {
    color: #233125;
}
.info-patients-header h1 {
    font-family: 'Domine';
    font-size: 44px;
    color: #000;
    font-weight: 500;
    margin-bottom: 2rem;
}
.info-patients-section-title {
   font-size: 36px;
    font-family: 'Domine';
    color: #000;
    font-weight: 400;
    max-width: 850px;
}
.setupper-gap {
    margin-bottom: 60px;
}
.setupper-gap h5 {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Inter';
}
.transplant-section .setupper-gap h5 {
 min-height: 45px;
}
.setupper-gap p {
    font-size: 16px;
    font-family: 'Inter';
    font-weight: 400;
    line-height: 22px;
}
.bm-4 {
    padding-top: 1.5rem !important;
}
.bm-4a {
    padding-top: 0rem !important;
    padding-bottom: 1.5rem !important;
}
/* Updated Comparison Section Styles */
.comparison-section {
    padding: 3rem 0;
    background-color: #F5F5F0;
}


.comparison-intro {
   font-family: 'Inter';
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #000;

}
.comparison-intro.comparison-intro-left  {
    max-width: 670px;


}
.comparison-intro.comparison-intro-right  {
    max-width: 650px;
}

.comparison-wrapper {
    margin-top: 3rem;
    padding: 0 2rem;
}

.comparison-grid {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.comparison-header {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 1rem;
}

.header-item {
    font-family: 'Domine';
    font-size: 22px;
    font-weight: 700;
    color: #000;
    /* padding: 1rem 0; */
}

.comparison-row {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 1rem;
    border-bottom: 3px solid #588157;
    padding: 50px 0;
}

.row-item {
    font-family: 'Inter';
    font-size: 18px;
    color: #000;
    line-height: 28px;
}

.comparison-row.additional-features {
    background: transparent;
    border-bottom: 2px solid #588157;
}

.additional-features .row-item strong {
    display: block;
    font-family: 'Domine';
    font-size: 18px;
    color: #000;
    margin-bottom: 0.5rem;
}



/* Financial Resources Page Styles */
.financial-header {
    padding: 7rem 0 0rem;
    background-color: #fff;
}



.financial-header .lead {
    font-family: 'Inter';
    font-size: 18px;
    line-height: 28px;
    color: #000;
    max-width: 1000px;
    margin: 0 auto;
    font-weight: 500;
}

.financial-carelines {
    padding: 3rem 0;
    background-color: #FFFFFF;
}

/* .financial-carelines .content-box {
    padding: 4rem 4rem 4rem 0;
} */



.financial-carelines p {
    font-family: 'Inter';
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px;
}

.financial-carelines .btn-group {
/*    display: flex;*/
    gap: 1rem;
}

.patient-support-section .image-placeholder {
    width: 100%;
    background-position: right !important;
    background-size: contain;
    border-radius: 20px;
    display: flex;
    height: 520px !important;
}


.financial-carelines .image-placeholder {
    width: 100%;
    max-width: 608px;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
    height: 608px;
    display: flex;
}
.housing-assistance {
    padding: 3rem 0;
    background-color: #F5F5F0;
}

/* .housing-assistance .content-box {
    padding: 4rem 0 4rem 4rem;
} */


.housing-assistance p {
    font-family: 'Inter';
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px;
}

.housing-assistance .btn-group {
/*    display: flex;*/
    gap: 1rem;
}

.housing-assistance .image-placeholder {
    width: 100%;
    max-width: 608px;
    background: url('https://bonemarrow.siplsolutions.com/wp-content/themes/twentytwenty-child/assets/images/blank-2.png');
    background-position: center;
    background-size: cover;
    border-radius: 20px;
    height: 608px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Housing Assistance Page Styles */
.housing-header {
    padding: 6rem 0 3rem;
    background-color: #fff;
}

.housing-header h1 {
    font-family: 'Domine';
    font-size: 44px;
    color: #000;
    /* font-weight: 700; */
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

.housing-header .lead {
     font-family: 'Inter';
    font-size: 18px;
    line-height: 28px;
    color: #000;
    font-weight: 500;
}

.tk-header {
    background-color: #E0DED7;
    padding: 2rem 0;
}

.tk-header h2 {
    font-family: 'Domine';
    font-size: 36px;
    color: #000;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
}

/* .how-it-works{
    padding: 3rem 0;
    background-color: #E0DED7;
} */

.how-to-apply {
    padding: 3rem 0;
    background-color: #E0DED7;
}

.content-card {
    background-color: #fff;
    border-radius: 25px;
    padding: 2.5rem;
    margin-bottom: 2rem;
}

.content-card h2 {
    font-family: 'Domine';
    font-size: 36px;
    color: #000;
    font-weight: 400;
    margin-bottom: 1.5rem;
}

.content-card p {
    font-family: 'Inter';
    font-size: 18px;
    line-height: 28px;
    color: #000;
    font-weight: 400;
    margin-bottom: 1.5rem;
}

.content-card .note {
    font-size: 18px;
    color: #000;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 2rem;
}

.content-card .btn-group {
    gap: 1rem;
}

.sponsor-section {
    background-color: #3A5A40;
    padding: 4rem 0;
    color: #fff;
}

.sponsor-section .image-container {
    background-position: center;
    background-size: cover;
       border-radius: 20px;
    height: 385px;
    padding: 0px !important;
}




.sponsor-section .btn-dark {
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 500;
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    background-color: #000;
    border: none;
    margin-top: 1rem;
}



/* About Page Styles */
.about-header {
    padding: 7rem 0 50px;
    background-color: #fff;
    text-align: center;
}
.about-header h1 {
    font-family: 'Domine';
    font-size: 44px;
    color: #000;
    font-weight: 400;
    margin-bottom: 10px;
}

/*.about-intro {
    max-width: 800px;
    margin: 0 auto;
}*/

.about-intro p {
    font-family: 'Domine';
    font-size: 28px;
    line-height: 43px;
    color: #000;
    font-weight: 400;
}

.what-we-do {
    padding: 50px 0;
    background-color: #3A5A40;
    color: #fff;
    text-align: center;
}
.sub-container {
    max-width: 1140px;
}

.what-we-do h2 {
    font-family: 'Domine';
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 25px;
}

.what-we-do p {
    font-family: 'Inter';
    font-size: 20px;
    font-weight: 400 !important;
    line-height: 28px;
    margin: 0 auto 25px;
}

.what-we-do .impact-text {
    font-weight: 500;
}

.founder-section {
    padding: 50px 0;
    background-color: #F5F5F0;
}
.founder-section h2 {
    font-size: 36px;
    font-weight: 700;
    font-family: 'Domine';
    color: #000
}
.founder-section p {
    font-size: 18px;
    font-weight: 400;
    font-family: 'Inter';
    color: #000;
    line-height: 25px;
}

.founder-image {
    /* background: url('https://bonemarrow.siplsolutions.com/wp-content/themes/twentytwenty-child/assets/images/blank-2.png'); */
    background-position: 100% 8%;
    background-size: cover;
    border-radius: 20px;
    height: 655px;
}

.founder-content {
    padding-left: rem;
}

.founder-content h2 {
    font-family: 'Domine';
    font-size: 36px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
}

.founder-content p {
    font-family: 'Inter';
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    color: #000;
    margin-bottom: 10px;
}

.leadership-section {
    padding: 50px 0;
    background-color: #F5F5F0;
}

/*.leadership-intro {
    max-width: 900px;
    margin: 0 auto 2rem;
}*/

.leadership-intro p {
    font-family: 'Inter';
    margin-bottom:0px;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #000;
}
.leadership-links {
    padding-left: 8%;
}
.leadership-link {
    font-family: 'Inter';
    font-size: 20px;
    font-weight: 400;
    color: #3A5A40;
    text-decoration: underline;
    transition: color 0.3s ease;
    display: block;
    margin-bottom: 25px;
    
}

.leadership-link:hover {
    color: #588157;
}

.testimonials {
    padding: 50px 0;
    background-color: #fff;
    color: #000;
}

.testimonials h2 {
    font-family: 'Domine';
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 34px;
    color: #000;
}

.testimonials-intro {
    font-family: 'Inter';
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    margin: 0 auto 2rem;
    color: #000;
}
.set-bottom {
    margin-bottom: 10px;
}

.testimonial-card {
    background-color: #F5F5F0;
    border-radius: 20px;
    padding: 2rem;
    margin-bottom: 10px;
    height: 100%;
}

.testimonial-image {
    filter: grayscale(100%);
    background-position: 100% 18%;
    background-size: cover;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 28px;
    background-color: #E0DED7;
}

.testimonial-card blockquote {
    font-family: 'Inter';
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 28px;
    color: #000;
}

.testimonial-card cite {
    font-family: 'Inter';
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    color: #000;
    display: block;
}



/* Board of Directors Page Styles */
.board-breadcrumb {
    padding-top: 3%;
    text-align: left;
    padding-bottom: 70px;
}

.board-breadcrumb span {
    font-family: 'Inter';
    font-size: 12px;
    font-weight: 500;
    font-family: 'Inter';
    color: #000;
}

.board-breadcrumb a {
    color: #000;
    text-decoration: none;
}
.board-breadcrumb .active {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    font-family: 'Inter';
    padding: 20px 20px;
    background-color: #588157;
    border-radius: 30px;
}


.board-header h1 {
    font-family: 'Domine';
    font-size: 44px;
    color: #000;
    font-weight: 400;
    margin-bottom: 0;
}

.board-chair {
    background-color: #F5F5F0;
    padding: 32px;
    margin-bottom: 40px;
}

.board-chair .chair-label {
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 700;
    color: #000;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.board-chair h2 {
    font-family: 'Domine';
    font-size: 24px;
    color: #000;
    font-weight: 700;
    margin-bottom: 4px;
}

.board-chair .location {
    font-family: 'Inter';
    font-size: 16px;
    color: #000;
    margin-bottom: 0;
}

.board-member {
    background-color: #F5F5F0;
    padding: 32px;
    height: 100%;
}

.board-member h3 {
    font-family: 'Domine';
    font-size: 24px;
    color: #000;
    font-weight: 700;
    margin-bottom: 8px;
}

.board-member .member-title {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.board-member .member-org {
    font-family: 'Inter';
    font-size: 16px;
    color: #000;
    margin-bottom: 0;
    font-style: italic;
}

.info-patients-header{
    padding-top: 6rem;

}

/* Therapists Page Styles */
.therapists-page {
    font-family: 'Inter';
    padding-top: 90px;
}

.therapists-header {
    padding: 6rem 0 3rem;
}

.therapists-header h1 {
    font-family: 'Domine';
    font-size: 44px;
    color: #000;
    font-weight: 400;
    margin-bottom: 0;
}

.therapist-card {
    background: #F5F5F0;
    padding: 2rem;
    margin-bottom: 2rem;
    border-radius: 0;
}

.therapist-image {
    width: 80px;
    height: 80px;
    margin-right: 1.5rem;
    flex-shrink: 0;
}

.therapist-image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    background-color: #E0DED7;
}

.therapist-info h3 {
    font-family: 'Domine';
    font-size: 24px;
    color: #000;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.therapist-info .title {
    font-family: 'Inter';
    font-size: 16px;
    color: #000;
    margin-bottom: 1rem;
}

.therapist-info p {
    font-family: 'Inter';
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-bottom: 1rem;
}

.schedule-section {
    background-color: #E0DED7;
    padding: 4rem 0;
    text-align: center;
}

.schedule-section h2 {
    font-family: 'Domine';
    font-size: 40px;
    color: #000;
    font-weight: 400;
    margin-bottom: 2rem;
}
/* Become Bone Marrow Donor Page Styles */
.bonemarrow-donor-section {
    padding: 3rem 0 2rem;
}
.bonemarrow-donor-section .content-card {
    background-color: #F5F5F0;
    padding: 3rem;
    border-radius: 50px;
    margin-bottom: 0px;
}
.bonemarrow-donor-section h1 {
    font-size: 44px;
    font-weight: 400 !important;
    font-family: 'Domine';
}

.bonemarrow-donor-section .content-card h2 {
    color: #000;
    font-family: 'Domine';
    font-size: 18px;
    margin-bottom: 1rem;
    font-weight: 700;
}

.bonemarrow-donor-section .content-card p {
    color: #000;
    font-family: 'Inter';
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0;
    font-weight: 400;
}

.bonemarrow-do nor-section .org-card {
    background-color: #F5F5F0;
    padding: 1.5rem;
    border-radius: 4px;
    height: 100%;
}

.bonemarrow-donor-section .org-card h3 a {
    color: #000;
    font-family: 'Inter';
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 700;
    text-decoration: none !important;
}

.bonemarrow-donor-section .org-card p {
    color: #000;
    font-family: 'Inter';
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 400;
}

.bonemarrow-donor-section .org-card a {
    color: #3A5A40;
    font-size: 18px;
    text-decoration: none;
    font-family: 'Inter';
    font-weight: 400;
    text-decoration: underline;
}

.bonemarrow-donor-section .org-card a:hover {
    text-decoration: underline;
}

/* Contributors Section Styles */
.image-container {
    /* background-color: #F5F5F5; */
    padding: 2rem;
    border-radius: 4px;
    height: 100%;
}

.image-container img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
/* Contact Page Styles */
.contact-page {
    padding: 5rem 0 0rem;
}
.contact-page h1 {
    font-family: 'Domine';
    font-size: 44px;
    color: #000;
    font-weight: 400;
}

.contact-intro {
    padding-right: 2rem;
}

.contact-intro h2 {
    font-family: 'Domine';
    font-size: 36px;
    color: #000;
    font-weight: 400;
    margin-bottom: 1rem;
}

.contact-intro p {
    font-family: 'Inter';
    font-size: 18px;
    line-height: 28px;
    color: #000;
}

.contact-form {
    max-width: 100%;
}

.contact-form .form-label {
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-bottom: 6px;
}

.signup .form-label {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin-bottom: 0px;
}
.signup .small {
    font-family: 'Inter';
}
.cancerbuddy-demo .form-label {
    text-align: left;
    display: block;
}

.contact-form .form-control {
    font-family: 'Inter';
    font-size: 16px;
    padding: 1rem;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    background-color: #fff;
}

.contact-form .form-control::placeholder {
    color: #3A5A40 !important;
    font-family: 'Inter' !important;
    font-size: 20px !important;
    font-weight: 400 !important;
}

.contact-form textarea.form-control {
    min-height: 150px;
    resize: vertical;
}

/* .contact-form .btn-dark {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    padding: 1rem 2rem;
    border-radius: 100px;
    background-color: #000;
    border: none;
    transition: all 0.3s ease;
} */

.contact-form .btn-dark:hover {
    background-color: #333;
}

/* Donate Page Styles */
.donate-page {
    padding-top: 90px;
}

.donate-left-inner {
    width: 100%;
    max-width: 620px;

}

.donate-intro h1 {
    font-family: 'Domine';
    font-size: 36px;
    line-height: 1.3;
    color: #000;
    font-weight: 400;
    margin-bottom: 1.5rem;
}

.donate-intro h3 {
    font-family: 'Domine';
    font-size: 18px;
    color: #000;
    font-weight: 700;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

.donate-intro p {
    font-family: 'Inter';
    font-size: 16px;
    line-height: 1.6;
    color: #000;
    margin-bottom: 1rem;
}

.donate-intro .legal-text {
    font-size: 14px;
    color: #666;
    margin: 2rem 0;
}

.donate-intro .btn-outline-dark {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    padding: 0.75rem 2rem;
    border: 1px solid #000;
    border-radius: 100px;
}

.donation-form {
    width: 100%;
    max-width: 620px;
}

.donation-tabs {
    display: flex;
    margin-bottom: 2rem;
    gap: 1rem;
}

.tab-btn {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    padding: 0.75rem 2rem;
    background: none;
    border: none;
    color: #000;
    position: relative;
}

.tab-btn.active {
    background-color: #666;
    color: #fff;
}

.form-section {
    margin-bottom: 2rem;
}

.form-section label {
    font-family: 'Inter';
    font-size: 16px;
    color: #000;
    margin-bottom: 1rem;
    display: block;
}

.amount-buttons {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.amount-btn {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    padding: 0.75rem;
    background: none;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    color: #000;
}

.amount-btn.active {
    background-color: #666;
    color: #fff;
    border-color: #666;
}

.custom-amount .form-control {
    font-family: 'Inter';
    font-size: 16px;
    padding: 1rem;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
}

.form-check {
    margin-bottom: 1rem;
}
.signup .form-check-label { 
    margin-top: 3px;
}

.form-check-label {
    font-family: 'Inter';
    font-size: 16px;
    color: #000;
    margin-left: 0.5rem;
}

.form-check-input {
    width: 20px;
    height: 20px;
    margin-top: 0.2rem;
}

.donation-form .btn-primary {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    padding: 1rem;
    border: none;
    border-radius: 10px !important;
    margin-top: 1rem;
    text-align: left;
}



/* Events Page Styles */
.events-page {
    padding-top: 90px;
}

.events-page h1 {
    font-family: 'Domine';
    font-size: 48px;
    color: #000;
    font-weight: 700;
    margin-bottom: 2rem;
}

.events-intro {
    max-width: 900px;
    margin: 0 auto 0rem;
}
.events-intro p {
    font-family: 'Inter';
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #000;
}
.upcoming-events-posts {
    padding: 50px 0;
    background-color: #F5F5F0;
}
.upcoming-events {
    padding: 80px 0px 50px;
    background-color: #fff;
}
.upcoming-events h2 {
    font-family: 'Domine';
    font-size: 36px;
    color: #000;
    font-weight: 700;
    margin-bottom: 2rem;
}

.event-card {
    background-color: #F5F5F0;
    height: 100%;
}

/* .event-image {
    width: 100%;
    height: 435px;
    overflow: hidden;
} */

/* .event-image img {
    width: 100%;
    max-width: 400px;
    height: 100%;
    max-height: 400px;
    object-fit: cover;
} */

.event-details {
    padding: 1rem 0;
}
.event-details h3 {
    font-family: 'Domine';
    font-size: 28px;
    color: #000;
    font-weight: 500;
    margin-bottom: 0.5rem;
}
.upevents-h1{
    font-family: 'Domine';
    font-size: 36px;
    color: #000;
    font-weight: 400;
    margin-bottom: 25px;
}
.event-date, .event-time {
    font-family: 'Inter';
    font-size: 20px;
    font-weight: 400;
    color: #000;
    line-height: 28px;
}

.event-location .venue {
    font-family: 'Inter';
    font-size: 16px;
    color: #000;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.upcoming-events-posts .event-location .address {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 24px;
    margin-bottom: 0rem !important;
}
.upcoming-events-posts .event-location .address p {
    margin-bottom: 0rem !important;
}
.location-name-ev {
    font-weight: 700;
}
.em-item-image {
    display: none !important;
}
.event-description {
    font-family: 'Inter';
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin: 1rem 0;
}

.event-card .btn-dark {
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 500;
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    background-color: #000;
    border: none;
}

.sponsor-section {
    background-color: #F5F5F0;
    padding: 4rem 0;
    /* margin: 0 -12px; */
}

/* .sponsor-image {
    width: 100%;
    height: 500px;
    overflow: hidden;
    border-radius: 20px;
} */

/* .sponsor-image img {
    width: 100%;
    max-width: 650px;
    height: 100%;
    object-fit: cover;
    max-height: 470px;
    border-radius: 20px;
} */

.sponsor-content {
    padding-left: 3rem;
}
.sponsor-section .sponsor-content {
    padding-left: 0rem;
}

.sponsor-content h2 {
    font-family: 'Domine';
    font-size: 36px;
    color: #000;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.sponsor-content p {
    font-family: 'Inter';
    font-size: 18px;
    line-height: 28px;
    color: #000;
    margin-bottom: 1rem;
}

.sponsor-content .btn-dark {
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 500;
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    background-color: #000;
    border: none;
    margin-top: 1rem;
}



/* Event Detail Page Styles */
.event-detail-page {
    padding-top: 90px;
}

.event-breadcrumb {
    font-family: 'Inter';
    font-size: 16px;
}

.event-breadcrumb a {
    color: #3A5A40;
    text-decoration: none;
}

.event-breadcrumb .active {
    color: #000;
}

.event-detail-header {
    margin-bottom: 4rem;
}

.event-detail-image {
    width: 100%;
    height: 500px;
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 2rem;
}

.event-detail-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.event-detail-content {
    padding-left: 2rem;
}

.event-detail-content h1 {
    font-family: 'Domine';
    font-size: 48px;
    color: #000;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.event-meta {
    font-family: 'Inter';
    font-size: 18px;
    color: #000;
}

.event-location .venue {
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.event-location .address {
    margin-bottom: 0.25rem;
}
.upcoming-events-posts .event-description {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #000;
}

.event-actions {
    margin-top: 2rem;
}

.event-actions .btn-dark {
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 500;
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    background-color: #000;
    border: none;
}

.related-events {
    margin-top: 5rem;
}

.related-events h2 {
    font-family: 'Domine';
    font-size: 36px;
    color: #000;
    font-weight: 700;
    margin-bottom: 2rem;
}



/* Patient Stories Page Styles */
.patient-stories-page {
    padding-top: 100px;
}

.stories-breadcrumb {
    font-family: 'Inter';
    font-size: 14px;
    margin-bottom: 40px;
}

.stories-breadcrumb a {
    color: #000;
    text-decoration: none;
}

.stories-breadcrumb .active {
    color: #00A651;
}

.stories-header {
    text-align: center;
    margin-bottom: 60px;
}

.stories-header h1 {
    font-family: 'Domine';
    font-size: 48px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
}

.stories-header .lead {
    font-family: 'Inter';
    font-size: 18px;
    color: #333;
    max-width: 800px;
    margin: 0 auto;
}

.stories-grid {
    padding: 0 0 80px;
}

.story-card {
    background-color: #F5F5F0;
    border-radius: 8px;
    height: 100%;
}

.story-image {
    width: 100%;
    height: 240px;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

.story-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.story-content {
    padding: 24px;
}

.story-content h3 {
    font-family: 'Domine';
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin-bottom: 16px;
}

.story-content p {
    font-family: 'Inter';
    font-size: 16px;
    color: #333;
    margin-bottom: 24px;
}

.story-content .btn {
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 600;
    padding: 12px 24px;
    border-radius: 4px;
}




.contributors .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contributors-content {
    padding-left: 60px;
}

.contributors-content h2 {
    font-family: 'Domine';
    font-size: 36px;
    font-weight: 700;
    color: #000;
    margin-bottom: 24px;
}

.contributors-content p {
    font-family: 'Inter';
    font-size: 16px;
    color: #333;
    margin-bottom: 24px;
}

.contributors-content .btn {
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 600;
    padding: 12px 24px;
    border-radius: 4px;
}
/* Board Members Section Styles */
.board-members {
    padding: 40px 0;
    padding-top: 0px  !important;
}

.board-member {
    display: flex;
    gap: 25px;
    background-color: #F5F5F0;
    border-radius: 20px;
    padding: 2rem;
    margin-bottom: 30px;
    height: 100%;
}
.board-member-advisory {
    display: flex;
    gap: 24px;
    background-color: #E0DED7;
    border-radius: 20px;
    padding: 30px;
    height: 100%;
}

.board-member-col {
    margin-bottom: 10px;
}
.board-memberadv-col {
    margin-bottom: 10px;
}

.member-image {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: #e9ecef;
    overflow: hidden;
}

.member-info {
    flex: 1;
}

.member-title {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}
.board-member-advisory .member-title {
    font-family: 'Inter';
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 5px;
    letter-spacing: 0.5px;
}
.member-info h3 {
    font-family: 'Inter';
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin: 0 0 2px;
    line-height: 1.2;
}
.board-member-advisory .member-info h3 {
    font-family: 'Inter';
    font-size: 18px;
    font-weight: 700;
    color: #3A5A40;
    margin: 0 0 10px;
    line-height: 1.2;
    text-decoration: underline;
}

.member-info h4 {
    font-family: 'Inter';
    font-size: 18px;
    color: #000;
    margin: 0 0 15px;
    font-weight: 400;
}
.board-member-advisory .member-info p {
    font-family: 'Inter';
    font-size: 14px;
    line-height: 20px;
    color: #000;
    margin-bottom: 10px;
    font-weight: 400;
}

.member-info p {
    font-family: 'Inter';
    font-size: 16px;
    line-height: 25px;
    color: #000;
    margin-bottom: 15px;
    font-weight: 400;
}

.member-info p:last-child {
    margin-bottom: 0;
}

/* Breadcrumb Styles */
.board-breadcrumb .separator {
    margin: 0 20px;
    font-family: 'Inter' !important;
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

/* .board-breadcrumb .active {
    color: #333;
    font-weight: 500;
} */

/* Header Styles */
.board-header {
    padding: 50px 0 50px;
    background-color: #fff;
}


/* Carelines Funds Page Styles */
.steps-container {
    position: relative;
}

.step-number {
    background-color: #3A5A40;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    margin-right: 20px;
    flex-shrink: 0;
}

.step-content h3 {
    font-family: 'Domine';
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
}

.step-content p {
    font-family: 'Inter';
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 0;
}

.expense-list {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.expense-list li {
    font-family: 'Inter';
    font-size: 18px;
    color: #000;
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative;
}

.expense-list li:before {
    content: "•";
    color: #3A5A40;
    font-size: 24px;
    position: absolute;
    left: 0;
    top: -2px;
}




.success-stories h2 {
    font-family: 'Domine';
    font-size: 36px;
    font-weight: 700;
    color: #000;
}
/* home page */
.green-side {
    background-color: #5F825F;
    color: white;
    padding-bottom: 50px;
    padding-top: 50px;

}
.white-side {
    background-color: #E0DED7;
    color: #000;
        padding-bottom: 50px;
        padding-top: 50px;

}
.content-grip-left {
    width: 100%;
    max-width: 570px;

}
.content-grip-right {
      width: 100%;
    max-width: 570px;
}
.program-image-1 {
    /* width: 95%; */
    border-radius: 20px;
    /* background-size: cover; */
    height: 370px;
    display: flex;
    margin: 0 auto;
    /* background-position: center; */
    background-repeat: no-repeat;
    
}
.program-image-2 {
    /* width: 90%; */
    border-radius: 20px;
    /* background-size: cover; */
    height: 370px;
    display: flex;
    margin: 0 auto;
    background-position: center;
    background-repeat: no-repeat;

}
.program-image-3 {
    /* width: 90%; */
    border-radius: 20px;
    /* background-size: cover; */
    height: 370px;
    display: flex;
    margin: 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    
}
.program-image-4 {
    /* width: 90%; */
    border-radius: 20px;
    /* background-size: cover; */
    height: 370px;
    display: flex;
    margin: 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    
}
.program-content-1 {
    padding-top: 25px;

}
.program-content {

    padding-top: 25px;
}
.program-content-3 {

    padding-top: 25px;
  
}
.program-content-4 {
   
   
    padding-top: 25px;
}
.program-content p {
    font-size: 18px;
    font-family: 'Inter';
    line-height: 28px;
}
.program-content-1 p {
    font-size: 18px;
    font-family: 'Inter';
    line-height: 28px;
}
.program-content-3 p {
    font-size: 18px;
    font-family: 'Inter';
    line-height: 28px;
}
.program-content-4 p {
    font-size: 18px;
    font-family: 'Inter';
    line-height: 28px;
}

.prgm-thick span{
   font-weight: 600;
}


/* Navigation */
.navbar {
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Custom Hamburger Icon */
.custom-toggler {
    padding: 0;
    border: none;
    position: relative;
    width: 30px;
    height: 24px;
    transition: all 0.3s ease;
}

.custom-toggler:focus {
    box-shadow: none;
    outline: none;
}

.custom-toggler .navbar-toggler-icon {
    background-image: none !important;
    position: relative;
    transition: all 0.3s ease;
    display: block;
    width: 100%;
    height: 2px;
    background: #000;
    margin: 11px 0;
}

.custom-toggler .navbar-toggler-icon::before,
.custom-toggler .navbar-toggler-icon::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #000;
    left: 0;
    transition: all 0.3s ease;
}

.custom-toggler .navbar-toggler-icon::before {
    top: -8px;
}

.custom-toggler .navbar-toggler-icon::after {
    bottom: -8px;
}

/* Animated Cross Icon when menu is open */
.custom-toggler.is-active .navbar-toggler-icon {
    background: transparent;
}

.custom-toggler.is-active .navbar-toggler-icon::before {
    top: 0;
    transform: rotate(45deg);
}

.custom-toggler.is-active .navbar-toggler-icon::after {
    bottom: 0;
    transform: rotate(-45deg);
}
.upcoming-events .upcoming-h1 {
    font-size: 44px;
    font-weight: 400;
    color: #000;
    margin-bottom: 10px;
}


/* -------------------------------------- 
        mobile to big screens css 
------------------------------------------*/
@media (min-width: 375px) and (max-width: 478px) {
    
  
   
    .give-total-wrap .give-donation-amount.custom-amount-input input.give-amount-top {
        margin: -8% 0 0 0!important;
    }

 
    .navbar-light .navbar-nav .nav-button-md {
        background-color: #3A5A40;
        color: #fff !important;
        border-radius: 100px;
        width: 94px !important;
    }

  
  
    .prgm-flex {
        display: block !important;
    }
    .prgm-display {
        display: block;
        margin-bottom: 15px;
    }
  
  
  
   
    .setupper-shift {
        padding-top: 0%;
        font-family: 'Inter';
        font-size: 18px !important;
    }

}

@media (min-width: 479px) and (max-width: 767px) {
    .founder-image {
        background-position: cemter;
        background-size: contain;
        height: 585px;
        background-repeat: no-repeat;
    }

 
    .give-total-wrap .give-donation-amount.custom-amount-input input.give-amount-top {
        margin: -8% 0 0 0!important;
    }

  
    .navbar-light .navbar-nav .nav-button-md {
        background-color: #3A5A40;
        color: #fff !important;
        border-radius: 100px;
        width: 94px !important;
    }
 

 
  
    .prgm-flex {
        display: block !important;
    }
    .prgm-display {
/*        display: block;*/
        margin-bottom: 15px;
    }
  
  
   
  

    .mob-dspl {
        display: inline;
        margin-right: 10px;
    }
    .setupper-shift {
        padding-top: 0%;
        font-family: 'Inter';
        font-size: 18px !important;
    }
   
}
@media (min-width: 768px) and (max-width: 991px) {
    .cancerbuddy-hero .image-placeholder,
    .cancer-buddy .image-container {
        height: 620px !important;
    }
    
 
  

    .give-total-wrap .give-donation-amount.custom-amount-input input.give-amount-top {
        margin: -8% 0 0 0!important;
    }
    /* .navbar-brand {
        margin: 0 auto !important;
    } */
    .carelines-header {
        padding: 6rem 0 3rem;
    }
  
    .navbar-light .navbar-nav .nav-button-md {
        background-color: #3A5A40;
        font-size: 18px !important;
        color: #fff !important;
        border-radius: 100px;
        padding: 6px 20px !important;
        margin-left: 5px !important;
        width: 100px;
    }
    .dropdown-item {
        font-size: 12px;
        font-weight: 500;
        color: #000;
    }
    /* .shift-left {
        padding-left: 0%;
        margin-left: -6%;
    } */
  
    ul#menu-top-menu {
        margin-top: 4px;
    }
 

    .services {
        padding: 65px 16px;
        background-color: #E0DED7;
    }



 
    .prgm-flex {
        display: block !important;
    }
    .prgm-display {
/*        display: block;*/
        margin-bottom: 15px;
    }
    /* .content-grip-right {
        padding: 5% 0% 5% 4%;
    } */
  
    
    .mob-dspl {
        margin-right: 10px;
    }
}
@media (min-width: 992px) and (max-width: 1024px) {
   

   
    .give-total-wrap .give-donation-amount.custom-amount-input input.give-amount-top {
        margin: -8% 0 0 0!important;
    }
    .carelines-header {
        padding: 6rem 0 3rem;
    }
   

    .navbar-light .navbar-nav .nav-button-md {
        background-color: #3A5A40;
        font-size: 13px !important;
        color: #fff !important;
        border-radius: 100px;
        padding: 6px 20px !important;
        margin-left: 5px !important;
    }
    .dropdown-item {
        font-size: 12px;
        font-weight: 500;
        color: #000;
    }
    /* .shift-left {
        padding-left: 0%;
        margin-left: -6%;
    } */
 
    ul#menu-top-menu {
        margin-top: 4px;
    }
  

    .services {
        padding: 65px 16px;
        background-color: #E0DED7;
    }

 

   
    .prgm-flex {
        display: block !important;
    }
    .prgm-display {
/*        display: block;*/
        margin-bottom: 15px;
    }
    /* .content-grip-right {
        padding: 5% 0% 5% 4%;
    } */
   
  
  
    
    .mob-dspl {
        margin-right: 10px;
    }
    
}
@media (min-width: 1025px) and (max-width: 1266px) {


    .container {
        max-width: 1000px;
    }
 
    .navbar-light .navbar-nav .nav-button-md {
        background-color: #3A5A40;
        font-size: 14px !important;
        color: #fff !important;
        border-radius: 100px;
        padding: 6px 20px !important;
        margin-left: 10px !important;
    }
    .dropdown-item {
        font-size: 14px;
        font-weight: 500;
        color: #000;
    }
    /* .shift-left {
        padding-left: 0%;
        margin-left: -8%;
    } */
  
    ul#menu-top-menu {
        margin-top: 8px;
    }
  
    .services {
        padding: 65px 16px;
        background-color: #E0DED7;
    }



}
@media (min-width: 1267px) and (max-width: 1366px) {
    .carelines-header {
        padding: 6rem 0 3rem;
    }


    .navbar-light .navbar-nav .nav-button-md {
        background-color: #3A5A40;
        font-size: 15px !important;
        color: #fff !important;
        border-radius: 100px;
        padding: 6px 20px !important;
        margin-left: 10px !important;
    }
    .dropdown-item {
        font-size: 15px;
        font-weight: 500;
        color: #000;
    }
    /* .shift-left {
        padding-left: 0%;
        margin-left: -1%;
    } */
   
    ul#menu-top-menu {
        margin-top: 4px;
    }
  

    .services {
        padding: 65px 16px;
        background-color: #E0DED7;
    }



}

@media (min-width: 1367px) and (max-width: 1466px) {
    .carelines-header {
        padding: 6rem 0 3rem;
    }
 

    .navbar-light .navbar-nav .nav-button-md {
        background-color: #3A5A40;
        font-size: 15px !important;
        color: #fff !important;
        border-radius: 100px;
        padding: 6px 20px !important;
        margin-left: 10px !important;
    }
    .dropdown-item {
        font-size: 15px;
        font-weight: 500;
        color: #000;
    }
    /* .shift-left {
        padding-left: 0%;
        margin-left: -1%;
    } */

    ul#menu-top-menu {
        margin-top: 4px;
    }
  

    .services {
        padding: 65px 16px;
        background-color: #E0DED7;
    }

  
}
@media (min-width: 1467px) and (max-width: 1566px) {
    .carelines-header {
        padding: 8rem 0 3rem;
    }
}
@media (min-width: 1567px) and (max-width: 1935px) {
    .carelines-header {
        padding: 5rem 0 2rem;
    }
    .patient-support-header {
        padding: 7rem 0 2rem;
    }
 
}

@media (max-width: 767.98px) {
    .step-content h3 {
        font-size: 20px;
    }
    
    .expense-list li {
        font-size: 16px;
    }
    
  
}
/* Responsive Design */
@media screen and (min-width: 1400px) {
	
	.service-card {
		padding: 3rem 2.5rem;
	}
}

@media screen and (max-width: 1199.98px) {
	.service-card h4 {
		font-size: 1.75rem;
	}
	
	
}

@media screen and (max-width: 991.98px) {

	
	.services .col-md-3 {
		margin-bottom: 2rem;
	}
	
	.service-card {
		padding: 2rem;
	}
	

	
	footer {
		padding: 4rem 0 2rem;
	}
	
	.footer-contact {
		margin-bottom: 1rem;
	}
	
	.contributors .home-content {
		padding-left: 0;

	}

}

@media screen and (max-width: 767.98px) {

	
	
	.service-card {
		margin-bottom: 1.5rem;
	}
	
	.service-card h4 {
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}
	
	.service-card p {
		font-size: 0.9375rem;
		margin-bottom: 1.5rem;
	}
	
	.service-card .btn-outline-light {
		padding: 10px 20px;
		font-size: 0.8125rem;
	}
	
	
	
	.mission-image {
		padding: 2rem;
	}
	
	
	footer h5 {
		margin-top: 6px;
		margin-bottom: 1rem;
	}
	
	
	
	

	
	
  
}

@media screen and (max-width: 575.98px) {

	

	
	.service-card {
		padding: 1.5rem;
	}
	
	


	
	
	
	
}
@media screen and (max-width: 412px) {
  
    .btn-group {
        position: relative;
        display: block;
    }
    .services {
        padding: 65px 16px;
        background-color: #E0DED7;
    }
    .carelines-section {
        padding: 65px 16px;
        background-color: #F5F5F0 !important;
    }

    
 
}

/* Responsive Styles for Financial Resources */
@media (max-width: 991.98px) {
    .financial-header {
        padding: 6rem 0 0rem;
    }

  
    /* .financial-carelines .content-box,
    .housing-assistance .content-box {
        padding: 2rem 0;
    } */

   

  
}

@media (max-width: 767.98px) {
    
    .financial-header {
        padding: 5rem 0 2rem;
    }

 

    .financial-carelines,
    .housing-assistance {
        padding: 0rem 0;
    }

  

    .financial-carelines p,
    .housing-assistance p {
        font-size: 16px;
    }

    .btn-group {
        flex-direction: column;
    }

    .btn-group .btn {
        width: 100%;
        margin-bottom: 1rem;
    }
   
}
/* Responsive Adjustments */
@media (max-width: 767px) {
    .patient-stories-card-col{
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}
    body .navbar-light .navbar-nav .nav-button-md {
        background-color: #3A5A40;
        color: #fff !important;
        border-radius: 100px;
        width: 100% !important;
        max-width: 110px;
        padding: 10px 18px !important;
    }
    .navbar-light .navbar-nav .nav-link {
        font-size: 20px !important;
        padding: 0px !important;
    }
    .navbar .dropdown-menu .menu-item .dropdown-item {
        font-size: 20px;
    }
    .navbar .dropdown-menu .menu-item:first-child {
        border-radius: 0px 0px 0px 0px !important;
    }
    .navbar .dropdown-menu .menu-item:last-child {
        border-radius: 0px 0px 0px 0px !important;
    }
    .content-box {
        padding-right: 0;
        margin-bottom: 0px;
    }
    .cancerbuddy-hero .image-placeholder{
        background-size: contain;
        height: 396px !important;
    }
    .cancer-buddy .image-container{
        background-size: contain;
        height: 365px !important;
    }
    .font-15 {
        font-size: 15px !important;
    }
    .board-member {
        flex-direction: column;
        padding: 20px;
    }

    .member-image {
        margin-bottom: 15px;
    }
    .hero {
		height: 460px;
		padding: 100px 0 60px;
	}
    .hero {
        /* background-position: 40% 50%; */
        background-position: 62% 50%;
    }
}
@media (max-width: 767.98px) {
    .stories-header h1 {
        font-size: 32px;
    }

    .stories-header .lead {
        font-size: 16px;
    }

    .story-image {
        height: 180px;
    }

    .story-content h3 {
        font-size: 20px;
    }

    .contributors-content h2 {
        font-size: 28px;
    }
}
/* Responsive Styles */
@media (max-width: 991.98px) {
    .stories-header h1 {
        font-size: 36px;
    }

    .story-image {
        height: 200px;
    }

    .contributors-content {
        padding-left: 0;
        margin-top: 40px;
    }

    .contributors-content h2 {
        font-size: 32px;
    }
}
/* Responsive styles for comparison section */
@media (max-width: 768px) {
    .comparison-wrapper {
        padding: 0 1rem;
    }

    .comparison-header, .comparison-row {
        gap: 0.5rem;
    }

  

}

@media (max-width: 576px) {
    .comparison-header, .comparison-row {
        grid-template-columns: 1.5fr 1fr 1fr;
    }
}
/* Responsive styles for housing assistance page */
@media (max-width: 991.98px) {
 

    .content-card {
        padding: 2rem;
    }



 
}

@media (max-width: 767.98px) {
    .housing-header {
        padding: 5rem 0;
    }

 
    .content-card  {
        font-size: 28px;
    }

    .content-card,
    .sponsor-section {
        padding: 2rem 0;
    }

    .content-card p,
    .sponsor-section p {
        font-size: 16px;
    }


}

@media (max-width: 575.98px) {
    .content-card {
        padding: 1.5rem;
    }

    .btn-group {
        flex-direction: column;
    }

    .btn-group .btn {
        width: 100%;
        margin-bottom: 1rem;
    }
}
/* Update responsive styles */
@media (max-width: 991.98px) {
   
    .leadership-links {
        padding: 0 2rem;
    }
    
    .testimonials-intro {
        padding: 0 2rem;
    }
}

@media (max-width: 767.98px) {
    .leadership-intro p,
    .leadership-link {
        font-size: 16px;
    }
    
    .testimonials h2 {
        font-size: 28px;
    }
    
    .testimonials-intro {
        font-size: 16px;
    }
}
/* Responsive styles for board page */
@media (max-width: 991.98px) {
 

    .board-chair h2,
    .board-member h3 {
        font-size: 20px;
    }
}

@media (max-width: 767.98px) {
  

    .board-member {
        padding: 24px;
    }

    .board-member h3 {
        font-size: 20px;
    }

}
/* Responsive Styles */
@media (max-width: 768px) {
    .therapist-card {
        padding: 1.5rem;
    }
    
    .therapist-image {
        width: 60px;
        height: 60px;
        margin-right: 1rem;
    }
    
    .therapist-info h3 {
        font-size: 20px;
    }
    
    .therapist-info p {
        font-size: 14px;
        line-height: 22px;
    }
    
  
}
/* Responsive Adjustments */
@media (max-width: 768px) {
    .content-card, .org-card {
        margin-bottom: 1rem;
    }
    
    .image-container {
        margin-bottom: 25px;
    }
}
/* Responsive styles for contact page */
@media (max-width: 991.98px) {
    .contact-intro {
        padding-right: 0;
        margin-bottom: 2rem;
    }
}

@media (max-width: 767.98px) {


    .contact-intro h2 {
        font-size: 28px;
    }

    .contact-intro p {
        font-size: 16px;
    }
}
/* Responsive styles */
@media (max-width: 991.98px) {
    .donate-intro {
        padding-right: 0;
        margin-bottom: 2rem;
    }

    .amount-buttons {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767.98px) {
    .donate-intro h1 {
        font-size: 28px;
    }

 

    .tab-btn {
        padding: 0.75rem 1rem;
    }
}
/* Responsive styles for events page */
@media (max-width: 991.98px) {
    .events-page h1 {
        font-size: 36px;
    }



}

@media (max-width: 767.98px) {
    .events-page h1 {
        font-size: 32px;
    }

    .upcoming-events h2 {
        font-size: 28px;
    }


    .sponsor-section {
        padding: 3rem 0;
    }



    .sponsor-content h2 {
        font-size: 28px;
    }
}
/* Responsive styles for event detail page */
@media (max-width: 991.98px) {
    .event-detail-content {
        padding-left: 0;
        margin-top: 2rem;
    }

    .event-detail-content h1 {
        font-size: 36px;
    }

    .event-detail-image {
        height: 400px;
    }
}

@media (max-width: 767.98px) {
    .event-detail-content h1 {
        font-size: 32px;
    }

    .event-meta {
        font-size: 16px;
    }

    .event-description {
        font-size: 16px;
        line-height: 24px;
    }

    .event-detail-image {
        height: 300px;
        border-radius: 25px;
    }

    .related-events h2 {
        font-size: 28px;
    }
}

/* Housing Assistance Page Styles */


.housing-header .breadcrumb-nav {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.housing-header .breadcrumb-nav a {
    color: #3A5A40;
    text-decoration: none;
}

.housing-header .breadcrumb-nav .separator {
    margin: 0 0.5rem;
}

/* How it Works Section */

.bg-porcelean {
    background-color: #F5F5F0;
    /* padding: 50px 60px; */
        padding: 50px 60px 60px 16px;
}
.bg-mushroom {
    background-color: #E0DED7;
    /* padding: 50px 75px; */
        padding: 50px 60px 60px 60px;
}
/* .how-it-works .content-box-1 {
    padding: 0 3rem 0 10rem;
}
.how-it-works .content-box-2 {
    padding: 0 10rem 0 2rem;
} */

.how-it-works h2 {
    color: #333333;
    font-size: 36px;
    /* font-weight: 700; */
    margin-bottom: 20px;
    font-family: 'DOMINE';
}

.how-it-works p {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 10px;
    font-weight: 500;
    font-family: 'Inter';
    color: #333333;
}

.how-it-works .note-box {
    background-color: #F5F5F0;
    border-radius: 8px;
    padding: 1.5rem;
    margin-top: 1.5rem;
}

.how-it-works .note-box p {
    margin-bottom: 0;
}

.how-it-works a {
    color: #3A5A40;
    text-decoration: underline;
}

/* Sponsor Section */
.sponsor-section {
    background-color: #588157;
    padding: 3rem 0;
}

.sponsor-section .image-container img {
    border-radius: 24px;
    width: 100%;
}


.event-sponse-heading{
  
       font-family: "Domine" !important;
       margin-bottom: 20px !important;
}
.sponsor-section h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px;
       font-family: "Domine";
}

.sponsor-section p {
    color: #fff;
    font-size: 16px;
    line-height: 1.4;
   margin-bottom: 10px;
   font-weight: 500;
   font-family: 'Inter';
   line-height: 24px;
}




.sponsor-section a {
    color: #fff;
}

.sponsor-section .btn-outline-wh {
    border: 2px solid #fff;
    color: #fff;
    padding: 0.75rem 1.5rem;
    border-radius: 100px;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    transition: all 0.3s ease;
}

.sponsor-section .btn-outline-wh:hover {
    background-color: #fff;
    color: #588157;
}
.black-text-btn {
    color: #000 !important;
}

@media (max-width: 991.98px) {
    .sponsor-section .content {
        padding-left: 0;
        margin-top: 0px;
    }
    
    .how-it-works .content-box {
        padding: 0 1rem;
        margin-bottom: 2rem;
    }
}

/* Meet Our Therapists Grid Styles */
.meet-therapist-card {
    background: #F5F7F0;
    border-radius: 24px;
    padding: 2rem 2rem 1.5rem 2rem;
    margin-bottom: 1.5rem;
    box-shadow: none;
    min-height: 260px;
    display: flex;
    align-items: stretch;
}
.meet-therapist-image {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    margin-right: 1.5rem;
    flex-shrink: 0;
    margin-top: 0.25rem;
}
.meet-therapist-info {
    flex: 1;
    min-width: 0;
}
.meet-therapist-name {
    font-family: 'Domine';
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
    margin-top: 0;
}
.meet-therapist-title {
    font-size: 0.95rem;
    color: #3A5A40;
    font-weight: 600;
    margin-bottom: 0.5rem;
}
.meet-therapist-desc {
    font-size: 1rem;
    color: #222;
    margin-bottom: 0.5rem;
    line-height: 1.5;
}
@media (max-width: 991.98px) {
    .meet-therapist-card {
        padding: 1.25rem 1rem 1rem 1rem;
    }
    .meet-therapist-image {
        width: 48px;
        height: 48px;
        margin-right: 1rem;
    }
}
@media (max-width: 767.98px) {
    .meet-therapist-card {
        padding: 1rem 0.5rem 1rem 0.5rem;
        border-radius: 16px;
    }
    .meet-therapist-image {
        width: 40px;
        height: 40px;
        margin-right: 0.75rem;
    }
    .meet-therapist-name {
        font-size: 1rem;
    }
    .meet-therapist-desc {
        font-size: 0.95rem;
    }
}
/* Patients & Families Page Styles  */
.patient-support-section {
    background-color: #fff;
    padding: 50px 0;
}
 
.cancer-information {
    padding:50px 0 0rem;
    /* background-color: #E0DED7; */
}
.pediatric-section {
       padding: 50px 0 0rem;
    /* background-color: #E0DED7; */
    border-top: 1px solid black;
}
.publications-section {
    padding: 50px 0 0rem;
    /* background-color: #E0DED7; */
    border-top: 1px solid black;
}
.bm-boldanch {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Inter';
}
.trials-section {
     padding: 50px 0 0rem;
    /* background-color: #E0DED7; */
    border-top: 1px solid black;
}
.transplant-section {
    padding: 50px 0 0rem;
    /* background-color: #E0DED7; */
    border-top: 1px solid black;

}
.fertility-section {
    padding: 50px 0 0rem;
    /* background-color: #E0DED7; */
    border-top: 1px solid black;
}
.sexuality-section {
     padding: 50px 0 0rem;
    /* background-color: #E0DED7; */
    border-top: 1px solid black;
}
.financial-section {
    padding: 50px 0 0rem;
    /* background-color: #E0DED7; */
    border-top: 1px solid black;
}
.travel-section {
 padding: 50px 0 0rem;
    /* background-color: #E0DED7; */
    border-top: 1px solid black;
}
.survivorship-section {
 padding: 50px 0 0rem;
    /* background-color: #E0DED7; */
    border-top: 1px solid black;
}
.caregivers-section {
 padding: 50px 0 0rem;
    /* background-color: #E0DED7; */
    border-top: 1px solid black;
}
/* cancerbuddy page */
.cancerbuddy-hero {
    padding: 4rem 0 4rem;
    background-color: #fff;
}


/* CancerBuddy Page Enhancements */
.cancerbuddy-hero {
  background: #fff;
}
.cover-h1 {
    width: 100%;
    max-width: 1340px;
    margin: 0 auto;
    text-align: center;
}
.cubuddy-h1 {
    font-family: 'Domine';
    font-size: 44px;
    line-height: 1.15;
    color: #333333;
    margin-bottom: 0;
}

.cancerbuddy-hero .image-placeholder {
    width: 100%;
    /* max-width: 420px; */
    height: 620px;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    /* margin: 0 auto 1.5rem auto; */
    /* box-shadow: 0 8px 32px rgba(0,0,0,0.08); */
}
/* .cbuddy-strectch {
  display: flex;
  align-items: center;
  height: 100%;
      justify-content: flex-start;
} */
.cancerbuddy-hero .home-content {
  padding-left: 0;
  padding-top: 0;
}
.cancerbuddy-hero h2 {
    font-family: 'Domine';
    font-size: 36px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 10px;
}
.cancerbuddy-hero .subtitle {
    font-family: 'Inter';
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
    line-height: 28px;
}
.cancerbuddy-hero .store-links {
    display: flex;
    gap: 9%;
    margin-bottom: 1.2rem;
}
.cancerbuddy-hero .store-link {
    width: 160px !important;
    height: auto;
}
.cancerbuddy-hero .store-link img {
    width: 200px;
    height: auto;
}
.cancerbuddy-hero .qr-code img {
    width: 150px;
    height: auto;
    margin-bottom: 1.2rem;
}

.cancerbuddy-hero .btn-primary, .cancerbuddy-hero .btn {
  font-size: 1.1rem;
  font-family: 'Domine';
  font-weight: 600;
  border-radius: 100px;
  padding: 10px 28px;
}
.cancerbuddy-hero .btn-primary {
  background: #3A5A40;
  border: none;
}
.cancerbuddy-hero .btn-primary:hover {
  background: #588157;
}
.cancerbuddy-hero .btn-outline-primary {
  background: #fff;
  color: #3A5A40;
  border: 2px solid #3A5A40;
}
.cancerbuddy-hero .btn-outline-primary:hover {
  background: #3A5A40;
  color: #fff;
}
.cancerbuddy-hero .btn-outline-success {
  background: #fff;
  color: #588157;
  border: 2px solid #588157;
}
.cancerbuddy-hero .btn-outline-success:hover {
  background: #588157;
  color: #fff;
}

.cancerbuddy-howworks {
    background: #F5F5F0;
    padding: 50px 0;
}
.cancerbuddy-howworks h2 {
    font-family: 'Domine';
    font-size: 36px;
    font-weight: 400;
    color: #000;
    margin-bottom: 2.5rem;
}
.cancerbuddy-howworks .image-placeholder {
    width: 100%;
    height: 720px;
    background-size: cover;
    background-position: center;
    border-radius: 0px;
}
.cbuddy-standout .image-placeholder {
    width: 100%;
    height: 670px;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
}
.cancerbuddy-standout .image-placeholder{
  box-shadow: none !important;
  height: 648px;
background-repeat: no-repeat;
background-position: top;
    background-size: contain;
        width: 100%;
    max-width: 668px;
}
.cbuddy-howworks .cbuddy-h3 {
  font-family: 'Domine';
  font-size: 28px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 15px;
}
.cancerbuddy-howworks .cbuddy-p {
  font-family: 'Inter';
  font-size: 16px;
  color: #333333;
  line-height: 25px;
  margin-bottom: 0px;
}
.cancerbuddy-howworks .bg-secondary {
  background: #E0DED7 !important;
}
.cancerbuddy-howworks .row.text-center .fw-bold {
  font-family: 'Domine';
  font-size: 1.15rem;
  font-weight: 600;
  color: #3A5A40;
}
.cancerbuddy-howworks .row.text-center .text-muted {
  font-family: 'Inter';
  font-size: 1rem;
  color: #222 !important;
}

.cancerbuddy-whofor {
    background: #E0DED7;
    padding: 50px 0;
}
.cancerbuddy-whofor h2 {
    font-family: 'Domine';
    font-size: 36px;
    font-weight: 400;
    color: #000;
    margin-bottom: 2.5rem;
}
.cancerbuddy-whofor .card {
    background: #588157;
    color: #fff;
    border-radius: 20px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.cancerbuddy-whofor .card-img-top {
        /* width: 85%; */
    height: 350px;
    object-fit: cover;
    border-radius: 20px;
    /* margin: 39px auto 10px; */
     /* background: #fff; */
}
.cancerbuddy-whofor .card-title {
    font-family: 'Domine';
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 20px;
}
.cancerbuddy-whofor .card-text {
    font-family: 'Inter';
    font-size: 18px;
    color: #fff;
    font-weight: 400;
        line-height: 25px;
}
.cancerbuddy-whofor .card-body {
    flex: 1 1 auto;
    padding: 0px !important;
}
 .card-body {
    flex: 1 1 auto;
    padding: 1rem 2rem !important;
}
.cancerbuddy-standout {
  background: #fff;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.cancerbuddy-standout-description-container {
    width: 100%;
    max-width: 620px;
}
.cancerbuddy-standout h2 {
    font-family: 'Domine';
    font-size: 36px;
    font-weight: 500;
    color: #000;
    margin-bottom: 2.5rem;
}
.cancerbuddy-standout h3 {
    font-family: 'Inter';
    font-size: 20px;
    font-weight: 400;
    color: #000;
    margin-bottom: 10px;
}
.cancerbuddy-standout p {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px;
    line-height: 25px;
    padding-bottom: 20px;
    /* border-bottom: 2px solid #000; */
}
.cancerbuddy-standout ul {
  padding-left: 1.2rem;
}
.cancerbuddy-standout li {
  font-family: 'Inter';
  font-size: 1.15rem;
  color: #222;
  margin-bottom: 1.2rem;
  line-height: 1.7;
}



/* Contact Page Custom Layout */
.contact-row {
    min-height: 400px;
}
.contact-left {
    background: #588157;
    border-radius: 0px;
    padding: 50px;
}
.contact-left-inner {
  max-width: 620px;
}
.contact-right-inner {
    max-width: 620px;
    width: 100%;
}
.contact-left-inner .program-image-1 {
    border-radius: 20px;
    background-size: cover;
    background-position: 100%;
    height: 377px;
    display: flex;
    margin: 0 auto;
    object-fit: cover;
}
/* .contact-right-inner {
    padding: 5% 20% 5% 2%;
} */
.contact-img {
    width: 100%;
    border-radius: 16px;
    margin-bottom: 2rem;
    object-fit: cover;
    max-height: 260px;
}
.contact-question {
    color: #fff;
    font-family: 'Domine', serif;
    font-size: 36px;
    font-weight: 400 !important;
    margin-bottom: 25px;
    display: none;
}
.contact-intro-text {
    color: #fff;
    font-family: 'Inter' !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
}
.contact-right {
    background: #F5F7F0;
    border-radius: 0 12px 12px 0;
    padding: 50px;
}
.contact-form-custom {
    width: 100%;
}
.contact-input {
    border: 2px solid #5B7C5B !important;
    border-radius: 20px !important;
}
.contact-submit-btn {
    background: #5B7C5B !important;
    border-radius: 100px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    border: none !important;
    font-family: 'Domine' !important;
}

/* Privacy Notice Page Styles */
.privacy-header {
    /* padding-top: 40px; */
    /* padding-bottom: 0; */
    padding: 110px 0 0rem;
    background-color: #fff;
    text-align: center;
}
.privacy-header-title {
    color: #000;
    margin-bottom: 0px !important;
    font-size: 44px;
    font-family: 'Domine';
    font-weight:400;
}
.privacy-section {
  padding-top: 0;
  padding-bottom: 40px;
  background: #fff;
}
.privacy-section-title {
    color: #000;
    margin-top: 50px;
    font-size: 36px;
    font-family: 'Domine', serif;
    font-weight:400;
    margin-bottom: 1.2rem;
    line-height: 1.2;
}
.privacy-section p, .privacy-section ol, .privacy-section li {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 28px;
    margin-bottom: 1.2rem;
}
.privacy-section ol {
  padding-left: 1.5rem;
  margin-bottom: 2rem;
}
.privacy-section li {
  margin-bottom: 0.7rem;
}
.privacy-section a {
  color: #3A5A40;
  text-decoration: underline;
}
.child-safety-section {
  padding-top: 40px;
  padding-bottom: 40px;
  background: #fff;
}
.child-safety-header-title {
    color: #000;
    margin-bottom: 2.5rem !important;
    font-size: 44px;
    font-family: 'Domine';
    font-weight: 500;
}
.child-safety-section-title {
    color: #000;
    margin-top: 2.5rem;
    font-size: 36px;
    font-family: 'Domine', serif;
    font-weight: 500;
    margin-bottom: 1.2rem;
    line-height: 1.2;
}
.child-safety-section p {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    color: #000;
}
.child-safety-section ol {
    font-size: 18px;
    font-family: 'Inter';
    font-weight: 500;
}



/* Hide donation goal summary and progress bar */
.give-goal-progress,
.give-goal-progress-bar-wrap,
.give-goal-raised,
.give-goal-total,
.give-goal-progress-bar,
.give-goal-progress-bar-goal,
.give-goal-progress-bar-raised,
.give-goal-progress-bar-label,
.give-goal-progress-bar-text,
.give-goal-progress-bar-percentage {
    display: none !important;
}

/* Hide recurring donation checkbox and label */
/* label[for*='give-recurring'],
input[type='checkbox'][name*='give-recurring'] {
    display: none !important;
} */

/* Style the amount input and buttons for GiveWP */
.give-donation-amount, .give-amount, .give-amount-btn, .give-btn, .give-donation-level-btn, .give-donation-levels-wrap, .give-donation-levels, .give-donation-level, .give-donation-level-btn, .give-donation-levels .give-btn {
    border-radius: 0;
    border: 1px solid #ccc;
    /* background: #f8f8f8; */
    font-size: 1.1rem;
    margin: 0 2px 10px 0;
    padding: 10px 20px;
    color: #222;
    box-shadow: none;
    transition: background 0.2s, color 0.2s;
}
.give-donation-level-btn.active, .give-amount-btn.active, .give-donation-level-btn:focus, .give-amount-btn:focus {
    background: #444;
    color: #fff;
    border-color: #444;
}
.give-donation-amount input, .give-amount input, .give-donation-level input, .give-donation-levels input {
    border-radius: 0;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 1.1rem;
    padding: 10px 12px;
    margin-bottom: 10px;
}

/* Custom frequency toggle styles */
.donation-frequency-toggle {
    display: flex;
    gap: 0px;
    margin-bottom: 1.5rem;
}
.donation-frequency-toggle .tab-btn {
    background: #f5f7f0;
    color: #3A5A40;
    border: 1px solid #f5f7f0;
    border-bottom: 4px solid rgba(0, 0, 0, 1);
    border-radius: 0;
    font-size: 24px;
    padding: 10px 32px;
    width: 50%;
    font-weight: 400;
    font-family: 'Domine';
    transition: background 0.2s, color 0.2s;
}
.donation-frequency-toggle .tab-btn.active {
    background: #3A5A40;
    color: #fff;
}

/* Group amount buttons and custom amount field visually */
.give-donation-levels, .give-amount-buttons, .give-donation-amount {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 1rem;
}
.give-donation-amount input[type="text"], .give-amount input[type="text"] {
    min-width: 160px;
    max-width: 220px;
}
/* [id*=give-form] .give-recurring-donors-choice label {
    display: none !important;
} */
.give-recurring-donors-choice {
    display: none !important;
}
.give-form-title {
    display: none;
}
.give-form-container {
    padding: 3% 0 0;
}
.give-form-container .content-hub-header-description{
    font-family: Domine;
font-weight: 400;
font-size: 28px;
line-height: 125%;
letter-spacing: 2%;
text-align: center;
}
.give-form-container .content-hub-header-container{
      padding: 25px 0px 25px 0px;
}

.donation-left {
    background: #588157;
    border-radius: 0px;
    padding: 50px;
}
.donation-right {
    padding: 50px;

}
.donor-image {
    border-radius: 20px;
    background-size: cover;
    object-fit: cover;
    height: 344px;
    display: flex;
    margin: 0 auto;
}
.donor-content {
    padding-top: 26px;
}
.single-give_forms .contributors {
    display: none;
}
.donor-text {
    color: #fff;
    font-family: 'Inter' !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 30px;
}
.donor-p {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 26px;
}
.donor-text-bold {
    font-weight: 700;
}
.donor-link {
    color: #fff;
    text-decoration: underline;
    font-weight: 700;
}
.donor-link:hover{
    color: white !important;
}
.give-donation-levels-wrap {
    border: none;
    /* background: #f5f7f0; */
    font-size: 24px !important;
    margin: 0 2px 10px 0;
    padding: 10px 20px;
    color: #222;
    box-shadow: none;
    transition: background 0.2s, color 0.2s;
} 
#give-donation-level-button-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px; /* Adjust spacing as needed */
}

@media (max-width: 767px) {
  #give-donation-level-button-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
#give-donation-level-button-wrap>li {
 
    margin: 0 0px 0px 0 !important;
   width: 100%;
  
}

.give-donation-levels-wrap .give-btn {
       width: 100%;
    color: #3A5A40;
    border: 2px solid #3A5A40;
    background-color: #f5f7f0 !important;
    padding: 10px 0px;
    font-size: 18px;
    font-weight: 700; 
    border-radius: 100px;
    font-family: 'Domine';
    margin-bottom: 0px ;

}
.give-donation-levels-wrap .give-default-level {
    background-color: #3A5A40 !important;
    color: #f5f7f0 !important;
}
.give-donation-amount {
    border-radius: 0 !important;
    border: none !important;
    background: #f5f7f0 !important;
    font-size: 18px !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    transition: background 0.2s, color 0.2s;
}
.give-btn {
    width: 100%;
    color: #fff;
    border: 1px solid #3A5A40;
    background-color: #3A5A40 !important;
    border-color: #3A5A40;
    padding: 10px 20px;
    font-weight: 500;
    border-radius: 100px;
    font-size: 18px;
    font-family: 'Domine';
}
.give-btn:hover {
    color: #FFF !important;
    background-color: #588157 !important;
    border-color: #588157 !important;
}

/* === Custom GiveWP Donation Amount Input Styles === */
.give-donation-amount.custom-amount-input {
    display: flex;
    align-items: center;
    margin: 16px 0 24px 0;
    border: 2px solid #3A5A40;
    border-radius: 32px;
    background: #fff;
    padding: 0 0 0 18px;
    height: 56px;
    box-sizing: border-box;
    max-width: 420px;
    position: relative;
}
.give-donation-amount.custom-amount-input .give-currency-symbol {
    font-size: 22px;
    color: #3A5A40;
    font-weight: 700;
    margin-right: 8px;
    position: relative;
    top: 1px;
}
.give-donation-amount.custom-amount-input input.give-amount-top {
    border: none;
    outline: none;
    font-size: 22px;
    font-family: 'Domine', serif;
    color: #3A5A40;
    background: transparent;
    width: 100%;
    padding: 0 16px 0 0;
    height: 54px;
    box-shadow: none;
    border-radius: 0 32px 32px 0;
    transition: background 0.2s, box-shadow 0.2s;
}
.give-donation-amount.custom-amount-input input.give-amount-top:focus {
    background: #F3F6F2;
}
.give-donation-amount.custom-amount-input input.give-amount-top::placeholder {
    color: #A3B18A;
    opacity: 1;
    font-size: 20px;
}

/* Remove number input arrows for Chrome, Safari, Edge */
.give-donation-amount.custom-amount-input input[type="number"]::-webkit-outer-spin-button,
.give-donation-amount.custom-amount-input input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.give-donation-amount.custom-amount-input input[type="number"] {
    -moz-appearance: textfield;
}

@media (max-width: 600px) {
    .give-donation-amount.custom-amount-input {
        max-width: 100%;
        height: 48px;
        padding-left: 12px;
    }
    .give-donation-amount.custom-amount-input input.give-amount-top {
        font-size: 18px;
        height: 46px;
    }
}

/* === OVERRIDE GiveWP PLUGIN AMOUNT INPUT STYLES === */
.give-total-wrap .give-donation-amount.custom-amount-input {
 
    display: flex !important;
    align-items: start !important;
    margin: 0px 0 24px 0 !important;
    /* border: 2px solid #3A5A40 !important; */
    border: 2px solid rgba(58, 90, 64, 1) !important;
    border-radius: 10px !important;
    background: white !important;
    padding: 0 0 0 18px !important;
    height: 56px !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    position: relative !important;
    box-shadow: none !important;
}
.give-total-wrap .give-donation-amount.custom-amount-input .give-currency-symbol {
    font-size: 22px !important;
    color: #3A5A40 !important;
    font-weight: 700 !important;
    margin-right: 8px !important;
    position: relative !important;
    top: 14px !important;
    background: none !important;
    border: none !important;
    height: auto !important;
    line-height: normal !important;
    padding: 0 !important;
    float: none !important;
}
.give-total-wrap .give-donation-amount.custom-amount-input input.give-amount-top {
    border: none !important;
    outline: none !important;
    font-size: 22px !important;
    font-family: 'Domine', serif !important;
    color: #3A5A40 !important;
    background: #f5f7f00d !important;
    width: 100% !important;
    padding: 0px 16px 0 0 !important;
    box-shadow: none !important;
    border-radius: 10px !important;
    transition: background 0.2s, box-shadow 0.2s !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: -4% 0 0 0;
}
.give-total-wrap .give-donation-amount.custom-amount-input input.give-amount-top:focus {
    background: transparent !important;
}
.give-total-wrap .give-donation-amount.custom-amount-input input.give-amount-top::placeholder {
    color: #A3B18A !important;
    opacity: 1 !important;
    font-size: 20px !important;
}
.give-donation-amount.custom-amount-input .custom_input_text {
    border: none !important;
    outline: none !important;
    font-size: 22px !important;
    font-family: 'Domine', serif !important;
    color: #3A5A40 !important;
    background: #f5f7f00d !important;
    width: 100% !important;
    padding: 0px 16px 0 0 !important;
    box-shadow: none !important;
    border-radius: 0 32px 32px 0 !important;
    transition: background 0.2s, box-shadow 0.2s !important;
    min-width: 0 !important;
    max-width: 100% !important;
    /* height: 49px !important; */
    margin: -4% 0 0 0;
    text-align: start !important;
    padding-left: 30px !important;
}
.give-donation-amount.custom-amount-input .custom_input_text::placeholder {
        color: #3A5A40 !important;
} 
#give-donation-level-button-wrap {
   
    margin: 0 0 0px !important;
    
}
#give-donation-level-button-wrap::before {
  display: none !important;
  content: none !important;
}
.employer-input {
    border-radius: 10px !important;
    margin-top: 10px !important;
}
.employer-input::placeholder {
        color: #3A5A40 !important;
}
.custom-give-meta-fields > div{
    margin-bottom: 0px !important;
}
.single-give_forms form[id*=give-form] legend {
   display: none !important;
}
.single-give_forms form[id*=give-form] .form-row label {
   display: none !important;
}
.single-give_forms #give_secure_site_wrapper {
    display: none !important;

}
.single-give_forms .give-btn.give-submit{
       background-color: #3F6248;
    border-color: #3F6248;
    border-radius: 25px;
    padding: 12px 30px;
    font-weight: 600;
    width: 100%;
    transition: all 0.2s ease;
    color: white !important;
    font-size: 16px !important;
    font-family: "Domine";

}

.single-give_forms .give-btn.give-submit:hover{
        background-color: #2D4834;
    border-color: #2D4834;
    transform: translateY(-1px);
}
div#give_purchase_form_wrap {
    margin-top: 20px;
}
#give-recurring-form .form-row .give-input-field-wrapper, 
#give-recurring-form .form-row input[type=email], 
#give-recurring-form .form-row input[type=password],
#give-recurring-form .form-row input[type=tel], 
#give-recurring-form .form-row input[type=text], 
#give-recurring-form .form-row input[type=url], 
#give-recurring-form .form-row select, 
#give-recurring-form .form-row textarea, 
form.give-form .form-row .give-input-field-wrapper, 
form.give-form .form-row input[type=email], 
form.give-form .form-row input[type=password], 
form.give-form .form-row input[type=tel], 
form.give-form .form-row input[type=text], 
form.give-form .form-row input[type=url], 
form.give-form .form-row select, 
form.give-form .form-row textarea,
form[id*=give-form] .form-row .give-input-field-wrapper, 
form[id*=give-form] .form-row input[type=email], 
form[id*=give-form] .form-row input[type=password], 
form[id*=give-form] .form-row input[type=tel], 
form[id*=give-form] .form-row input[type=text], 
form[id*=give-form] .form-row input[type=url], 
form[id*=give-form] .form-row select, 
form[id*=give-form] .form-row textarea {
    background-color: white !important;
    border: 2px solid #3A5A40 !important;
    box-sizing: border-box !important;
    color: #3A5A40 !important;
    margin: 0 !important;
    outline: none !important;
    padding: 12px 16px !important;
    width: 100% !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    font-family: 'Domine' !important;
}
form.give-form .form-row input[type=text]::placeholder,form.give-form .form-row input[type=email]::placeholder,form.give-form .form-row input[type=number]::placeholder,.give_input_field::placeholder{
    color: #3A5A40 !important;
    font-family: 'Inter';
    font-size: 18px;
    font-weight: 400;
}
.single-give_forms .ElementsApp{
    color: #3A5A40 !important;
    font-family: 'Inter' !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}
.single-give_forms .ElementsApp input {
            color: #3A5A40 !important;
    font-family: 'Inter' !important;
    font-size: 18px !important;
    font-weight: 400 !important;

}
.ElementsApp input.InputElement.is-invalid {
            color: #3A5A40 !important;

}
.ElementsApp, .ElementsApp input.InputElement{
            color: #3A5A40 !important;
    font-family: 'Inter' !important;
    font-size: 18px !important;
    font-weight: 400 !important;

}
.InputContainer input.InputElement {
        color: #3A5A40 !important;
    font-family: 'Inter' !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}
.ElementsApp input::placeholder {
       color: #3A5A40 !important;
    font-family: 'Inter' !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}
form[id*=give-form] input[type=checkbox] {
    margin: 0 15px 0 0;
}
input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 25px  !important;
  height: 25px !important;
  border: 2px solid #3A5A40 !important;
  border-radius: 0px !important;
  cursor: pointer !important;
  position: relative;
}

input[type="checkbox"]:checked::after {
  content: "✓";
  position: absolute;
  top: -3px;
  left: 4px;
  color: #3A5A40;
  font-size: 22px;
}
.donation_form_label_checkbox {
font-family: Inter;
font-weight: 700;
font-size: 16px;
line-height: 125%;
letter-spacing: 0%;
color: #000000;
}
.give_input_field{
    background-color: white !important;
    border: 2px solid #3A5A40 !important;
    box-sizing: border-box !important;
    color: #3A5A40 !important;
    margin: 0 !important;
    outline: none !important;
    padding: 12px 16px !important;
    width: 100% !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    font-family: 'Domine' !important;
}
#give-recurring-form .form-row label, 
form.give-form .form-row label, 
form[id*=give-form] .form-row label {
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: 'Inter' !important;
    color: #000 !important;
    display: block !important;
    line-height: 1.7 !important;
    margin: 0 0 5px !important;
    position: relative !important;
}
form[id*=give-form] legend {
    background-color: transparent !important;  
    color: #3a5a40 !important;
    font-family: 'Domine' !important;
    border-bottom: 1px solid #3A5A40 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 10px 0 15px !important;
    padding: 0 0 5px !important;
    width: 100% !important;
}
.form-row .give-stripe-cc-field {
    background-color: #fff !important;
    border: 2px solid #3A5A40 !important;
    box-sizing: border-box !important;
    color: #3A5A40 !important;
    margin: 0 !important;
    outline: none !important;
    padding: 12px 16px !important;
    width: 100% !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    font-family: 'Inter' !important;
}

form[id*=give-form] #give-final-total-wrap .give-donation-total-label {
    background-color: #f5f7f0 !important;
    border: none !important;
    box-sizing: border-box !important;
    color: #3a5a40 !important;
    float: left !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    height: 35px !important;
    line-height: 35px !important;
    margin: 0 !important;
    padding: 0 12px !important;
}
form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
    background: #f5f7f0 !important;
    border: none !important;
    border-left: none !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    float: left !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #000 !important;
    height: 35px !important;
    line-height: 35px !important;
    margin: 0 !important;
    padding: 0 12px !important;
}
form[id*=give-form] #give-final-total-wrap {
   background-color: #3a5a40 !important ;
   border-radius: 10px;
   padding: 10px 20px !important;
}
form[id*=give-form] #give-final-total-wrap .give-donation-total-label,form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
       background-color: transparent !important ;
       color: white !important;
}

.grayscale-image {
    filter: grayscale(100%);
}
  
@media (max-width: 600px) {
    .give-total-wrap .give-donation-amount.custom-amount-input {
        max-width: 100% !important;
        height: 48px !important;
        padding-left: 12px !important;
    }
    .give-total-wrap .give-donation-amount.custom-amount-input input.give-amount-top {
        font-size: 18px !important;
        height: 46px !important;
    }
}

/* CancerBuddy Demo Page Styles */
.cancerbuddy-demo {
    background-color: #F5F5F0;
}
.cancerbuddy-demo-sn {
    padding: 6rem 0px 50px;
    background-color: #fff;
}
.cancerbuddy-demo h1 {
    color: #333333;    
    font-size: 44px;
    font-weight: 400;
    margin-bottom: 0px;
}
.cancerbuddy-demo-info {
    padding: 50px 0 50px 50px;
    background-color: #588157;
}
.cancerbuddy-demo h2 {
    color: #fff;
    font-size: 44px;
    font-weight: 400;
    margin-bottom: 1.5rem !important;
}

.cancerbuddy-demo .lead-b {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0;
}

.cancerbuddy-form {
    max-width: 600px;
    margin: 0 auto;
    padding: 2rem;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.cancerbuddy-form .form-label {
    color: #333;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.cancerbuddy-form .contact-input {
    border: 1px solid #E0DED7;
    border-radius: 25px;
    padding: 12px 20px;
    font-size: 16px;
    width: 100%;
    background-color: #fff;
    transition: border-color 0.2s ease;
}

.cancerbuddy-form .contact-input:focus {
    border-color: #3F6248;
    outline: none;
    box-shadow: 0 0 0 2px rgba(63, 98, 72, 0.2);
}

.cancerbuddy-form .form-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
    padding-right: 2.5rem;
}

.cancerbuddy-form .btn-primary {
    background-color: #3F6248;
    border-color: #3F6248;
    border-radius: 25px;
    padding: 12px 30px;
    font-weight: 600;
    width: 100%;
    transition: all 0.2s ease;
}

.cancerbuddy-form .btn-primary:hover {
    background-color: #2D4834;
    border-color: #2D4834;
    transform: translateY(-1px);
}

/* Responsive Styles */
@media (max-width: 767.98px) {
  
    
  
  
    .cancerbuddy-form {
        padding: 1.5rem;
    }
}

/* CancerBuddy Demo Form Styles */
.cancerbuddy-demo .contact-input,
.cancerbuddy-demo .form-select {
    border: 1px solid #E0DED7;
    border-radius: 25px;
    padding: 12px 20px;
    font-size: 16px;
    width: 100%;
    background-color: #fff;
}

.cancerbuddy-demo .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
}

.cancerbuddy-demo .btn-primary {
    background-color: #3F6248;
    border-color: #3F6248;
    padding: 10px 30px;
}

.cancerbuddy-demo .btn-primary:hover {
    background-color: #2D4834;
    border-color: #2D4834;
}



/* --- CancerBuddy Demo Select Styling Fixes --- */
.cancerbuddy-demo .form-select,
.cancerbuddy-demo select.contact-input {
    color: #3A5A40 !important;
}
.cancerbuddy-demo .form-select option,
.cancerbuddy-demo select.contact-input option {
    color: #3A5A40;
}
.cancerbuddy-demo .form-select:invalid,
.cancerbuddy-demo select.contact-input:invalid {
    color: #3A5A40 !important;
    opacity: 1;
}

/* Placeholder color for select (works in Chrome, Edge, Safari) */
.cancerbuddy-demo .form-select option[disabled][selected],
.cancerbuddy-demo select.contact-input option[disabled][selected] {
    color: #3A5A40 !important;
    opacity: 1;
}

/* Webkit dropdown background and text color */
.cancerbuddy-demo .form-select option,
.cancerbuddy-demo select.contact-input option {
    background: #3A5A40;
    color: #fff;
    font-size: 20px;
    font-family: 'Inter';
}
.cancerbuddy-demo .form-select option, .cancerbuddy-demo select.contact-input option:hover {
    background: #5e9267 !important;
}

/* For Chrome, Safari, Edge */
.cancerbuddy-demo .form-select::-webkit-input-placeholder,
.cancerbuddy-demo select.contact-input::-webkit-input-placeholder {
    color: #3A5A40;
}

/* For Firefox */
.cancerbuddy-demo .form-select:-moz-placeholder,
.cancerbuddy-demo select.contact-input:-moz-placeholder {
    color: #3A5A40;
    opacity: 1;
}
.cancerbuddy-demo .form-select::-moz-placeholder,
.cancerbuddy-demo select.contact-input::-moz-placeholder {
    color: #3A5A40;
    opacity: 1;
}
.cancerbuddy-demo .form-select:-ms-input-placeholder,
.cancerbuddy-demo select.contact-input:-ms-input-placeholder {
    color: #3A5A40;
}

/* For dropdown list background in Webkit browsers */
.cancerbuddy-demo .form-select,
.cancerbuddy-demo select.contact-input {
    background-color: #fff;
}

/* Try to force dropdown list background and text color in Webkit */
.cancerbuddy-demo .form-select option,
.cancerbuddy-demo select.contact-input option {
    background-color: #3A5A40 !important;
    color: #fff !important;
}

/* Remove blue highlight on select in Chrome */
.cancerbuddy-demo .form-select:focus,
.cancerbuddy-demo select.contact-input:focus {
    outline: 2px solid #3A5A40;
    box-shadow: 0 0 0 2px #3A5A40;
}
.cancerbuddy-demo .wpcf7-form p { margin-bottom: 0px !important;}
/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
  }
  
  /* Style the buttons inside the tab */
  .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
  }
  
  /* Change background color of buttons on hover */
  .tab button:hover {
    background-color: #ddd;
  }
  
  /* Create an active/current tablink class */
  .tab button.active {
    background-color: #ccc;
  }
  
  /* Style the tab content */
  .tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
  }
.bmy-5 {
    margin-top: 4rem !important;
    margin-bottom: 3rem !important;
}
.blog-badge { font-size: 1rem; }
/* .blog-header-image { height: 477px; width: 100%; } */
.blog-card-image { height:255px; }
/* .blog-card-image.featured-image {
    height:400px;
} */
.category-badge { font-size: 1rem; }
.min-width-220 { min-width: 220px; }
.rounded-pill { border-radius: 100px !important; }
.load-more-btn { font-size: 1.2rem; }
.newsletter-title { font-size: 2rem; font-weight: 700; color: #3A5A40; }
.newsletter-form { max-width: 500px; margin: 0 auto; }
.newsletter-input { border-radius: 100px; max-width: 250px; }

/* // new css  */
.how-it-work-apply-container {
            background: linear-gradient(to right, #F5F5F0 50%, #E0DED7 50%);
}

.program-row-container {
    background: linear-gradient(to right, #5F825F 50%, #E0DED7 50%);

}
.program-row-container-2 {
    background: linear-gradient(to right, #E0DED7 50%, #5F825F 50%);

}
.contact-form-container {
    background: linear-gradient(to right, #588157 50%, #F5F5F0 50%);

}
.hero .container{
    left: -4%;
    transform: translate(6%, 23%);
}

.donate-btn {
    font-weight: 700 !important;
    font-size: 18px !important;
}
.learn-more-btn{
    letter-spacing: 0.3px;
}

a.btn.btn-primary.mob-dspl.book-demo-btn{
    background-color: #588157;
    border: 1px solid #588157;
}
.light-green-btn {
  background-color: #588157 !important;
  border: 1px solid #588157 !important;
  color: white !important;
}

.light-green-btn:hover {
  background-color: #3A5A40 !important;
  border: 1px solid #3A5A40 !important;
}



.tool-card.green-card {
    background-color: #588157;
    color: white;
}
a.mail-anchor-tag {
    color: black !important;
}
@media screen and (max-width:767px) {
  
    .give-donation-amount.custom-amount-input .custom_input_text {
            margin: -7% 0 0 0;
    }
    .give-total-wrap .give-donation-amount.custom-amount-input .give-currency-symbol {
        top: 10px !important;
    }
    .navbar-light .navbar-nav .nav-link {
       justify-content: space-between;
    }
    .how-it-work-apply-container {
        background: linear-gradient(to bottom, #F5F5F0 55%
    55%
    , #E0DED7 50%);
    }
  
   .carelines-header,.housing-header,.therapists-header,.upcoming-events {
        padding: 6rem 0 30px;

    }
    .board-header,.about-header{
        padding: 6rem 0 10px;

    }

    .mission,.cancer-buddy,.carelines-section,.contributors,.tools-section,.start-carelines,.comparison-section,.cta-section,.sponsor-section,.patient-support-section,.board-members,.schedule-section,.cancerbuddy-hero,.cancerbuddy-howworks,.cancerbuddy-whofor,.cancerbuddy-standout,.upcoming-events-posts,.what-we-do,.founder-section,.leadership-section,.testimonials,.content-common-section,.content-hub-header-container,.cancer-information,.pediatric-section,.publications-section,.trials-section,.transplant-section,.fertility-section,.sexuality-section,.financial-section,.travel-section,.survivorship-section,.caregivers-section {
        padding: 30px 0 !important;
    
    }
    .cancer-information,.pediatric-section,.publications-section,.trials-section,.transplant-section,.fertility-section,.sexuality-section,.financial-section,.travel-section,.survivorship-section,.caregivers-section {
        padding: 30px 0px 0px !important;
    
    }
    .bm-4 {
        padding-top: 0rem !important;
    }
    .bg-porcelean {
        padding: 30px 16px;
    }
    .bg-mushroom{
        padding: 30px 16px;
    }
    .green-side, .white-side {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .give-form-container {
        padding: 7% 0 0;
    }
    .contact-left{
        padding:30px 20px ;
    }
    .contact-right,.donation-left,.donation-right{
        padding: 30px 20px !important ;

    }
  .donation-form form {
    margin-bottom: 0px !important;
  }
    .contact-left-inner .program-image-1 {
    
        background-size: contain;
        background-position: 100%;
        height: 212px;
      
    }
    .program-image-1{
       
        height: 253px;
        background-size: cover;
        background-position: center;
    }
    .program-image-2{
        
        height: 253px;
        background-size: cover;
        background-position: center;
    }
    .program-image-3 {
        
        height: 253px;
        background-size: cover;
        background-position: center;
    }
    .program-image-4 {
      
        height: 253px;
        background-size: cover;
        background-position: center;
    }
    .carelines-section .image-container {
        height: 253px;
        padding: 0px !important;
    }
    .sponsor-section .image-container {
        height: 253px;
        margin-bottom: 25px;
        background-size: cover !important;


    }
    .contributors .image-container {
       background-size: contain;
        height: 290px;
        padding: 0px !important;
      
    }
    .start-carelines .placeholder-image {
        height: 404px;
        background-size: cover;
        background-position: center;
    }
    .patient-support-section div.image-placeholder  {
        background-position: center !important;
        margin-bottom: 0px !important;
        height: 253px !important;
        background-size: cover;
        }
        .patient-support-section div.image-placeholder.responsive-image-height{ 
        height: 402px !important;
        margin-bottom: 0px !important;

        }
        .founder-image {
            height: 360px !important;
            background-position:41% 5% !important;
        }
    .hero .container{
        left: 0%;
        transform: translate(0%, -0%);
    }
    
    /* // new css  */
.how-it-work-apply-container {
            padding: 0px ;
}
 .placeholder-image {
    background-size: contain;
    height: 420px;
   
}
 .board-breadcrumb .active {
    /* display: block; */
    white-space: pre;
    margin-top: 10px;
 }


 .board-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 25px;
    align-items: baseline;
    padding-top: 7%;
}


.image-placeholder.pt-adjust.responsive-image-height {
    height: 350px !important;
}
.privacy-header,
  .privacy-section,
  .child-safety-section {
    padding-left: 10px;
    padding-right: 10px;
   
  }
  .privacy-header,.privacy-section {
    padding-bottom: 0px;
   
  }
 .child-safety-section {
    padding-top: 30px;
    padding-bottom: 30px;
 }
  .privacy-section-title {
    margin-top: 30px;
  }
  
  .privacy-section p, .privacy-section ol, .privacy-section li {
    font-size: 16px;
  }
  .mission .mis-1 {
    font-size: 18px !important;
    line-height: 26px !important;
}

  .how-it-works h2,.housing-header h1,.sponsor-section h2,.therapists-header h1,.info-patients-header h1,.info-patients-section-title,.cubuddy-h1,.cancerbuddy-howworks h2,.cancerbuddy-whofor h2,.cancerbuddy-standout h2,.about-header h1,.what-we-do h2,.testimonials h2,.housing-assistance ,.patient-support-header h1,.cancerbuddy-demo h2,.cancerbuddy-demo h1,.founder-section h2,.contact-question,.bonemarrow-donor-section h1,  .privacy-header-title,.child-safety-header-title,.privacy-section-title,.child-safety-section-title.event-deatil-card-text-heading,.event-detail-upcoming-event-container h4,.event-detail-event-heading, .heading-h2,.cancer-buddy h3,.cancer-buddy h4 ,.heading-h1,.cancerbuddy-demo h2 ,.board-header h1,.upcoming-events .upcoming-h1 ,.upevents-h1,.contact-page h1,.contributors h3
    { 
    font-size: 25px !important;
}
.cancer-buddy h4{
    line-height: 32px;
}
.cbuddy-howworks .cbuddy-h3,.cancerbuddy-hero h2 {
    font-size: 22px;
}
.about-intro p,.contact-submit-btn,.date-time {
    font-size: 18px !important ;
}
.about-intro p{
    line-height: 30px !important;
}
.cancerbuddy-hero .store-link img {
    width: 100%;

}
.cancerbuddy-whofor .card-img-top {
        height: 350px !important
    }

.cancerbuddy-standout .image-placeholder {
        height: 387px ;
        margin-bottom: 0px !important;
}
.cancerbuddy-hero .image-placeholder {
   
    height: 414px;
    background-size: auto;
    
}
    .cancerbuddy-hero .btn-primary, .cancerbuddy-hero .btn {
        font-size: 14px !important;
        white-space: pre;
    }
    .donation-frequency-toggle .tab-btn {
        font-size: 18px !important;
        transition: background 0.2s, color 0.2s;
    }
    .event-detail-upcoming-event-container {
  
        padding: 50px 0px !important;
    }
  /* .event-details-upcoming-event-image.event-image-1 {
    background-size: cover;
    height: 253px;
  }
  .event-details-upcoming-event-image.event-image-2 {
    background-size: cover;
    height: 253px;
    background-position: 100% 63%;
} */
  .financial-carelines .image-placeholder {
    height: 388px !important;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 0px !important;
}
.housing-assistance .image-placeholder {
    height: 388px !important;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 0px !important;
}
.cta-section h2{
    line-height: 30px;
}
.row-item {
    font-size: 16px;
    line-height: 23px;
}
.header-item {

    font-size: 18px;
   
}
.navbar-nav .nav-button-md {
    margin-left: 0px !important;
}
.navbar-nav .dropdown-menu.show {
 
    padding-left: 0px;
}
.store-links{
    flex-direction: column;
    align-items: center;
    gap: 10px !important;
}
}

@media screen and (min-width: 991px) and (max-width: 1024px) {
    .start-carelines .placeholder-image {
      background-size: contain;
      height: 453px;
    }
    .patient-support-section .image-placeholder  {
        background-size: contain;
        height: 306px !important;
    }
    .patient-support-section .image-placeholder.responsive-image-height{
      background-size: contain;
      height: 458px  !important;

  }

  }
  @media screen and (max-width: 991px) {
    .store-links{
        justify-content: center;
        gap: 30px;
    }
  
  
  }
 
@media screen and (max-width:1024px) {
    /* .sidebar-widgets{
            display: flex;
    flex-direction: column;
    align-items: center;
    } */
       .patient_story_footer_right_col,.patient_story_footer_left_col{
          padding-left: 0px;
          padding-right: 0px;
    }
    .patient_story_footer_right_col a,.patient_story_footer_left_col a {
    font-size: 22px !important;
    }
    .patientnav_description_contaier .patient_name {
    font-size: 26px !important;

    }
    .heading-h2 {
        margin-bottom: 15px;
    }
   
    .event-image {
        text-align: center;
    }
    .founder-image{
        height: 694px;
      }
    .patient-support-section .image-placeholder  {
        background-position: center !important;
        margin-bottom: 0px !important;
        height: 420px !important;
        }
        .patient-support-section .image-placeholder.responsive-image-height{ 
        height: 520px !important;

        }
    .sponsor-section .image-container {
        background-size: contain;
        background-repeat: no-repeat;
    }
    .cancer-buddy .image-container {
        background-position: center !important;
        background-size: cover;
    }
    .contributors {
        padding: 50px 0px ;
    }
    .contributors h3 {
       line-height: 40px;
    }
  
    .give-donation-levels-wrap .give-btn {

        font-size: 16px !important;
      
    }
    .cover-h1 {
        padding: 0px 15px;
    }
    p.lead,.founder-section p {
        font-size: 16px !important;
    }
   
    /* .financial-carelines .image-placeholder {
        height: 451px;
      
       
    }
    .housing-assistance .image-placeholder {
        height: 451px;
    } */
   
    .cancerbuddy-hero .image-placeholder,
    .cancer-buddy .image-container {
        height: 450px;
    }
  
    .program-row-container .container {
       max-width: 100%;
       margin: 0px;
    }
    .program-row-container-2 .container {
        max-width: 100%;
        margin: 0px;
     }
    .navbar-nav {
        gap: 20px !important;
       }
  
    .donation-frequency-toggle .tab-btn {
        font-size: 20px !important;
        transition: background 0.2s, color 0.2s;
    }
  
    .contact-page{
        padding: 7rem 0 0rem;
    }
    
    .navbar .dropdown-menu .menu-item{
        padding: 10px !important;
      
      }
    .board-member {
        gap: 10px;
    }
    .contact-form .form-control::placeholder {
       
        font-size: 18px !important;
    }
    
    .cancerbuddy-demo-info {
        padding-left: 0px !important
    }
    .setupper-gap {
        margin-bottom: 30px;
    }
    .info-patients-header {
        padding-bottom:0px ;
    }
    
.mission .mis-1 {
    font-size: 22px;
    line-height: 33px;
  
}
.mission .mis-2 {
    font-size: 16px !important;
    line-height: 25px;
}

   
    .resource-title{
        font-size: 18px !important;
    }
   
    .privacy-section p, .privacy-section ol, .privacy-section li {
        font-size: 16px;
      }
      .heading-h1 {
        font-size: 35px;
    }
  
      .how-it-works h2,.housing-header h1,.sponsor-section h2,.therapists-header h1,.info-patients-header h1,.info-patients-section-title,.cubuddy-h1,.cancerbuddy-howworks h2,.cancerbuddy-whofor h2,.cancerbuddy-standout h2,.about-header h1,.what-we-do h2,.testimonials h2,.housing-assistance ,.patient-support-header h1,.cancerbuddy-demo h2,.cancerbuddy-demo h1,.founder-section h2,.contact-question,.bonemarrow-donor-section h1,  .privacy-header-title,.child-safety-header-title,.privacy-section-title,.child-safety-section-title,.event-detail-upcoming-event-container h4,.event-detail-event-heading, .heading-h2,.cancer-buddy h3,.cancer-buddy h4,.section-title,.cancerbuddy-demo h2 ,.board-header h1,.upcoming-events .upcoming-h1 ,.upevents-h1 ,.contact-page h1,.contributors h3{
    font-size: 30px !important;
}

.cbuddy-howworks .cbuddy-h3,.cancerbuddy-hero h2 {
    font-size: 25px;
}
  .cancerbuddy-whofor .card-text {
    font-size: 15px;
    line-height: 20px;
}
.cancerbuddy-standout h3,.about-intro p,.event-details h3 {
    font-size: 22px;
}
.about-intro p{
    line-height: 30px;
}
.cancerbuddy-standout p,.what-we-do p,.leadership-intro p,.testimonial-card blockquote,.contact-intro-text {
    font-size: 18px;
    line-height: 23px;
}

.cancerbuddy-hero .btn-primary, .cancerbuddy-hero .btn {
    font-size: 16px;
}
.sponsor-section{
    margin: 0 0px;
}
.btn-primary {
    font-size: 18px;
}
.cancerbuddy-whofor .card-title {
    font-size: 22px;
    margin-bottom: 10px;
}
.placeholder-image { background-size: cover;
   
}
.cancer-buddy {
    padding: 50px 0px;
}
.carelines-section {
    padding: 65px 0px;
}

/* .cbuddy-strectch {
    justify-content: start;
} */
.contributors p {
        font-size: 15px;
        line-height: 21px;
   
}

    .ms-8{
  margin-left: 0px;
}
.me-8{
margin-right: 0px;
}
 .cancerbuddy-whofor .card-img-top {
    height: 195px;
  }
  .program-content p,.program-content-1 p,.program-content-3 p,.program-content-4 p,.carelines-section p {
    font-size: 16px;
    line-height: 22px;
}

 
}


@media screen and (max-width:1500px) and (min-width:1200px) {
    /* set container width for below 1500px  */
.container {
max-width: 1290px;
}
    
}
@media (min-width: 1400px) {
   .container {
        max-width: 1290px;
    }
}
/* css for align form error  */
.wpcf7-not-valid-tip {
    text-align: left;
}

/* design top header menu options  */
.navbar .dropdown-menu {
    padding: 0px;
    border-radius: 10px;
}
.navbar .dropdown-menu .menu-item{
    background-color: #E0DED7;

}
.navbar .dropdown-menu .menu-item:first-child {
    border-radius: 10px 10px 0px 0px;
}
.navbar .dropdown-menu .menu-item:last-child {
    border-radius: 0px 0px 10px 10px;
}
.navbar .dropdown-menu .menu-item .dropdown-item {
   color: black ;
   font-size: 18px;
   font-weight: 400;
   font-family: 'Domine'
}


@media screen and (min-width:1024px) {

  
    .board-member-col:nth-child(even) {
        padding-left: 5px !important; /* ps-0 */
      }
      
      /* Or, if you want odd columns instead */
      .board-member-col:nth-child(odd) {
        padding-right: 5px !important; /* ps-0 */
      }
      .board-members .row .board-memberadv-col.card_design_one {
        padding-right: 0px;
    }
    .board-members .row .board-memberadv-col.card_design_two {
        padding-left: 10px;
        padding-right: 10px;
     }
     .board-members .row .board-memberadv-col.card_design_three {
        padding-left: 0px;
     }
  
      
}
@media screen and (min-width:767px) {
    
      
      .testonomial-col:nth-child(even) {
        padding-left: 5px !important; /* ps-0 */
      }
      
      /* Or, if you want odd columns instead */
      .testonomial-col:nth-child(odd) {
        padding-right: 5px !important; /* ps-0 */
      }
}

.board-members .row .board-memberadv-col:nth-child(1) .board-member-advisory {
    background-color: #3A5A40;
}

.board-members .row .board-memberadv-col:nth-child(1) .board-member-advisory .member-info .member-title {
   color: white;
}
.board-members .row .board-memberadv-col:nth-child(1) .board-member-advisory .member-info h3 {
    color: white;
 }.board-members .row .board-memberadv-col:nth-child(1) .board-member-advisory .member-info p {
    color: white;
 }




.contact-form p {
    margin-bottom: 0px;
}

.event-detail-img-container img {
    width: 100%;
    border-radius: 20px !important;
}
.event-detail-description-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}
.event-detail-upcoming-event-container {
    background-color: #F5F5F0;
    padding: 50px;
}
/* .event-details-upcoming-event-image{
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
} */
.upcoming-event-details-container{
    width: 100%;
    max-width: 435px;
}

.event-detail-description {
    font-size: 18px;
    font-weight: 400;
    font-family: 'Inter';
    line-height: 28px;
}
.date-time{
    font-size: 24px;
    font-weight: 400;
    font-family: 'Inter';
    line-height: 30px;
}
.event-address-detail{
    font-size: 18px;
    font-weight: 500;
    font-family: 'Inter';
    line-height: 24px;
}
.event-detail-event-heading{
    font-size: 44px;
    font-weight: 400;
    font-family: 'Domine';

}
.event-detail-upcoming-event-container h4 {
    font-size: 36px;
    font-weight: 400;
    font-family: 'Domine';
}
.event-deatil-card-text-heading {
    font-size: 28px;
    font-weight: 400;
    color: #333333;
    font-family: 'Domine';
}
.event-deatil-card-text-description {
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    font-family: 'Inter';

}



/* content-hub design start */
.posdcats-all-container {
    background-color: #F5F5F0;
    padding: 25px 0px 50px;
    margin-top: 50px;
}
.blog-detailrecent-pots-container {
    background-color: #F5F5F0;
    padding: 50px 0px ;

}
.podcast-all-player {
    width: 100%;
    max-width: 1096px;
}
.content-hub-header-container {
  background-color: #3A5A40;
  padding: 50px 0px;
  margin-top: 80px;
  color: white;
}
.content-hub-header-heading{
    font-size: 44px;
    font-weight: 400;
    font-family: "Domine";
    line-height: 40px;
    margin-bottom: 10px;

}
.content-hub-header-description{
    font-size: 18px;
    font-weight: 500;
    font-family: 'Inter';
    line-height: 26px;
}
.content-hub-header-description p{
    font-size: 18px;
    font-weight: 400;
    font-family: 'Inter';
    line-height: 26px;
}
.content-common-section {
    padding: 50px 0px;
}
.content-hub-section-header-contaner {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
    flex-wrap: wrap;

}
.content-sub-section-heading{
    font-size: 36px;
    font-weight: 400;
    font-family: 'Domine';
    line-height: 38px;
    margin-bottom: 0px;
}
.autor-name-date{
   
    font-weight: 400;
    font-size: 20px;
    font-family: 'Inter';
}
.view-all-link {
    color: #000 !important;
    font-weight: 700;
    font-size: 18px;
    font-family: 'Inter';
    text-decoration: none ;
}
.view-all-link:hover {
  
    text-decoration: underline ;
}
.content-hub-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.content-hub-card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.content-card-category {
    font-size: 12px;
    font-weight: 600;
    font-family: 'Inter';
    margin-bottom: 0px;
}
.content-card-heading {
    font-size: 25px;
    font-weight: 400;
    font-family: 'Domine';
    margin-bottom: 0px;
}
.content-card-date {
    font-size: 14px;
    font-weight: 700;
    font-family: 'Inter';
    margin-bottom: 0px;
}
.content-card-description {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Inter';
    margin-bottom: 0px;
    line-height: 25px;
}
.cta-section {
    background-color: #E0DED7;
    padding: 50px 0;
}

.cta-section h2 {
   font-family: 'Domine';
    
    font-weight: 700;
    color: #3A5A40;
    line-height: 50px;
}
.newsletter-form-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
}
.newsletter-email-input {
    border-radius: 30px;
    border: 2px solid #3A5A40;
    padding: 10px 30px;
    font-family: 'Inter';
    outline: none;
    background-color: transparent;
    
}
.newsletter-email-input::placeholder {
   font-size: 20px;
   font-family: 'Inter';
   color: #3A5A40;
   font-weight: 400;
}
input[type="submit"]{
    background-color: #3A5A40 !important;
}
.blog-header-image {
    height: 477px;
    /* width: 100%; */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 0px !important;
}
.lower-hub-image { 
     height: 320px;
    /* width: 100%; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0px !important; }

.content-details-sub-section-heading {
    font-size: 36px;
    font-weight: 400;
    font-family: 'Domine';
    line-height: 38px;
    margin-bottom: 10px;
    line-height: 45px;
}
.content-detail-load-more-btn{
    background-color: #588157;
    border: none;
    padding: 15px 0px;
}
.content-detail-load-more-btn .button-text{
    font-size: 25px;
    font-weight: 700;
    font-family: 'Domine';
    color: white;
}
.content-datails-lower-container{
    width: 100%;
    max-width: 570px;
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.content-datails-lower-description-container{
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.filter-all-btn{
    background-color: #E0DED7;
    color: #3A5A40;
    border: 1px solid #E0DED7;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Domine';
}
.filter-all-btn.form-select:focus{
    box-shadow: none !important;
    border-color: transparent !important;

}
.filter-all-btn.form-select option{
font-family: 'Domine';
font-weight: 700;
font-style: Bold;
font-size: 18px;
line-height: 125%;
letter-spacing: 2%;
padding: 15px 10px !important;
}
.filter-all-btn.form-select option:first-child{
border-radius: 10px !important;
}

.filter-all-btn:hover{
    background-color: #3A5A40;
    color: white;
    border: 1px solid #3A5A40;
}
.filter-all-btn.active{
    background-color: #3A5A40;
    color: white;
    border: 1px solid #3A5A40;
    
}
.filter-category-ul {
    border-radius: 20px;
    padding: 0px;

}
.filter-category-li {
    background-color: #588157;
    padding: 10px;
    color: white;
    font-size: 20px;

}
.filter-category-li:hover {
    background-color: #588157ad;

}
.filter-category-li:first-child {
   border-radius: 10px 10px 0px 0px;
}
.filter-category-li:last-child {
    border-radius: 0px 0px 10px 10px;
 }
.filter-category-li .category-badge {

    font-size: 20px;
    font-weight: 700;
    font-family: 'Domine';

}
.event-detail-header-container {
    padding-top: 40px;
}
.blog-detail-pahe-main-image {
    width: 100%;
    max-width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9 !important;
}
@media screen and (max-width:1024px) {
 
   
    .blog-detail-pahe-main-image {
      
        height: auto;
    
    }
    .event-detail-header-container {
        padding-top: 10px;
    }
    .content-detail-load-more-btn .button-text {
        font-size: 18px;
    }
    .newsletter-email-input::placeholder {
        font-size: 16px !important;
        
     }
    .content-hub-header-heading,.content-sub-section-heading,.content-details-sub-section-heading  {
     font-size: 30px;
    }
    
       
    .view-all-link{
         font-size: 18px;
    }
    .content-hub-header-description{

        padding: 0px 20px;

    }
    .content-card-heading{
      font-size: 22px;
    }
    .content-card-description{
       font-size: 16px;
       line-height: 21px;

    }
    .content-details-sub-section-heading {
    line-height: 36px;
    }
}

@media screen and (max-width:767px) {
    .content-datails-lower-container{
        gap: 25px;
    }
    .content-detail-load-more-btn .button-text{
        font-size: 16px;
    }
    .blog-header-image {
        height: 254px; 
    }
    .content-hub-header-heading,.content-sub-section-heading,.content-details-sub-section-heading {
     font-size: 25px;
    }
    .view-all-link{
         font-size: 16px;
    }
    .content-hub-header-description{
        font-size: 16px;
        line-height: 26px;
        padding: 0px 10px;

    }
    .content-card-heading{
      font-size: 20px;
    }
    .content-card-description{
       font-size: 14px;
       line-height: 20px;

    }
}

@media screen and (min-width:991px) and (max-width:1200px) {
    .green-side {
        padding: 50px; 
    }
    .white-side {
        padding: 50px; 

    }
    .program-image-1 {
        height: 275px;
        background-size: contain;
    }
    .program-image-2 {
    height: 265px;
    background-size: contain;
}
.program-image-3 {
    height: 266px;
    background-size: contain;
}
    .program-image-4 {
        height: 266px;
        background-size: contain;
    }
}


/* // underline style fpr header  */

.navbar-light .navbar-nav .nav-link span:after{
    content: "";
    -webkit-transition: .4s ease-in-out;
    transition: all .4s ease-in-out;
    height: 2px;
    width: 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    display: block;
    margin: 1px auto 0;
    background-color: #588157;
   
}
.navbar-light .navbar-nav .nav-link:hover span:after {
    width: 40px;
    
}
@media screen and (max-width:991px) {
    .navbar-light .navbar-nav .nav-link:hover span:after {
        width: 0px !important;
      
    }
}
@media screen and (min-width:991px) {
    .navbar-nav .dropdown>a .bi-chevron-down{
        margin-bottom: 3px;
    }
}
.set-up-description{
    width: 100%;
    max-width: 655px;
    text-align: center;
}


/*  sushil - css- 01-07-2025 */

.content-patient-story{
     display: flex;
    justify-content: center;
    align-items: center;
    padding: 75px 0px;
}
.content-patient-story .content-hub-header-heading {
  display: flex;
  flex-direction: column;
  gap: 17px;
}
    .search-box {
      position: relative;
      width: 100%;
      max-width: 600px;
      margin:auto;
      margin-top:25px;
    }

.give-input{
     border-radius: 10px !important;
}
    .search-box input {
      width: 100%;
      padding: 10px 40px 10px 15px; /* space for icon on the right */
      border-radius: 10px;
      border: 1px solid #ccc;
      box-sizing: border-box;
    }
        .search-box input.form-control:focus{
         border-color: transparent !important;
         box-shadow: none !important;

    }
 .search-box input::placeholder{
    color: #3A5A40;
    font-family: 'Inter';
    font-size: 20px;
 }
    .search-box .bi-search {
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      color: #888;
      font-size: 18px;
      pointer-events: none; /* allows clicks to pass through to input */
    color: #3A5A40;

    }
#give-amount{
     margin: -4% 0 0 0 !important;   
}

.patient-story-card {
    border-radius: 10px !important;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
      position: relative;
    overflow: hidden; /* Ensure the overlay stays within the card */
}

.patient-story-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none; /* Prevent it from blocking clicks */
    z-index: 1;
}

.patient-story-card:hover::after {
    opacity: 0.75;
}

.patient-story-card:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    transform: scale(1.01);
    background-color: rgba(0, 0, 0, 0.05);
}

.patient-story-card img{
    border-radius: 10px 10px  0px 0px !important;
}
.patient-story-card-body{
    background-color: #588157;
    padding: 25px !important;
    border-radius: 0px 0px  10px 10px !important;
    color: white !important;
}
a.patient_story_author_name{
    font-family: "Domine";
font-weight: 400;
font-size: 24px;
line-height: 125%;
letter-spacing: 0%;
text-align: center !important;
color: white !important;
}
.patient_story_author_description{
    font-family: Inter;
font-weight: 500;
font-size: 14px;
line-height: 125%;
letter-spacing: 0%; 
text-align: center;
color: #F5F5F0 !important;
}
.patient_story_progress{
    background-color: transparent !important;
    border: 1px solid white !important;
    height: 50px !important;
    border-radius: 0px !important;
    margin-bottom: 10px !important;

}
.patient_story_progress .progress-bar{
    background-color: white !important;
    

}
.progress_bar_text{
    font-family: Inter;
font-weight: 700;
font-size: 18px;
line-height: 125%;
letter-spacing: 0%;
 color: #FFFFFF;
}

.patient-nav-heading{
    font-family: Domine;
font-weight: 400;
font-size: 32px;
line-height: 125%;
letter-spacing: 2%;
text-align: center;
color: white;
}
.patientnav_description_contaier{
    padding-left: 35px;
}
.patientnav_description_contaier .patient_name{
    font-family: Domine;
font-weight: 400;
font-style: Regular;
font-size: 48px;
line-height: 125%;
letter-spacing: 1%;

}
.patientnav_description_contaier .patient_description{
  font-family: Inter;
font-weight: 500;
font-style: Medium;
font-size: 18px;
line-height: 150%;
letter-spacing: 0%;


}

.divider_line{
    border-color: white !important;
    height: 4px !important;
    background-color: white !important;
    opacity: 1 !important;
}
.profile-nav .nav-link{
    font-family: Inter !important;
font-weight: 600 !important;
font-size: 20px !important;
line-height: 125% !important;
    padding-bottom: 12px !important;

}
.content-area p{
font-family: Inter;
font-weight: 500;
font-size: 18px;
line-height: 140%;
color: #333333;

}
.donation-widget{
    background-color: #588157;
padding: 25px;
width: 100%;
max-width: 474px;
}


.donation-widget p{
    font-family: "Domine";
font-weight: 400 !important;
font-style: Regular;
font-size: 24px;
line-height: 125%;
letter-spacing: 2%;

   color: #F5F5F0;


}
.donation_progrsss_amount {
font-family: Inter;
font-weight: 700;
font-size: 18px;
line-height: 125%;
letter-spacing: 0%;
color: #FFFFFF;
}
.donation_progrsss_heading{
    font-family: Inter;
font-weight: 700;
font-size: 16px;
line-height: 125%;
letter-spacing: 0%;
color: #FFFFFF;

}
.patient_story_custom_amount_input{
    background-color: transparent !important;
    border: 1px solid white !important;
    border-radius: 0px !important;
    font-family: Inter;
font-weight: 700;
font-style: Bold;
font-size: 16px;
line-height: 125%;
letter-spacing: 0%;
color: white !important;

}
.patient_story_custom_amount_input::placeholder{

    font-family: Inter;
font-weight: 700;
font-style: Bold;
font-size: 16px;
line-height: 125%;
letter-spacing: 0%;
color: white;

}
.patient_story_custom_amount_input:focus{
   box-shadow: none !important;
   border-color: white !important;
}
.donate_amount_btn{
    padding: 12px 19px ;
    border: none ;
    background-color: white;
    color: #3A5A44;
    font-family: Domine;
font-weight: 700;
font-size: 20px;
line-height: 125%;
letter-spacing: 2%;


}

.journal-widget{
    background-color: #F5F5F0;
  padding: 25px;
width: 100%;
max-width: 474px;
}
.donate-left-inner.journal-widget{
    background-color: #F5F5F0;
    padding-top: 25px;
padding-right: 0px;
padding-bottom:25px;
padding-left: 25px;
width: 100%;
max-width: 474px;
}
.patient_story_footer_left_col{
background-color: #E0DED7;
padding-top: 25px;
padding-bottom: 25px;
display: flex;
justify-content: center;
}

.patient_story_footer_left_col a{
font-family: Domine;
font-weight: 400;
font-size: 36px;
line-height: 125%;
text-align: center;
color: #000000;
text-decoration: none !important;
}
.patient_story_footer_right_col{
background-color: #588157;
padding-top: 25px;
padding-bottom: 25px;
display: flex;
justify-content: center;
}

.patient_story_footer_right_col a{
font-family: Domine;
font-weight: 400;
font-size: 36px;
line-height: 125%;
text-align: center;
color: #FFFFFF;
text-decoration: none !important;
}
.profile-nav{
   gap: 30px;
}
.send-message-card{
       background-color: #3A5A40;
padding: 25px;
}
.send-message-card .card-body{
padding: 0px !important;
}
.send-message-card .card-title {
    font-family: Domine;
font-weight: 400;
font-size: 24px;
line-height: 125%;
letter-spacing: 2%;
color: #F5F5F0;
}
.send-message-card input ,.send-message-card textarea {
    font-family: Inter;
font-weight: 400;
font-size: 18px;
line-height: 125%;
letter-spacing: 0%;
color: #3A5A40;
padding: 10px;
}
.send-message-card input::placeholder,.send-message-card textarea::placeholder{
    font-family: Inter;
font-weight: 400;
font-size: 18px;
line-height: 125%;
letter-spacing: 0%;
color: #3A5A40;


}
.btn-secondary{
    border: 1px solid rgba(224, 222, 215, 1) !important;
    background-color: rgba(224, 222, 215, 1) !important;
    border-radius: 30px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    color: #3A5A40;
    font-family: Domine;
font-weight: 700;
font-size: 20px;
line-height: 125%;
letter-spacing: 2%;

}
.btn-secondary:hover{
  
    background-color:rgba(224, 222, 215, 0.5) !important;
    color: white !important;
    border: 1px solid #3A5A40 !important;
    

}
.journal_content_container{
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
}
.journal_content_container .journal_description{
  font-family: Inter;
font-weight: 500;
font-size: 20px;
line-height: 125%;
letter-spacing: 0%;
text-align: center;
color: #333333;
}
.journal_content_container .journal_date{
font-family: Inter;
font-weight: 400;
font-size: 20px;
line-height: 125%;
letter-spacing: 0%;
text-align: center;
color: #000000;
}
.journal_content_container .journal_heading{
font-family: Domine;
font-weight: 400;
font-size: 48px;
line-height: 125%;
letter-spacing: 1%;
text-align: center;
color: #000000;
}
.recent_entries_container{
    background-color: #F5F5F0;
    padding: 20px;
}
.share_btn {
    background-color: white;
    border: 2px solid #000000;
    padding: 10px 30px;
    border-radius: 30px;
    font-family: Inter;
font-weight: 700;
font-style: Bold;
font-size: 18px;
line-height: 125%;
letter-spacing: 0%;
text-align: center;
color: #000000;
}
.share_btn:hover {
   transform:scale(1.01);
}
@media screen and (max-width:767px) {
    #give-amount{
     margin: -9% 0 0 0 !important;   
}
    .content-patient-story .content-hub-header-heading {
        display: inline;
    }
    .search-box {
    width: 85%;
    }
    .progress_bar_text {
    font-weight: 400;
    font-size: 10px;
    }
  a.patient_story_author_name{
font-weight: 400;
font-size: 14px;
line-height:0px;

}
.patient_story_author_description{

font-weight: 400;
font-size: 8px;

}
.patient-story-card-body{
    padding: 15px !important;
}
.patient_story_progress{

    height: 30px !important;

}
.patient-nav-heading,.latest-journal-header h3 {
    font-size: 24px !important;
}
.patientnav_description_contaier .patient_name{
    font-size: 32px;

}
.latest-journal-title{
    font-size: 20px !important;
}
.patientnav_description_contaier {
    padding-left: 0px !important;
}
.profile-nav .nav-link{
font-size: 13px !important;

padding: 10px;
}
.profile-nav{
   gap: 0px !important;
}
.patientnav_description_contaier .patient_description ,.content-area p{
font-size: 16px;
}
.journal-widget,.donation-widget,.send-message-card{
padding-top: 25px;
padding-right: 25px;
padding-bottom: 25px;
padding-left: 25px;
}

.journal_content_container .journal_description{

font-size: 16px;

}
.journal_content_container .journal_date{

font-size: 18px;

}
.journal_content_container .journal_heading{

font-size: 32px;

}

}

#patient_details{
    width: 100%;
}

.popup-overlay{
    z-index: 99;
}
.publication_blog_image {
    border: 1px solid #3A5A40;
    height: 100%;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.publication_blog_image:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transform: scale(1.01);
}
.publication_blog_image img{
    height: 100%;
}
.popup-content{
   max-width: 1000px !important;
   text-align: start !important;
}
.popup-content .heading {
 color: #3A5A40;
 font-weight: 500;
  margin:15px 10px;
  font-size: 26px;

}
.popup-content .subheading {
 color: #2c2c2c;
 font-weight: 500;
  margin:10px 10px;
  font-size: 20px;      
 font-family: 'Inter';



}
.popup-content .description {
 color: #4a4a4a;
 margin: 0px;
 font-size: 16px;
 font-family: 'Inter';
  margin:10px 10px;

}