/*  --Donate  */
/* @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:wght@200..800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:wght@200..800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:wght@200..800&family=WindSong:wght@400;500&display=swap'); */

/* Custom CSS */
body ,p , li {
    font-family: 'Open Sans', sans-serif; 
  }
h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif !important;
  }
  .container-fluid{
    width: 80%;
  }
  .hero_banner_title{
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 5rem;
    color: #fff;
    line-height: 100%;
  }
.hero_title{
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    font-size: 2rem;
    color: #264D32;
    line-height: 100%;
    
}
.navbar {
    background-color: #F9F4EF1A !important;
    /*transition: all 0.3s ease-in-out;*/
    padding: 1rem 0;
}
/* Navbar when scrolled */
.navbar.navbar-scrolled {
    background-color: #14281A !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 0.5rem 0;
}

.navbar.navbar-scrolled .nav-link.active {
    background-color: #264D32 !important;
    color: #fff !important;
}
.navbar.navbar-scrolled .dropdown-menu {
    background-color: #fffffff2;
}
.nav-item .nav-link{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
}
.nav-link.active {
    background-color: #264D32 !important;
    color: #fff !important;
    padding: 12px 20px 12px 20px !important;
    padding: 5px 10px;
  }
.navbar .nav-item{
    margin:  0 10px 0 10px;
}
.main_logo{
    height: 62px;
    width: 56px;
    border-radius: 50%;
}
/* Dropdown menu styling */
.dropdown-menu {
    background-color: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease-in-out;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px;
}
.navbar.navbar-scrolled .dropdown-menu {
    background-color: rgba(255, 255, 255, 0.95);
}
/* Show dropdown on hover */
.dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    display: block;
}

.dropdown-item {
    color: #264D32;
    font-family: 'Open Sans', sans-serif;
    transition: all 0.3s ease-in-out;
    padding: 10px 5px;
}

.dropdown-item:hover {
    background-color: #A38B51;
    color: #fff;
}

/* Dropdown toggle arrow animation */
.dropdown-toggle::after {
    transition: transform 0.3s ease-in-out;
}

.dropdown:hover .dropdown-toggle::after {
    transform: rotate(180deg);
}

.hero-section {
    height: 100vh;
    background-image: url('../images/home_1.png');
    background-size: cover;
    background-position: center;
    color: white;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    overflow: hidden;
  }

.hero-section::before {
    content: '';
    position: absolute;
    filter: blur(4px);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.5); */
}

.hero-content {
    position: relative;
    z-index: 2;
    background-color: transparent !important;
}
.hero-content-bottom {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    
  }
  .hero-content-bottom p{
    
    font-weight: 600;
    font-size: 1rem;
  }
.hero-title {
    font-size: 5rem;
    font-weight: 400 !important;
    margin-bottom: 20px;
}

.section-title {
    font-size: 2.5rem;
    margin-bottom:50px;
    color: #264D32;
    font-weight: 600;
}

.who-we-are {
    padding: 80px 0;
    background-color: #ffffff;
}
.profile-img-container {
    position: relative;
}

.who-we-are  p{
    font-size: 1rem;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 18px;
}
.our-work{
    background-color: #F9F4EF;
    padding: 8rem 0;
}
/* Program Card Styling */
.program-card {
    border: 1px solid #8EA294;
    padding: 30px;
    height: 100%;
    /* transition: all 0.3s ease; */
    position: relative;
    overflow: hidden;
    
}

/* Icon styling */
.program-icon {
    background-color: #264D32;
    margin-bottom:25px;
    transition: all 0.3s ease;
    display: inline-block;
    padding: 8px;
}

.program-card h4 {
    color:#40312D ;
    font-size: 18px;
    margin-bottom:25px;
    font-weight: 600;
    /*transition: all 0.3s ease;*/
    position: relative;
    line-height: 100%;
    font-family: 'Open Sans', sans-serif !important;
}

.program-card p {
    color: #666666;
    margin-bottom: 0;
    transition: all 0.3s ease;
    line-height: 169%;
    font-weight: 400;
    font-size: 16px;
}

/* Learn more link - completely hidden initially */
.learn-more-link {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    font-style: italic;
    position: absolute;
    opacity: 0;
    visibility: hidden; 
    transform: translateY(20px);
    display: inline-block;
    bottom: 30px;
    transition: all 0.3s ease;
}
.card-leaf svg{
    position: absolute;
    opacity: 0;
    visibility: hidden; 
    bottom: 0px;
    right: 0px;
    transform: translateY(30px);
    transition: all 0.3s ease;
}

/* Hover effects */
.program-card:hover {
    background-color: #7B5E57; 
    border-color: #7B5E57;
    cursor: pointer;
    transition: all 0.3s ease-out;
}

.program-card:hover .program-icon {
    opacity: 0;
    transform: translateY(-20px);
}

.program-card:hover h4 {
    color: #fff;
    padding-left: 0; 
    margin-top: -50px;
}

.program-card:hover p {
    color: #fff;
}
.program-card:hover .learn-more-link {
    opacity: 1;
    visibility: visible; 
    transform: translateY(0);
}
.program-card:hover .card-leaf svg{
    opacity: 1;
    visibility: visible; 
    transform: translateY(0);
    transition: all 0.9s ease;
    transition: transform 0.9s ease;
}
.program-card:hover .card-leaf svg:hover i {
    transform: translateX(5px);
}
/* Arrow icon for learn more link */
.learn-more-link i {
    margin-left: 5px;
    transition: transform 0.3s ease;
}

.program-card:hover .learn-more-link:hover i {
    transform: translateX(5px);
}
/* Get Involved */
.program-card-volunteer:hover .volunteer-title{
    color:#C2A661 ;
    margin-top: -70px;
}
.program-card-volunteer ul.volunteer-details {
    display: none;
    padding-left: 1rem;
    margin: 0;
    color: white;
    font-size: 1rem;
  }
  
  .program-card-volunteer ul.volunteer-details li {
    margin-bottom: 0.5rem;
    list-style-type: disc;
    line-height: 168.5%;
  }
  
  /* Hide old content on hover */
  .program-card-volunteer:hover .volunteer-description,
  .program-card-volunteer:hover .volunteer-note {
    display: none;
  }
  
  /* Show list version on hover */
  .program-card-volunteer:hover ul.volunteer-details {
    display: block;
  }

.cta-section {
    background-image: url('../images/home_3.png');
    background-size: cover;
    background-position: center;
    color: white;
    /* padding: 100px 0; */
    position: relative;
    height: 558px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    overflow: hidden;

}

.cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(4px);
    /* background-color: rgba(0, 0, 0, 0.6); */
}

.cta-content {
    position: relative;
    z-index: 2;
}

.cta-title {
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 40px;
    line-height: 100%;
}

.btn-secondary {
    background-color: transparent;
    border: 2px solid white;
}

.btn-secondary:hover {
    background-color: white;
    color: #333;
}

footer {
    background-color: #0E1C12;
    color: #F9F4EF;
    padding: 60px 0 30px;
}

.footer-brand img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-bottom: 15px;
}

.footer-tagline {
    color: #F9F4EF;
    font-size: 24px;
    line-height: 48px;
    letter-spacing: 3px;
    margin-bottom: 20px;
}

.footer-links h5 {
    color: #C2A661;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif !important;
    line-height: 24px;
    letter-spacing: 0.3px;
}

.footer-links ul {
    list-style: none;
    padding: 0;
}

.footer-links ul li {
    margin-bottom: 10px;
    
}

.footer-links ul li a {
    color: #F9F4EF;
    text-decoration: none;
    font-size: 1rem;
    transition: all 0.3s;
    font-weight: 400;
    line-height: 100%;
}

.footer-links ul li a:hover {
    color: white;
}
.footer-mail{
    color: #F9F4EF;
    text-decoration: none;
    font-weight: 400;
    size: 1rem;
    line-height: 48px;
}

.copyright {
    border-top: 1px solid #444;
    margin-top: 20px;
    padding-top: 40px;
    padding-bottom: 20px;
    font-size: 0.9rem;
}
.footer-bottom {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

.footer-bottom a {
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.2px;
    color: #B1BFB5;
    padding: 0 15px;
    position: relative;
}

.footer-bottom a:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: 0;
    color: #B1BFB5;
}
/* Our story */
.our-story-img{
    background-image: url('../images/story_1.png');
    text-align: left;
}
.badge-box{
    background-color: #FDFCFB24;
    filter: blur(20);
    display:inline-flex;
    font-size: 24px;
    font-weight: 600;
    font-family: 'Playfair Display', serif;
    padding: 12px 32px;
    line-height: 100%;
    letter-spacing: 2%;
    text-transform: uppercase;
    justify-content: flex-start;
    margin-bottom: 30px;
}

.store-main-title{
    background-color: #F9F4EF;
    padding-top: 100px ;
}

.scroll-hide-box {
    height: 600px;
    overflow-y: scroll;
    position: relative;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  
  .scroll-hide-box::-webkit-scrollbar {
    display: none;
  }
  .scroll-section {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.6s ease;
    will-change: opacity, transform;
    position: relative;
  }
  
  .scroll-section.animate {
    opacity: 1;
    transform: translateY(0);
    /* transition-delay: 0.3s; */
  }

.sandal-color-box{
    background-color: #F9F4EF;
    padding :  100px 0;
    position: relative;
    
}
.white-color-box{
    background-color: #FBF8F4;
    /* margin-top: 100px; */
    padding: 100px 0;
    position: relative;
}
.story-title{
    color: #674F49;
    text-align: center;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    font-size: 3rem;
    position: relative;
}
.story-title::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    border-radius: 3px;
    background-color: #C2A661;
    transition: width 3s ease;
  }
  
  .story-title.animate-after::after {
    width:15%;
  }
  
.green-text{
    color: #264D32;
    font-weight: bold;
}
.store-para{
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: #4A4A4A;
}
.stroe-about-title{
    color: #264D32;
    font-size: 2rem;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 30px;
}

.story-card{
    border: 1px solid #907872;
    padding: 15px;
    display: flex;
    flex-direction: column;
    background-color: #FBF8F4;
    border-radius: 0;
    margin-top: 20px;
    height: 110px;
}

.story-card h4{
    color: #7B5E57;
    font-size:16px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 20px;
}
.story-card p{
    font-size: 14px;
    color: #595959;
    line-height: 100%;
    letter-spacing: 2%;
    font-weight: 400;
}
.story-card:hover{
    background-color:#496953;
    border: 1px solid #496953;
}
.story-card:hover h4{
    color: white;
}
.story-card:hover p{
    color: white;
}
.right-arrow{
    position: absolute;
    right: 100px;
    top: -50px;
}
.left-arrow{
    position: absolute;
    left: 130px;
    bottom: -90px;
}

.join-us-section {
    background-image: url('../images/story_6.png');
    background-size: cover;
    background-position: center;
    color: white;
    position: relative;
    height: 600px;
    display: flex;
    flex-direction: column;
    text-align: center;
    overflow: hidden;
    padding: 40px;
}

.join-us-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* filter: blur(4px); */
    /* background-color: #262926B2; */
}
.join-top-icon{
    margin-bottom: 30px;
    display: inline-block; 
  transform: scaleX(-1);   
  transform-origin:0%;
  position: relative;
    
}
.join-bottom-icon{
    margin-top: 30px;
    margin-bottom: 30px;
    transform: scaleY(1);
    position: relative;
}
.join-us-section h2{
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    letter-spacing:0.32px;
    font-family: 'Playfair Display', serif;
    position: relative;
}
.join-border{
    border: 1px solid #FFFFFF1A;
    margin-bottom: 100px;
    position: relative;
}
.join-text{
    position: relative;
    font-size: 24px;
    letter-spacing: 2.4px;
    text-align: left;
}
/* Founder */
.founder-nav{
    background-color:#14281A !important;
    
  }
  
  .founder-container{
    width: 95%;
  }
.founder-section{
    background-color: #F9F4EF;
    padding: 70px 0 0 0;
}
.founder-content{
    margin-top: 50px;
}
.founder-sub-title{
    color: #7B5E57;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    margin-bottom: 70px;
    position: relative;
    left: 70px;
}
.founder-sub-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 8.5%;
    height: 3px; 
    border-radius: 3px;
    background-color: #C2A661; 
  }
.founder-letter h1{
    font-weight: 700;
    font-size: 36px;
    color: #264D32;
    line-height: 16px;
    margin-bottom: 50px;
    position: relative;
    left: 70px;
}
.scroll-box {
    height: 600px;
    overflow-y: scroll;  
    padding: 0 70px;
    scrollbar-width: thin;
    scrollbar-color: #aaa transparent;
    -ms-overflow-style: auto;
    scroll-behavior: smooth;
  }

  
.scroll-box p{
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 2%;
    text-align: justify;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
}
.sign{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 50px;
    position: relative;
    right: 7.5%;

}
.sign .founder-name {
    font-family: "WindSong", cursive;
    font-weight: 500;
    line-height: 100%;
    font-size: 24px;
    color: #A38B51;
    margin-bottom: 20px;
  }
  .sign p{
   color: #264D32;
   font-weight: 600;
   font-size: 12px;
   line-height: 100%; 
  }
  #letter-cta {
    background-image: url('../images/letter_2.png');
    background-size: cover;
    background-position: center;
    color: white;
    position: relative;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    overflow: hidden;
}
#letter-cta h2{
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 12%;
}
/* Vision & Mission */
.vision-mission-section{
    background-image: url('../images/vision_1.png');
    text-align: left;
    margin-bottom: 50px;
}
.vision-mission-section h1{
    font-size: 64px;
    font-weight: 400;
}
.vision-mission-section p{
    font-size: 20px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 40px;
}
.vision-section{
    margin-top: 100px;
}
.vision-box{
border-right: 1px solid #C2A661;
padding: 30px 60px 30px 0px;
}
.mission-box{
    padding: 30px 30px 30px 60px;
}
.vision-section h3{
    font-size:36px;
    font-weight: 500;
    color: #264D32;
    
}
.title-box{
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: 40px;
    
}
.vision-section p{
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 2%;
}
.core-value-section{
    background: #FFF;
    background: linear-gradient(180deg,#ffffff 0%, #F9F4EF 50%);
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.space-container{
    width: 85%;
}
.our-core-value-cat{
    background-color:#264D32 ;
    padding: 70px;
}
.our-core-value-cat h4{
    color: #fff;
    font-weight: 500;
    font-size: 32px;
    line-height: 100%;
    margin-bottom: 50px;
}
.our-core-right-border{
    border-right: 1px solid #496953;
}
.our-core-value-cat p{
    font-size: 20px;
    line-height: 16px;
    font-weight: 300;
    color: #CCB47A;
    margin-top: 30px;
}
/* Our Programs */
.our-programs-img{
        height: 100vh;
        background-image: url('../images/programs_1.png');
        background-size: cover;
        background-position: center;
        color: white;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: start;
        overflow: hidden;
}
.our-programs-img h1{
    font-size: 5rem;
    font-weight: 400;
    line-height: 100%;
}
.our-programs-img p{
    margin-top: 50px;
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;
}
.programs-sandal{
    background-color: #F9F4EF;
    position: relative;
}
.programs-space{
    padding: 70px 0;
}
.programs-section{
    position: relative;
}
.programs-section h5{
    color: #264D32;
    font-size: 32px;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 30px;
}
.programs-section p{
    color: #4A4A4A;
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
}
.programs-white{
    background-color: #FBF8F4;
    position: relative;
}
.programs-section h2{
    padding-top: 100px;
}
.programs-section h2::after{
    width:10% !important;
}
.programs-right-arrow{
    position: absolute;
    bottom: -85px;
    right: 150px;
    z-index: 10;
}
.programs-left-arrow{
    position: absolute;
    bottom: -85px;
    z-index: 10;
}
.help-us-section {
    background-image: url('../images/programs_5.png');
    background-size: cover;
    background-position: center;
    color: white;
    position: relative;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
    padding: 40px;
}

.help-us-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000030;
}
.help-us-section h2{
    position: relative;
    font-weight: 600;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 2%;
    margin: 0 30px;
}
/* Get Involved */
.get-involved-img{
    height: 100vh;
    background-image: url('../images/get_involved.png');
    background-size: cover;
    background-position: center;
    color: white;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: start;
    overflow: hidden;
}
/* -------------------------------------------- Contact Us */
.contact-card{
    padding: 5rem 0;
}
.contact-card h2{
    font-size: 32px;
    font-weight: 500;
}
.contact-from-section{
background-color: #F5F5F5;
padding: 100px 0 70px 0;
}

.contact-from-section p{
    color: #674F49;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    margin-bottom: 70px;
    position: relative;
    margin-top: 50px;
    
}
/*.contact-from-section p::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: -15px;*/
/*    width: 10%;*/
/*    height: 3px; */
/*    border-radius: 3px;*/
/*    background-color: #C2A661; */
/*  }*/
 .contact-from-section h2{
    font-size:48px;
    font-weight:600;
    color: #264D32;
    line-height: 100%;
    margin-bottom: 65px;
  }

  .custom-input {
    border-bottom: 1px solid #666666 !important;
    border-radius: 0px;        
    padding: 10px 15px;        
    font-size: 1rem;           
    background-color: transparent;
    border: none;
    /* transition: border-color 0.3s, box-shadow 0.3s; */
  }
  .custom-label{
    color: #666666;
    font-weight: 400;
    font-size: 1rem;
    line-height: 100%;
  }
  
  .custom-input:focus {
    border-color: transparent;
    box-shadow: none;
    background-color: transparent;
    outline: none;
  }
  /* ----------------------------------------------------------- --Donate  */
  .donate-img{
    height: 100vh;
    background-image: url('../images/donate.png');
    background-size: cover;
    background-position: center;
    color: white;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: start;
    overflow: hidden;
  }
  .donate-bank-section{
    padding: 100px 0;
    background-color: #FFFCFA;
  }
  .row-section{
    margin-top: 6rem;
  }
  .donate-bank-section h2{
    color: #674F49;
    font-size:48px ;
    font-weight: 600;
    line-height: 100%;
    position: relative;

  }
  .donate-bank-section h2::after {
    content: '';
    position: absolute;
    left: 46%;
    right: 0;
    bottom: -15px;
    width: 9%;
    height: 3px; 
    border-radius: 3px;
    background-color: #C2A661; 
  }
  .donate-box{
    border: 1px solid #C2A661;
    padding: 35px;
  }
  .bank-title{
    font-size: 24px;
    font-weight: 500;
    line-height: 100%;
    font-family: 'Open Sans', sans-serif;
    color: #3E614B;
    margin-bottom: 30px;
  }
  .inside-box{
    background-color:#FAF4F0 ;
    margin: 30px 0;
    padding: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .inside-box p{
    color:#40312D;
    font-size:18px;
    font-weight:700;
    line-height:100%;
    letter-spacing: 3%;
  }
  .inside-box span{
    color:#6B5E51;
    font-size:14px;
    font-weight:400;
    line-height:100%;
  }
  .online-payment-content{
    color: #6B5E51;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;

  }
  .upi-btn{
    background-color:#496953;
    padding: 30px 20px;
  }
  .upi-btn a{
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 3%;
  }
  .upi-btn p{
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    color: #fff;
  }
.accordion_title{
    font-size: 24px;
    font-weight: bold;
    color: #3E614B !important;
}
.accordion_section{
    background-color: #FFFCFA;
    padding-bottom: 100px;
}
.accordion-item{
border: 0.5px solid #C2A661;
border-radius: 0px;
}
.accordion-button{
    background-color: #FFFCFA;
}
.accordion-button:not(.collapsed){
background-color: #FFFCFA;
box-shadow: none;
}
.accordion-body,.accordion-button:focus{
    background-color: #FFFCFA;
    padding: 20px 40px;
}
.accordion-button:focus{
    box-shadow: none;
}
.info_intro{
    color: #40312D;
    font-size: 18px;
    line-height: 32px;

}
.info_details h6{
    color: #6B5E51;
    font-weight: bold;
    line-height: 32px;
    font-size: 18px;
    margin-bottom: 20px;
}
.info_card{
    border: 0.5px solid #C2A661;
    padding: 25px;
    width: 50%;
    margin-bottom: 30px;
}
.info_card p{
    color: #40312D;
    font-size: 16px;
    font-weight: 400;
   
}
.info_text_details{
    background-color: #FAF4F0;
    padding: 30px;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
}
.info_text_details p a{
    color: #40312D;

}
.info_text_details li{
    margin-bottom: 15px;
    color: #2C221F;
    font-weight: 500;
}
.pan_reg{
    background-color: #496953;
    padding: 20px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

  .question-section{
    padding: 100px 0;
    background-color: #F9F4EF;
  }
  .action-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
  
  .action-card {
    border: 1px solid #C2A661;
    padding: 30px;
    background-color: #F9F4EF;
    color: #40312D;
    transition: background-color 0.4s ease, color 0.4s ease;
    margin-bottom: 0;
    cursor: pointer;
  }
  
  .action-card.active {
    background-color: #8C726B;
    color: white;
  }
  .action-card h4{
    font-family: 'Open Sans', sans-serif !important;
    font-size: 18px;
    font-weight: 500; 
    color: #40312D;
  }
  .action-card.active h4{
    color: white;
  }
  .open-icon {
    background-color: #496953;
    padding: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 35px;
    justify-content: center;
    transition: background-color 0.3s ease;
    border-radius: 2px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  }
  
  .action-card.active .open-icon {
    background-color: white;
  }
  .action-card.active .plus-icon path {
    fill: #8C726B;
  }
  .plus-icon {
    transition: transform 0.3s ease;
  }
  
  .action-card.active .plus-icon path:first-child {
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  
  .action-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 0 30px;
    background-color: #8C726B;
    color: white;
    transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.3s ease;
  }
  
  .action-wrapper.active .action-content {
    max-height: 250px;
    opacity: 1;
    padding: 15px;
    font-size: 18px;
    font-weight: 400;
  }
  
  
  @media only screen and (min-width: 1900px) {
    .container-fluid {
      width: 60%;
    }
    .hero-content-bottom{
        width: 60%;
    }
    .founder-section .container-fluid{
        width: 60% !important;    
    }
    .scroll-box{
        padding: 0 70px 0 0;
    }
    .founder-letter h1{
        left: 0;
    }
    .founder-sub-title{
        left: 0;
    }
  }