*{
font-family: 'Lato', sans-serif;
}
a{
text-decoration: none;
}
p{
font-size: 17px !Important;
}
.mail-fulera{
color: white;
text-decoration: none;
display: flex;
align-items: center;
gap: 6px;
font-size: 16px !important;
}
.mail-fulera:hover{
color: #FFAC00;
}
.navbar-mainsuper{
background-color: white;
}
.dropdown-menusupermain{
font-size: 14px;
width: 260px !important;
}
.dropdown-menusupermain .dropdown-item{
white-space: unset;
text-transform: capitalize;
}
.highlightspan span {
color: #FFAC00;
font-weight: 700;
}
.donation-heading {
font-size: 2.5rem;
font-weight: 700;
line-height: 1.2;
margin-bottom: 1.5rem;
}
.donation-text {
text-align: justify;
color: #555;
font-size: 1.1rem;
line-height: 1.6;
}
.donate-btn {
background-color: #FFAC00;
border: none;
color: white;
font-weight: 600;
padding: 12px 24px;
border-radius: 30px;
transition: all 0.3s;
}
.donate-btn:hover {
background-color: #FFAC00;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.donation-card {
border-radius: 10px;
overflow: hidden;
/*box-shadow: 0 5px 15px rgba(0,0,0,0.1);*/
margin-bottom: 20px;
height: 100%;
border-bottom: 4px solid #FFAC00;
/*max-height: 300px;*/
/*min-height: 300px;*/
}
.card-caption {
background-color: white;
padding: 20px 8px;
text-align: center;
color: #333;
}
.cause-title {
color: #FFAC00;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
margin-bottom: 0.5rem;
}
.cause-subtitle {
font-weight: 600;
font-size: 16px;
color: #333;
}
.tax-banner {
position: absolute;
background-color: #FFAC00;
color: black;
font-weight: 700;
padding: 5px 15px;
top: 40%;
right: 0;
font-size: 1.2rem;
z-index: 10;
}
.main-section {
padding: 80px 0;
}
.card-img-container {
position: relative;
}
.mediamainsuper{
display: flex;
}
.mediamainsuper .warning-icon-box{
padding: 16px;
}
.accordion-button:not(.collapsed){
background-color: #FFAC00;
font-weight: 600;
}
.accordion-button{
font-weight: 600;
}
.accordion-button:focus{
box-shadow: none;
}
.faq-head h2{
font-size: 40px;
font-weight: 300;
}
.story-container {
border: 1px solid #e0e0e0;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
height: 100%;
position: relative;
border-radius: 10px;
}
.story-container p{
text-align: justify;
font-size: 16px;
margin-bottom: 60px;
}
.rdmore-btn {
justify-content: center;
display: flex;
position: absolute;
bottom: 0;
width: 100%;
}
.story-content-main {
padding: 0px 17px;
}
.list-mainstyle .sign-up .btn-theme, #footer .charity, .list-unstyled li:before, .video-section h2, .video-section .play-btn, .quote-mark, .footer-logo a, .main-slider .banner-slider h2 strong, .main-slider .btn, .helping-child .btn-theme, .contact-address a[href^="mailto:"], .slider-third .tp-caption .btn.btn-default{
content: unset;
}
.rdmore-btn a:hover{
border-color: transparent;
color: black;
}
@media (max-width: 768px) {
.donation-heading {
font-size: 25px !Important;
}
.managing-img-fix img{
object-fit: unset !important;
}
.privacypolicy-box h2{
font-size: 25px;
}
.privacypolicy-box{
padding: 20px !Important;
}
.first-box-img {
border-radius: 10px 10px 0px 0px !Important;
}
.first-box-mission {
border-radius: 0px 0px 10px 10px !Important;
}
.second-img-mission{
border-radius: 10px 10px 0px 0px !Important;
}
.second-box-img{
border-radius: 0px 0px 10px 10px !important;
}
.content-impact-order{
order: 2 !Important;
}
.img-impactorder{
order: 1 !Important;
}
.main-section{
padding: 40px 0;
}
.bannerswiper-slide{
height: auto !important;
}
.impact-heading{
font-size: 25px !Important;
}
.latest-news h2{
font-size: 25px !Important;
}
.faq-head h2{
font-size: 25px !Important;
}
.faq-new-head{
font-size: 25px !Important;
}
.logo-mobview{
max-width: 283px;
}
.header-second .touch-by-mail{
margin: unset;
}
}
.header-scrolled .header-top {
display: none !important;
}
/* Optional: make navbar sticky with shadow */
.header-scrolled .navbar {
position: sticky;
top: 0;
z-index: 1000;
background-color: white;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
/* By default: not sticky */
.navbar.navbar-mainsuper {
transition: all 0.3s ease;
}
/* When scrolling: make it sticky */
.sticky-navbar {
position: fixed;
top: 0;
z-index: 999;
background-color: white; /* change as needed */
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* optional shadow */
}
.rdmore-btn a{
border-color: #FFAC00;
color: white;
background: #FFAC00;
}
.yt-video-sticky{
position: sticky;
top: 147px;
}
.join-btn-new{
border-color: #FFAC00;
color: white;
border-radius: 10px;
background: #FFAC00;
}
.join-btn-new:hover{
border-color: transparent !important;
color: black;
}
.custom-card {
border: none;
border-radius: 15px;
overflow: hidden;
position: relative;
height: 100%; /* fixed height */
transition: all 0.4s ease-in-out;
background-color: #fff;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
.custom-card .card-img-top {
width: 80px;
transition: transform 0.4s ease-in-out;
margin: 30px auto 0;
display: block;
}
.custom-card .card-title {
margin-top: 20px;
font-weight: 600;
transition: all 0.3s ease-in-out;
}
.custom-card .card-body {
padding: 1rem;
text-align: center;
}
.custom-card .reveal-content {
opacity: 0;
transform: translateY(20px);
transition: all 0.4s ease-in-out;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
padding: 0 1rem;
}
.custom-card:hover .card-img-top {
transform: translateY(-100%);
opacity: 0;
}
.custom-card:hover .reveal-content {
opacity: 1;
transform: translateY(0);
}
.underline {
width: 40px;
height: 3px;
background-color: #FFAC00;
margin: 10px auto;
}
.btn-know-more {
border-color: #FFAC00;
color: white;
border-radius: 30px !important;
background: #FFAC00;
padding: 6px 18px;
border-radius: 25px;
font-weight: 500;
margin-top: 10px;
}
.btn-know-more:hover {
background-color: #FFAC00;
}
.mainswiper-wrap .swiper-slide{
height: unset;
margin-bottom: 30px;
}
.socialmain-icon{
padding: unset !Important;
}
.socialmain-icon li a i{
font-size: 16px;
}
.socialmain-icon li a:hover{
color: #FFAC00;
}
.custom-main-card img{
width: 150px !Important;
}
.custom-main-card:hover .card-img-top,
.custom-main-card:hover .card-title {
transform: translateY(-100%);
opacity: 0;
}
.aboutsectionmain {
padding: 50px 0px;
}
.aboutsectionmain p{
font-size: 16px;
text-align: justify;
}
.yt-video-sticky img{
border-radius: 10px;
}
.below-faq-rdmore-btn a{
border-color: #FFAC00;
border-radius: 30px;
color: white;
background: #FFAC00;
}
.below-faq-rdmore-btn a:hover{
border-color: transparent;
color: black;
}
.blog-img img{
border-radius: 10px
}
.all-content-blog p{
margin: 0;
text-align: justify;
font-size: 16px;
}
/* Container */
.widget {
background: #fff;
padding: 20px;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}
/* Title */
.widget-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 20px;
border-bottom: 2px solid #FFAC00;
padding-bottom: 8px;
color: #333;
}
/* Post card */
.media-post {
/*display: flex;*/
gap: 15px;
margin-bottom: 20px;
align-items: flex-start;
transition: transform 0.2s ease-in-out;
}
.media-post:hover {
transform: translateY(-2px);
}
/* Image */
.post-img {
width: 80px;
height: 80px;
border-radius: 8px;
object-fit: cover;
}
/* Post Content */
.post-right {
flex: 1;
}
.post-title {
font-size: 16px;
margin: 0;
color: #007bff;
font-weight: 500;
}
.post-title a {
text-decoration: none;
color: #FFAC00;
transition: color 0.3s;
}
.post-title a:hover {
color: #0056b3;
}
/* Description */
.post-desc {
font-size: 14px;
color: #555;
margin-top: 5px;
}
.blog-latestside{
position: sticky;
top: 150px;
}
.main-breadcrumb{
text-decoration: none;
}
.super-breadcrumbsect{
padding: 100px 0;
}
.mob-head-size{
font-size: 24px;
}
.accordion-bodysuper{
text-align: justify;
}
.common-fontsize p{
font-size: 16px !important;
}
.impact-heading {
font-size: 2rem;
font-weight: bold;
margin-bottom: 2rem;
}
.card-img-top {
width: 80px;
height: 80px;
object-fit: contain;
margin: 1rem auto 0;
display: block;
}
.card-titleimpact {
text-align: center;
margin-top: 1rem;
font-size: 1.1rem;
margin-bottom: 10px;
}
.card-textimpact {
text-align: center;
margin-bottom: 4px;
font-size: 0.95rem;
}
.custom-cardimpact {
height: 100%;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
transition: transform 0.2s;
}
.custom-cardimpact:hover {
transform: translateY(-5px);
}
.noteimpact{
font-size: 12px;
}
.mission-card-img img{
height: 123px;
}
.about-sec-main-container{
background-color: #FFAC00;
}
.banner-btn-chang{
border-radius: 30px;
background: #FFAC00;
border: 1px solid #FFAC00;
color: white;
}
.banner-btn-chang:hover{
border: transparent;
color: black;
}
.founder-section {
min-height: 400px; /* Minimum height for desktop */
background: linear-gradient(135deg, #f8f9fa, #e9ecef);
border-radius: 15px;
overflow: hidden;
}
.founder-img img {
width: 100%;
height: 100%;
max-height: 450px;
object-fit: fill !important;
}
.founder-content {
background: #fff;
height: unset;
/*border-left: 5px solid #FFAC00;*/
display: flex;
flex-direction: column;
}
.founder-heading {
font-weight: bold;
color: black;
/*text-transform: uppercase;*/
}
.founder-message {
font-size: 16px;
color: #333;
overflow: auto;
padding-right: 10px;
overflow-y: auto;
max-height: 342px;
}
/* Custom Scrollbar for founder-message */
.founder-message::-webkit-scrollbar {
width: 8px;
}
.founder-message::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}
.founder-message::-webkit-scrollbar-thumb {
background-color: #FFAC00;
border-radius: 10px;
border: 2px solid #f1f1f1;
}
.founder-message::-webkit-scrollbar-thumb:hover {
background-color: #0b4470;
}
.founder-message p {
margin-bottom: 1rem;
font-size: 16px;
text-align: justify;
}
/* Responsive Adjustments */
@media (max-width: 767.98px) {
.founder-section {
flex-direction: column;
min-height: auto;
}
.founder-container-main{
margin-top: 0px !important;
}
.latest-news-mob{
margin-bottom: 0px !Important;
}
.founder-content {
border-left: none;
/*border-top: 5px solid #FFAC00;*/
height: auto;
}
.bannerswiper-slide{
padding: 40px 60px !important;
}
.founder-heading{
font-size: 25px;
}
.founder-img img {
height: 300px; /* Mobile image height */
}
}
.stories-full-stick{
position: sticky;
top: 136px;
}
.nav-logonew img{
width: 100%;
max-width: 350px;
}
.swiper-slide-main{
height: unset;
}
.faq-new-head{
font-size: 35px;
}
.faq-new-img{
position: sticky;
top: 120px;
}
.faq-new-img img{
border-radius: 10px;
}
.testimonial-cardsuper {
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 20px;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}
.testimonial-cardsuper .client-name {
font-weight: bold;
color: #333;
}
.testimonial-cardsuper .client-position {
font-style: italic;
color: #888;
}
.testimonial-cardsuper p {
color: #555;
text-align: justify;
}
.testimonial-image {
border-radius: 50%;
width: 60px;
height: 60px;
object-fit: cover;
}
.testimonial-rating i{
color: #FFAC00;
}
.same-headallfont{
font-size: 40px;
font-weight: 700 !important;
}
.banner-imgswiper {
width: 100%;
height: 100%;
background: #000;
}
.bannerswiper-slide {
height: calc(100vh - 138px) !important ;
font-size: 18px;
color: #fff;
background-repeat: no-repeat;
background-size: cover;
-webkit-box-sizing: border-box;
box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
padding: 183px 60px;
}
.parallax-bgbanner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
}
.bannerswiper-slide .title {
font-size: 41px;
font-weight: 300;
}
.bannerswiper-slide .subtitle {
font-size: 50px;
max-width: 600px;
color: white;
font-weight: 600;
}
.bannerswiper-slide .text {
font-size: 16px;
max-width: 500px;
line-height: 1.3;
}
.bannerswiper-slide p{
color: white;
font-size: 16px;
}
.banner-wrap{
align-items: center;
}
.banner-btn-donate{
border-radius: 30px;
background: #FFAC00;
border: 1px solid #FFAC00;
color: white;
font-size: 11px;
padding: 12px 31px;
}
.banner-btn-donate:hover{
color: black;
}
.header-second .btn-default:hover{
color: black;
}
.overlay-banner{
position: absolute;
top: 0;
left: 0;
width: 71%;
height: 100%;
background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}
.footer-text-para{
text-align: justify;
}
.clamp-text{
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.about-sec-missionsec{
text-align: -webkit-center;
}
.about-sec-missionsec p{
max-width: 700px;
text-align: center;
}
.mission-new-sec{
text-align: center;
}
.mission-new-sec h4{
margin-bottom: 12px;
color: #FFAC00;
}
.sweiperbtn-main{
top: 50%;
transform: translateY(-50%);
position: absolute;
left: -1px;
/*margin-top: -2rem;*/
z-index: 9999;
}
.donationcard-mission{
border-bottom: 5px solid #C00F09;
}
.common-next-pre-btn{
display: block;
position: relative;
transform: none !important;
top: auto;
opacity: .95;
box-shadow: 0 0 1.7rem -.1rem rgba(0, 0, 0, .15);
left: auto !important;
right: auto;
margin: .5rem 0;
background: white;
border-radius: 50%;
width: 35px;
height: 35px;
display: flex;
}
.sweiperbtn-main .common-next-pre-btn:after{
font-size: 20px;
}
.super-donation-headingteam{
position: sticky;
top: 105px;
}
.dropdown-menusupermain .dropdown-item:hover{
background:#C00F09;
}
.dropdown-menusupermain .dropdown-item:focus{
background-image: unset;
}
.section-boxmainsuper {
padding: 30px;
min-height: 100%;
color: white;
}
.green-bg { background-color: #C00F09; }
.yellow-bg { background-color: #FFAC00; color: black; }
.text-white { color: white; }
.section-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.goal-list {
padding-left: 20px;
}
.goal-list li {
margin-bottom: 10px;
color: white;
}
.content-impact-order{
order: 1;
}
.img-impactorder{
order: 2;
}
.first-box-mission{
border-radius: 10px 0 0 10px;
}
.first-box-img{
border-radius: 0px 10px 10px 0;
}
.second-img-mission{
border-radius: 10px 0 0 10px;
}
.second-box-img{
border-radius: 0 10px 10px 0;
}
.awards-slide img{
width: 100%;
max-width: 115px;
}
.footer-list-hover a:hover{
color: #C00F09 !Important;
}
.managing-img-fix img{
max-height: 300px;
min-height: 300px;
object-fit: cover;
}
.profile-btnmain a{
border-color: #FFAC00;
color: white;
background: #FFAC00;
border-radius: 30px;
}
.profile-btnmain a:hover{
border-color: transparent;
color: black;
}
.profile-btnmain {
position: absolute;
bottom: 17px;
}
.super-mainswiper-wrap{
padding: 0px 15px;
}
.notification-cardsuper {
border: 1px solid #dee2e6;
border-radius: 10px;
overflow: hidden;
transition: transform 0.2s;
background-color: #fff;
}
.notification-cardsuper:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
.icon-boxmain {
background-color: #ec6f1d;
color: #fff;
height: unset !important;
font-size: 30px;
display: flex;
align-items: center;
justify-content: center;
width: 80px;
background-image: unset;
}
.content-boxsupermain {
padding: 15px;
}
.document-titlesuper {
font-weight: 600;
font-size: 1.2rem;
color: #333;
}
.document-metasupermain {
font-size: 17px;
color: #6c757d;
margin-top: 4px;
}
.download-btnsuper {
font-size: 1.4rem;
color: #ec6f1d;
transition: color 0.3s;
text-decoration: none;
}
.download-btnsuper:hover {
color: #d85e14;
}
.section-titlesupermain {
font-weight: 600;
font-size: 1.5rem;
margin-bottom: 20px;
color: #0d2c54;
position: relative;
display: inline-block;
}
.section-titlesupermain::after {
content: '';
display: block;
width: 60px;
height: 3px;
background-color: #0d2c54;
margin-top: 5px;
}
.privacypolicy-section {
padding: 60px 20px;
}
.privacypolicy-box {
background-color: #ffffff;
padding: 40px;
text-align: justify;
border-radius: 12px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}
.privacypolicy-box h2 {
font-weight: bold;
color: #343a40;
margin-bottom: 30px;
}
.privacypolicy-box h5 {
font-weight: 600;
margin: 30px 0 14px;
color: #C00F09;
}
.privacypolicy-box ul {
padding-left: 20px;
}
.privacypolicy-box ul li {
font-size: 17px;
margin-bottom: 10px;
}
.privacypolicy-box ul li a{
text-decoration: none;
color: #C00F09;
}
.privacypolicy-box p a{
text-decoration: none;
color: #C00F09;
}
.socialiconsuper-hover a:hover{
color: #C00F09 !Important;
}
.what-wedo-inside{
width: 700px;
}
.whatwe-do-sec-insi h2{
font-size: 30px;
}
.insti-college-main {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
/*min-height: 100vh;*/
}
.isnide-college-boxcard {
background: white;
border-radius: 20px;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
padding: 2rem;
height: 100%;
position: relative;
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.isnide-college-boxcard:hover {
transform: translateY(-10px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
background: linear-gradient(to bottom right, #ffac0000, #FFE3A3);
}
.isnide-college-boxcard h3{
margin-bottom: 1rem;
font-weight: 700;
color: #c00f09;
}
.isnide-college-boxcard p{
text-align: justify;
}
.impact-clg-main{
display: unset;
}
.breadcrumb-item+.breadcrumb-item::before{
color: white !Important;
}
.donate-boxsuper {
max-width: 520px;
margin: 0px;
padding: 30px;
background: #ffffff;
border-radius: 16px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
border-left: 8px solid #FFAC00;
}
.section-titledonatemain {
font-weight: 700;
color: #333;
margin-bottom: 20px;
text-align: center;
}
.citizen-optionmain label {
margin-right: 20px;
font-weight: 600;
}
.btndontate-toggle {
width: 48%;
font-weight: 600;
padding: 10px;
border-radius: 8px;
}
.btndontate-toggle.active {
background: #FFAC00;
color: #000;
border: none;
}
.amount-optiondonate {
width: 48%;
margin-bottom: 10px;
font-weight: 600;
padding: 12px;
border-radius: 10px;
border: 2px solid #e0e0e0;
background: #f9f9f9;
transition: all 0.2s ease-in-out;
}
.amount-optiondonate.selected,
.amount-optiondonate:hover {
background: #FFAC00;
color: #000;
border-color: #FFAC00;
}
.info-textmaindonate {
font-size: 14px;
color: #555;
}
.highlightdonate {
color: #e67e22;
font-weight: 600;
margin-top: 12px;
}
.btn-otherdonate {
background: #f4f4f4;
color: #333;
border-radius: 10px;
font-weight: 600;
margin-top: 15px;
}
.btn-otherdonate:hover {
background: #e2e2e2;
}
.citizenbtn{
color: #c00f09;
}
.containerenquiryform {
max-width: 800px;
background: #fff;
padding: 40px 30px;
margin: 60px auto;
border-radius: 20px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
.form-labelenquiry {
font-weight: 600;
color: #343a40;
margin-bottom: 5px;
}
.form-controlenqury {
border-radius: 10px;
padding: 10px 14px;
font-size: 15px;
border: 1px solid #ced4da;
transition: all 0.3s ease;
}
.form-controlenqury:focus {
border-color: #0d6efd;
box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}
.highlight-noteenquiry {
color: #c00f09;
font-size: 0.95rem;
font-weight: 500;
}
.info-boxqnuery, .small-noteenqury {
font-size: 0.85rem;
color: #6c757d;
}
.form-check-labelenquiry a {
text-decoration: underline;
font-weight: 500;
}
.btn-yellowqnuery {
background-color: #FFAC00;
color: white;
font-weight: 600;
border-radius: 10px;
padding: 14px;
transition: background 0.3s ease;
}
.btn-yellowqnuery:hover {
background-color: #FFAC00;
color: black;
}
.payment-iconsenquiry img {
height: 28px;
margin: 0 8px;
vertical-align: middle;
}
@media (max-width: 576px) {
.form-controlenqury {
padding: 10px 10px;
}
.payment-iconsenquiry img {
margin: 0 5px;
}
}
.super-donate-enquiry{
border-right: 8px solid #FFAC00;
border-left: none;
}
.double-form-stick {
position: sticky;
top: 124px;
}
.three-para-form-note p{
font-size: 13px !Important;
}
.three-para-form-note label{
font-size: 13px !Important;
color: #6c757d;
}
.exp-data-more{
max-height: 41px;
overflow:hidden;
}
.exp-data-more.expanded {
max-height: 500px; /* Large enough to show full content */
}
.read-more-btnsuper{
font-size: 13px;
margin: 0;
color: #c00f09;
border: none;
padding: 0;
font-weight: 600;
background: transparent;
}
.blogsuper-img-main img{
width: 100%;
}
.contact-sectionfulehra {
padding: 50px;
}
.form-fulerha .form-control, .form-control:focus {
border: none;
border-bottom: 1px solid #ccc;
border-radius: 0;
box-shadow: none;
}
.submit-btncontact {
background-color: #FFAC00;
border: none;
padding: 10px 30px;
color: white;
border-radius: 30px;
}
.submit-btncontact:hover{
color: black;
}
.form-notecontact {
font-size: 0.9rem;
color: #555;
}
.form-notecontact a{
color: #C00F09;
}
.contact-stick-pos{
position: sticky;
top: 112px;
}



 .category-tabsproject .nav-link {
      background: #f8f9fa;
      color: #333;
      border-radius: 12px;
      margin-bottom: 12px;
      padding: 12px 20px;
      font-weight: 500;
      transition: all 0.3s ease;
      text-align: left;
    }
    .category-tabsproject .nav-link.active {
      background-color: #FFAC00;
      color: #fff;
      box-shadow: 0 4px 10px rgba(255, 172, 0, 0.3);
    }
    .product-imgproject {
      border-radius: 15px 0 0;
      object-fit: cover;
      width: 100%;
      height: 200px;
      transition: transform 0.4s ease;
    }
    .product-imgproject:hover {
      transform: scale(1.05);
    }
    .section-titleproject {
        margin-bottom: 0;
      font-size: 18px;
      font-weight: 600;
      color: #333;
      border-left: 6px solid #FFAC00;
      padding-left: 12px;
      margin-top: 30px;
    }
    .section-descproject {
      color: #555;
      text-align: justify;
      font-size: 16px;
      margin-top: 10px;
    }
    .tab-paneproject {
      opacity: 0;
      transform: translateY(20px);
      transition: all 0.5s ease;
    }
    .tab-paneproject.active.show {
      opacity: 1;
      transform: translateY(0);
    }
    
    .project-card-supernew {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
}

.project-card-supernew:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}

.projectimg-new img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.project-card-content {
    padding: 20px;
}

.section-titleproject {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 0px;
    color: #333333;
}

.section-descproject {
    font-size: 0.95rem;
    color: #666666;
    line-height: 1.6;
}

.projectcategory-super{
        padding: 21px;
    position: sticky;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    top: 112px;
}

.tab-paneproject:not(.show){
    display: none;
}




 .section-padding-vol-intern {
            padding: 60px 0 40px;
        }
        .form-section-voluintern {
            background-color: white;
            padding: 40px;
            border-radius: 10px;
            border: 2px solid #FFAC00;
        }
        .btn-volunintern {
                background-color: #FFAC00;
    border-color: #FFAC00;
    color: white;
    font-size: 11px;
    padding: 12px 31px;
    border-radius: 30px;
        }
        .btn-volunintern:hover {
            background-color: #FFAC00;
            border-color: #FFAC00;
            color: black;
        }
        .form-label-vol-intern {
            color: #FFAC00;
            font-weight: 500;
        }
        
        .form-select:focus{
            box-shadow: none;
            border-color: #dee2e6;
        }
        
        .form-containerintern input{
        color: #625d5d;
        }
         .form-containerintern select{
        color: #625d5d;
        }
        
        .form-fulerha .form-control, .form-control:focus {
    /* border: none; */
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    /* box-shadow: none; */
}

.bread-common-super{
    position: relative;
    z-index: 1;
    width: 100%;
    text-align: start;
    bottom: -80px;
}



.logo-boxmain {
      border: 1px solid #ddd;
      padding: 20px;
      border-radius: 8px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      height: 100%;
    }
    .logo-boxmain:hover {
      transform: translateY(-5px);
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }
    .logo-boxmain img {
    width: 100%;
    height: 100%;
    max-height: 82px;
    max-width: 82px;
    }
    
    .odr-projectone{
        order: 1;
    }
    .odr-projecttwo{
        order: 2;
    }