:root {

    --cr-green: #3a5a4a;

    --cr-green-dark: #2f4b3e;

    --cr-navy: #1a2a4a;

    --cr-mint: #eef3f1;

    --cr-sand: #f1efeb;

    --cr-gold: #b8964f;

    --bs-body-font-family: 'Montserrat', system-ui, sans-serif;

    --bs-body-color: #2b2f36;

}



body {

    font-family: var(--bs-body-font-family);

    overflow-x: hidden;

}



h1,

h2,

h3,

h4,

h5 {

    color: var(--cr-navy);

    font-weight: 700;

}

/* Increase Container Width */

@media (min-width: 1200px) {

    .container {

        max-width: 1280px !important; 

    }

}

@media (min-width: 1400px) {

    .container {

        max-width: 1480px !important;  */

    }

}

.eyebrow {

    font-size: 18px;

    letter-spacing: .18em;

    text-transform: uppercase;

    font-weight: 600;

    color: var(--cr-green);

}



.banner-text {

    font-size: 18px;

    font-weight: 600;

}



.btn-cr {

    background: var(--cr-green);

    color: #fff;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: .1em;

    text-transform: uppercase;

    padding: .6rem 1rem;

    border-radius: 4px;

    border: 1px solid var(--cr-green);

}


.welcomeboxinner {
  float: left;
  width: 100%;
  border: solid 1px #5f6f60;
  border-radius: 15px;
  padding: 15px;
  margin-top: 35px;
  display: flex;
  align-items: center;
}
.welcomeboxinner-img {
  float: left;
  width: 40%;
}
.welcomeboxinner-img img {
  width: 100%;
  border-radius: 5px;
  height: 200px;
  object-fit: contain;
}
.welcomeboxinner-text {
  padding-top: 15px;
}
.welcomebox h5 {
  color: #141414;
  font-size: 18px;
  line-height: 34px;
  font-weight: 500;
  text-align: left;
  position: relative;
  padding-bottom: 30px;
}
.corporatedonations {
  left: 5% !important;
  text-align: left !important;
}
.two_btn {
  text-align: center;
  width: 68%;
}
.mail_btn, .number_btn {
  background: var(--cr-green);
  border: none;
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 10px 15px;
  border-radius: 5px;
  color: #fff;
  font-weight: 600;
  margin: 0 10px;
}
.btn-cr:hover,

.btn-cr:focus {

    background: var(--cr-green-dark);

    color: #fff;

}



.btn-cr-outline {

    background: transparent;

    color: #fff;

    border: 1px solid rgba(255, 255, 255, .7);

    font-size: 12px;

    font-weight: 600;

    letter-spacing: .1em;

    text-transform: uppercase;

    padding: .7rem 1.2rem;

    border-radius: 4px;

}



.btn-cr-outline:hover {

    background: #fff;

    color: var(--cr-navy);

}



.btn-cr-light {

    background: #fff;

    color: var(--cr-navy);

    font-size: 12px;

    font-weight: 600;

    letter-spacing: .1em;

    text-transform: uppercase;

    padding: .7rem 1.2rem;

    border-radius: 4px;

    border: 1px solid #fff;

}



.btn-cr-light:hover {

    background: var(--cr-mint);

    color: var(--cr-navy);

}



/* Navbar */

.navbar .nav-link {

    font-size: 12px;

    font-weight: 600;

    letter-spacing: .1em;

    text-transform: uppercase;

    color: var(--cr-navy);

}



.brand-mark {

    display: flex;

    align-items: center;

    gap: .6rem;

    text-decoration: none;

    color: var(--cr-green);

}



.brand-mark .logo-icon {

    font-size: 32px;

    line-height: 1;

}



.brand-mark .name {

    font-weight: 500;

    letter-spacing: .14em;

    line-height: 1.1;

    font-size: 17px;

    color: var(--cr-navy);

}



.brand-mark small {

    display: block;

    font-size: 7px;

    letter-spacing: .2em;

    color: var(--cr-gold);

}

.colorred{

    background:red !important;

    border: 1px solid red !important;

  color: #fff;

}
/* 
.innerheading {

  float: left;

  width: 100%;

  padding: 15px 0;

  text-transform: uppercase;

  background: #ECF1ED;

  text-align: center;

  color: #ECF0ED;

  font-weight: 600;

  font-size: 40px;

}  */

.page-header {
    background-color: #e8ece9;
    padding: 50px 0 50px;
    text-align: center;
}

.page-header h1 {
    color: #3A5A4A;
    font-weight: 800;
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.innerheading h1{
     color: #3A5A4A;
    font-weight: 800;
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.headerlogo {
  display: flex;
  justify-content: center;
  gap: 40px;
}

#cardNumber{
    background:none !important;
}
.trusted-section {
  margin-top: 40px;
  margin-bottom: 25px;
}

.trusted-divider span {
    color: #3A5A4A;
}

.trusted-divider span::before, .trusted-divider span::after {
    display: none;
}
.headerlogo {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
    margin-top: 35px;
}

.headerlogo img {
    height: 110px;
    width: auto;
    object-fit: contain;
    transition: transform 0.3s ease, filter 0.3s ease;
    filter: grayscale(15%);
}
.headerlogo img:hover {
    transform: translateY(-4px) scale(1.05);
    filter: grayscale(0%);
}

.section-divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 40px 0 40px;
    position: relative;
}

.section-divider::before, .section-divider::after {
    content: '';
    flex: 1;
    border-bottom: 2px solid #f5b700;
}

.section-divider span {
    padding: 0 30px;
    color: #3A5A4A;
    font-weight: 800;
    font-size: 24px;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 0.5px;
}

.login-heading h2{
    text-align: center;
}


.login-heading p{
    font-size: 16px;
    text-align: center;
    margin-bottom: 30px;
}

.innerheading {

      background-color: #e8ece9;
    padding: 50px 0 50px;
    text-align: center;

}

.headerlogo img {

  width: 110px;

}

.settitle h1, .settitle1 h1 {

  text-transform: uppercase;

  text-align: left;

  color: #4f5e50;

  font-weight: 600;

  font-size: 40px !important;

  text-align: left !important;

  white-space: nowrap;

}

.breadcrumb2 {

  font-size: 13px;

  width: 41%;

}

.scholarship-application-bg {

  width: 100%;

  padding: 30px 0;

  min-height: 88vh;

}

.loginform {

  padding: 40px;

  border-radius: 10px;

  background: #fff;

  box-shadow: 0 0 10px #ccc;

  margin-top: 30px;

}

.studentform1 label {

  color: #1e1e1e;

  font-size: 18px;

  font-weight: 600;

  display: block;

}

label {

  margin-bottom: .5rem;

}


.studentform1 .form-control {
 font-size: 15px;

 color: #000;

 height: 54px;

 border: none;

}

.form-group .input-box{
    
    display: flex;
    justify-content: center;
    align-items: center;
    /*padding: 0px 25px;*/
    border: solid 1px #d7d7d7; 
    background: #fff;
    border-radius: 5px;
}

.forgotpass {

  color: #4f5e50;

  font-weight: 600;

  float: right;

}


.sign-in-btn{
    width: 100%;
    color: #4f5e50;
    font-weight: 600;
    padding: 18px 45px;
    box-shadow: 0 3px 5px #3A5A4A;
    border-radius: 5px;
        margin-top: 20px;
}

.login-bottom{
    position: relative;
}

.trusted-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
        width: 70%;
     margin: 15px auto 29px;
}

.trusted-title span {
    font-size: 17px;
    color: #29464a;
    white-space: nowrap;
}

.trusted-title::before,
.trusted-title::after {
    content: "";
    height: 2px;
    background-color: #bbbbbb;
    flex: 1;
}

.trust-heading{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.communitylink {
  display: inline-block;
  color: var(--cr-green);
  border: solid 2px var(--cr-green);
  padding: 10px 25px;
  border-radius: 5px;
  font-weight: 600;
}

.communitylink:hover {
  background: var(--cr-green);
  color: #fff;
}

.trust-heading .line {
    position: absolute;
        width: 100%;
    top: 27%;
    border-top: 2px solid #f5b700;
    height: 2px;
    margin: 0 auto;
}

.trust-heading h3{
    
    font-size: 24px;
    text-align: center;
    padding: 10px 30px;
    color: #3A5A4A;
    font-weight: 800;
    position: relative;
    margin-bottom: 35px;
     z-index: 1;
    background: #fff;
    letter-spacing: 0.5px;
}

element {

}

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {

  cursor: pointer;

}

.submit-btn{
    width: 100%;

  display: inline-block;

  border-radius: 5px;

  padding: 18px 45px;

  margin-top: 15px;

  font-size: 18px;

  text-align: center;

  font-weight: 600;

  color: #fff;

  border: none;

  background: #4f5e50;


}

.submit-btn i{
    margin-left: 5px;
}

.submit-btn a{
        background-color: #4f5e50;
    border: none;
    color: #fff;
    font-weight: 500;
}

.settitle, .settitle1 {

  text-align: left;

}

.settitle, .settitle1 {

  padding-top: 1% !important;

}

.settitle {

  width: 41%;

  float: left;

  white-space: nowrap;

}

.settitle2 {

  padding-top: 8%;

  font-size: 37px;

}

.settitle1 {

  width: 54%;

  float: left;

  padding-top: 2%;

}

.breadcrumb3 {

  font-size: 13px;

  width: 50%;

  text-align: left;

  padding-left: 2%;

}

.forgotpass:hover {

  color: #000;

}

/* Header */

.site-header {

    background: #fff;

    padding: .9rem 0;

    border-top: 1px solid #e6e6e6;

}



.site-header .container {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

}



.site-header .logo img {

    display: block;

    height: 85px;

    width: auto;

    max-width: 100%;

}



.site-header .menus {

    display: flex;

    align-items: center;

}



.site-header .navbar-nav {

    gap: .25rem;

    align-items: center;

}



.site-header .nav-link {

    font-size: 13px;

    font-weight: 600;

    letter-spacing: .1em;

    text-transform: uppercase;

    color: #2a2f3a;

    padding: .5rem .9rem;

}



.site-header .nav-link:hover {

    color: var(--cr-green);

}



.nav-actions {

    display: flex;

    gap: .7rem;

    margin-left: 1rem;

}



.btn-nav {

    display: inline-flex;

    align-items: center;

    gap: .6rem;

    background: var(--cr-green);

    color: #fff;

    font-size: 13px;

    font-weight: 600;

    letter-spacing: .1em;

    text-transform: uppercase;

    padding: .8rem 1.1rem;

    border-radius: 6px;

    border: 0;

    white-space: nowrap;

}



.btn-nav:hover,

.btn-nav:focus {

    background: var(--cr-green-dark);

    color: #fff;

}



@media(max-width:991.98px) {

    .site-header .menus {

        display: contents;

    }

    .site-header .navbar-toggler {

        margin-left: auto;

    }

    .site-header .navbar-collapse {

        flex-basis: 100%;

        padding-top: 1rem;

    }

    .site-header .navbar-nav {

        align-items: flex-start;

    }

    .site-header .nav-link {

        padding-left: 0;

    }

    .nav-actions {

        margin-left: 0;

    }

    .site-header .logo img {

        height: 52px;

    }

}



@media(max-width:400px) {

    .nav-actions {

        flex-direction: column;

    }

}



/* Hero */

.hero-wrap {

    padding: 0 .5rem;

}



.hero {

    background: var(--cr-mint);

    border-radius: 40px;

    position: relative;

    overflow: hidden;

    padding-bottom: 9rem;

}



.hero .content {

    position: relative;

    z-index: 2;

    padding-top: 7rem; 

}



.hero h1 {

    font-size: clamp(40px, 6vw, 72px); 

    font-weight: 800;

    line-height: 1.05;

    letter-spacing: -.01em;

}



.hero-img-main {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    width: 45%;

    background: url('../images/hero-girl.webp') center/cover;

    -webkit-mask-image: linear-gradient(to right, transparent, #000 35%);

    mask-image: linear-gradient(to right, transparent, #000 35%);

}



/* Badges / Logos */

.badges img,

.badges span.badge-ph {

    height: 90px; 

    width: auto;  

    border-radius: 0; 

    object-fit: contain;

    background: transparent;

}



@media(max-width:767.98px) {

    .hero-img-main {

        position: relative;

        width: 100%;

        height: 300px;

        -webkit-mask-image: none;

        mask-image: none;

        order: 2;

    }
    .welcomeboxinner-img {
        width: 100%;
    }
    .welcomebox h5 {
        font-size: 20px;
    }
    .two_btn {
        text-align: center;
        width: 100%;
        white-space: nowrap;
    }
    .welcomeboxinner {
        flex-direction: column;
    }



    .hero {

        padding-bottom: 5rem;

    }



    .hero .content {

        padding-top: 2rem;

    }

}



/* Stats */

.stats {

    background: var(--cr-green);

    color: #fff;

    border-radius: 14px;

    margin-top: -4rem;

    position: relative;

    z-index: 3;

    padding: 1.6rem 1rem;

}



.stat-icon {

    width: 60px;

    height: 60px;

    background-color: #d1f2e0;

    color: #2b5c43; 

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 24px;

}



.stat .num {

    font-size: 38px;

    font-weight: 700;

    line-height: 1;

}



.stat .lbl {

    font-size: 17px;

    font-weight: 500;

}



.stat .sub {

    font-size: 14px;

    color: #cfe6da;

}

.padding30{

    padding:30px 0 20px 0px; 

}



@media(min-width:768px) {

    .stat+.stat {

        border-left: 1px solid rgba(255, 255, 255, .25);

    }

}



/* About */

.about img {

    border-radius: 14px;

    width: 100%;

    aspect-ratio: 1/1.03;

    object-fit: cover;

}



.about h2 {

    font-size: clamp(26px, 3vw, 34px);

}



.about .lead-text {

    font-size: 18px;

    color: #444;

}



.about .small-text {

    font-size: 18px;

    color: #555;

}



.small-text {

    font-size: 18px;

    color: #000000;

}



/* Cards */

.way-card {

    background: var(--cr-mint);

    border-radius: 12px;

    padding: 1rem;

    height: 100%;

}



.way-card img {

    width: 100%;

    height: 150px;

    object-fit: cover;

    border-radius: 8px;

}



.way-card .tag {

    font-size: 12px;

    letter-spacing: .1em;

    text-transform: uppercase;

    font-weight: 600;

    color: var(--cr-green);

}



.way-card h3 {

    font-size: 18px;

    line-height: 1.4;

}



.way-card p {

    font-size: 16px;

    color: #555;

}



/* Quote banner */

.banner {

    background: url('../images/boy_image.png') center/cover, var(--cr-sand);

    border-radius: 20px;

    overflow: hidden;

    position: relative;

    padding: 80px 40px !important;

}



.banner .inner {

    position: relative;

    z-index: 2; 

    display: flex;

    justify-content: space-between;

}



.banner h2 {

    font-size: clamp(32px, 4vw, 48px); 

}



.quote {

    font-family: 'Playfair Display', serif;

    font-style: italic;

    font-size: 30px;

    font-weight: 600;

    color: var(--cr-navy);

    line-height: 1.4;

}



.right-text .quote {

    position: relative;

    padding-bottom: 25px;

    margin-bottom: 25px !important;

}



.right-text .quote::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 95px;

    height: 5px;

    background: #396b59;

}



.logo-row span img {

    width: 90px;

}



.right-text {

    position: relative;

    left: 25px;

    top: 50px;

}



@media (max-width: 991.98px) {

    .right-text {

        position: static;

        left: unset;

        top: unset;

    }



    .banner {

        position: relative;

        overflow: hidden;

    }



    .banner::before {

        content: "";

        position: absolute;

        inset: 0;

        background: rgba(247, 246, 241, 0.88);

        z-index: 1;

    }



    .banner .inner {

        position: relative;

        z-index: 2;

    }

}



@media(max-width:767.98px) {

    .banner .img {

        position: relative;

        left: 0;

        height: 220px;

        -webkit-mask-image: none;

        mask-image: none;

    }

}



/* Logos */

.logo-row {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

    gap: 1.5rem 2.2rem;

    font-weight: 700;

    color: #2c2c2c;

}



.logo-row span {

    font-size: 18px;

    opacity: .85;

}



/* CTA */

.cta {

    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/cta-bg.png') center/cover no-repeat;

    color: #fff;

    border-radius: 16px;

    padding: 3rem 1.5rem;

    text-align: center;

}



.container  .cta h2 {

    color: #fff !important;

    font-size: clamp(24px, 3.4vw, 35px);

}



.cta .eyebrow {

    color: #cdd6e6;

}



/* Footer */

footer {

    background: var(--cr-green);

    color: #fff;

    border-radius: 20px 20px 0 0;

    margin: 0 .5rem;

}



footer a {

    color: #fff;

    text-decoration: none;

    font-size: 14px;

}



footer a:hover {

    text-decoration: underline;

}



footer h5 {

    color: #fff;

    font-size: 16px;

    font-weight: 600;

}



.footer-logo {

    background: #fff;

    border-radius: 8px;

    padding: 1.2rem 1.5rem;

    display: inline-block;

}



footer hr {

    border-color: rgba(255, 255, 255, .3);

    opacity: 1;

}



.social a {

    font-size: 18px;

    margin-right: .7rem;

    font-weight: 700;

}



a:focus-visible,

.btn:focus-visible {

    outline: 3px solid var(--cr-gold);

    outline-offset: 2px;

}

@media (max-width: 991px) {
    .content-box { padding: 40px; }
    .headerlogo {
        gap: 30px !important;
    }
}

@media (max-width: 768px) {
    .page-header h1 { font-size: 26px; }
    .content-box { padding: 30px 20px; }
    .intro-section { flex-direction: column; text-align: center; }
    .icon-circle { margin: 0 auto 20px; }
    .section-divider span { padding: 0 15px; font-size: 15px; }
    .section-divider span::before, .section-divider span::after { width: 25px; }
}

@media (max-width: 767px) {
    .badges img ,.headerlogo img {
        height: 55px !important;
    }
    .headerlogo {
        gap: 10px !important;
    }
    
}



@media (min-width: 992px) and (max-width: 1199.98px) {
    .site-header .container {
        flex-wrap: nowrap !important;
    }
    .site-header .logo {
        flex-shrink: 0 !important;
    }
    .site-header .logo img {
        width: auto !important;
        max-width: none !important;
        height: 70px !important; /* Slightly smaller logo to make room */
    }
    .site-header .nav-link {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
        font-size: 13px !important;
        white-space: nowrap;
    }
    .nav-actions {
        margin-left: 0.5rem !important;
    }
    .btn-nav {
        padding: 0.6rem 1rem !important;
        font-size: 13px !important;
        white-space: nowrap;
    }
}
.site-header .dropdown-menu {
    background-color: #3a5a4a;
    border: none;
    padding: 0;
}
.site-header .dropdown-item {
    color: white !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 10px 20px;
}
.site-header .dropdown-item:last-child {
    border-bottom: none;
}
.site-header .dropdown-item:hover,
.site-header .dropdown-item:focus {
    background-color: rgba(255, 255, 255, 0.1);
    color: white !important;
}

@media (min-width: 992px) {
    .site-header .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
}




/* --- Premium Blog Page Styling (V3) --- */

/* Background for the entire blog section */
.bodbg {
    background-color: #f9fafb;
    padding: 70px 0;
}

/* Individual Blog Post Card Styling */
.blogpost {
    background: #ffffff;
    border-radius: 8px; 
    padding: 40px 45px !important;
    margin-bottom: 40px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.04);
    border: 1px solid #eaeaea;
    border-left: 6px solid #3A5A4A; 
}

/* Blog Title */
.blogpost h4 {
    margin-bottom: 15px !important;
}

.blogpost h4 a {
    color: #111827; 
    text-decoration: none;
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1.3;
    transition: color 0.2s ease;
}

.blogpost h4 a:hover {
    color: #3A5A4A; 
}

/* Blog Date Styling (Editorial Look) */
.blogpost h5 {
    color: #3A5A4A; 
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 25px;
    display: inline-flex;
    align-items: center;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 15px;
    width: 100%;
}

/* Blog Paragraph/Excerpt Text */
.blogpost p {
    color: #374151; 
    line-height: 1.8;
    font-size: 1.05rem;
    margin-bottom: 35px;
}

.blogpost .btn-primary:active{
    color: #fff;
    background-color: #374151 !important;
    border-color: #374151 !important;
}

.blogh2details h4 a{
    color: #3A5A4A !important;
}
.blogh2details h4 a:hover{
    color: #28303D !important;
}

/* Mobile responsive padding */
@media (max-width: 768px) {
    .blogpost {
        padding: 30px 25px !important;
        border-left-width: 4px;
    }
    .blogpost h4 a {
        font-size: 1.4rem;
    }
    .bodbg {
    
    padding: 170px 0;
}
.headerlogo img {
    width: 60px;
}
}



/* --- Premium Blog DETAIL Page Styling (Updated) --- */

/* Main Container for the Article */
article.blogs.entry {
    background: #ffffff;
    border-radius: 12px;
    padding: 60px 70px;
    margin: 60px auto 40px auto;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
    border-top: 6px solid #3A5A4A; 
    max-width: 100%; /* Width ko ab badha diya gaya hai */
}

/* Blog Title Styling */
.entry-header .entry-title {
    color: #3A5A4A;
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1.25;
    margin-bottom: 30px !important;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 25px;
}

/* Content Text (Paragraphs) Styling */
.entry-content {
    color: #374151;
    font-size: 1.15rem; 
    line-height: 1.85; 
}

.entry-content p {
    margin-bottom: 25px;
}

.entry-content strong {
    color: #111827;
    font-weight: 700;
}

.entry-content a {
    color: #3A5A4A;
    text-decoration: underline;
    text-decoration-color: rgba(58, 90, 74, 0.3);
    text-underline-offset: 4px; 
    transition: all 0.2s ease;
}

.entry-content a:hover {
    color: #2c4438;
    text-decoration-color: #2c4438;
}

.scholarship-application-bg {
    background-color: #f9fafb !important; 
    padding-bottom: 80px;
}


/* --- POST NAVIGATION SECTION (Previous/Next Links) --- */
.post-navigation {
    margin: 0 auto 60px auto;
    padding-top: 20px;
}

/* Hide the ugly default "Post navigation" large text */
.post-navigation h2 {
    display: none !important;
}

.post-navigation .nav-links {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
    flex: 1;
    min-width: 280px;
}

.post-navigation .nav-next {
    text-align: right;
}

/* Premium Card Design for Navigation Links */
.post-navigation a {
    display: block;
    color: #3A5A4A;
    font-weight: 600;
    font-size: 1.05rem;
    line-height: 1.5;
    text-decoration: none !important;
    padding: 20px 25px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02);
}

.post-navigation a:hover {
    background: #f9fafb;
    border-color: #3A5A4A;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(58, 90, 74, 0.08);
}


/* Mobile Responsiveness */
@media (max-width: 768px) {
    article.blogs.entry {
        padding: 40px 25px;
        margin: 30px auto;
        border-top-width: 4px;
    }
    .entry-header .entry-title {
        font-size: 1.8rem;
    }
    .entry-content {
        font-size: 1.05rem;
    }
    .post-navigation .nav-next {
        text-align: left;
    }
}



/* --- Fix Chrome Autofill Blue Background & Border --- */
.form-control:focus{
    box-shadow: none !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    /* Ye background ko force white kar dega */
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    
    /* Ye text color ko dark rakhega */
    -webkit-text-fill-color: #374151 !important; 
    
    /* Smooth transition trick to avoid background flash */
    transition: background-color 5000s ease-in-out 0s !important;
    
    /* Autofill hone par jo blue border aata hai usko hata dega */
    border: 1px solid #e5e7eb !important; 
    outline: none !important;
}
/* Jab input field par focus (click) ho */
input:-webkit-autofill:focus {
    border: none !important; /* Aapka brand green color */
    box-shadow: none !important;
}


/*team page start*/

.breadcrumb2 {
    display: none !important;
    display: flex;
    justify-content: center;
    gap: 8px;
    font-size: 16px;
    color: #4b5563;
}

.breadcrumb2 a {
    color: #3A5A4A;
    text-decoration: none;
    font-weight: 600;
}

.breadcrumb2 span {
    color: #4b5563;
    font-weight: 500;
}
.main-content-wrapper {
    padding-bottom: 50px;
}

.content-box {
    margin-top: 50px;
}

.intro-section {
    display: flex;
    align-items: center;
    background: linear-gradient(145deg, #ffffff, #f9fbf9);
    padding: 40px 45px;
    border-radius: 16px;
    margin-bottom: 50px;
    box-shadow: 0 10px 30px rgba(18, 76, 41, 0.05);
    border: 1px solid rgba(18, 76, 41, 0.1);
    position: relative;
    overflow: hidden;
}

.intro-section::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 6px;
    background: linear-gradient(to bottom, #f5b700, #d49e00);
}

.icon-circle {
    width: 85px;
    height: 85px;
    background: linear-gradient(135deg, #3A5A4A 0%, #3A5A4A 100%);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 35px;
    flex-shrink: 0;
    box-shadow: 0 12px 24px rgba(18, 76, 41, 0.2);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease;
}

.icon-circle svg {
    stroke: #f5b700 !important;
    width: 42px;
    height: 42px;
}

.intro-section:hover .icon-circle {
    transform: translateY(-5px) scale(1.05) rotate(3deg);
    box-shadow: 0 16px 32px rgba(18, 76, 41, 0.3);
}

.intro-text {
    position: relative;
    z-index: 1;
}

.intro-text h2 {
    color: #3A5A4A;
    font-weight: 800;
    font-size: 28px;
    margin-bottom: 12px;
    letter-spacing: -0.5px;
}

.intro-text p {
    color: #4b5563;
    font-size: 17px;
    line-height: 1.7;
    margin: 0;
    font-weight: 500;
}

.section-divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 40px 0 40px;
    position: relative;
}

.section-divider::before, .section-divider::after {
    content: '';
    flex: 1;
    border-bottom: 2px solid #f5b700;
}

.section-divider span {
    padding: 0 30px;
    color: #3A5A4A;
    font-weight: 800;
    font-size: 24px;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 0.5px;
}

.bodrow {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.04);
    padding: 20px;
    text-align: center;
    margin-bottom: 30px;
    height: calc(100% - 30px);
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #f3f4f6;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.bodrow:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    border-color: #e5efe8;
}

.bodrow-img {
    width: 100%;
    height: 300px;
    margin-bottom: 18px;
    border-radius: 8px;
    overflow: hidden;
}

.bodrow-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    filter: grayscale(100%);
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.6s ease;
}

.bodrow:hover .bodrow-img img {
    transform: scale(1.06);
    filter: grayscale(100%);
}

.bodrow-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}

.bodrow-content h2 {
    font-size: 16px;
    color: #111827;
    font-weight: 800;
    margin-bottom: 4px;
}

.bodrow-content h3 {
    font-size: 13px;
    color: #4b5563;
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 1.4;
}

.btn-primary {
    background-color: #3A5A4A !important;
    border-color: #3A5A4A !important;
    padding: 8px 28px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    margin-top: auto;
    align-self: center;
}

.btn-primary:hover {
    background-color: #143a23 !important;
    border-color: #143a23 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(28, 88, 54, 0.25) !important;
}

.bottom-disclaimer {
    margin-top: 50px;
    text-align: center;
}

.bottom-disclaimer p {
    color: #4b5563;
    font-size: 14px;
    line-height: 1.6;
    max-width: 900px;
    margin: 0 auto;
    font-weight: 500;
}

.trusted-section {
    margin-top: 50px;
}

.trusted-divider span {
    color: #3A5A4A;
}

.trusted-divider span::before, .trusted-divider span::after {
    display: none;
}

/*team page end*/


/*our mission page start*/
/* Content Area */
.main-content-wrapper {
    padding: 60px 0 80px;
}
.content-box {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.03);
    padding: 40px 50px;
    border: 1px solid #f3f4f6;
}


/*our mission page end*/

.faq-accordion .accordion-item {
    border-radius: 8px !important;
    overflow: hidden;
}
.faq-accordion .accordion-button {
    font-weight: 600;
    color: #3A5A4A;
    background-color: #f5fcf7;
    border-bottom: 1px solid #e2f3e8;
    padding: 20px;
    box-shadow: none !important;
}
.faq-accordion .accordion-button:not(.collapsed) {
    background-color: #e2f3e8;
    color: #1a3326;
}
.faq-accordion .accordion-button:focus {
    border-color: #e7c13b;
    box-shadow: 0 0 0 0.25rem rgba(231, 193, 59, 0.25) !important;
}
.faq-accordion .accordion-button::after {
    filter: invert(32%) sepia(21%) saturate(913%) hue-rotate(97deg) brightness(94%) contrast(88%);
}
.faq-accordion .accordion-body {
    background-color: #fff;
    padding: 25px;
    font-size: 15px;
    line-height: 1.6;
}
.faq-accordion .accordion-body p:last-child {
    margin-bottom: 0;
}
/* Reusing classes from other pages if not globally available */
.notice-card {
    background-color: #fff9e6;
    border: 1px solid #fde68a;
    border-radius: 12px;
    padding: 25px 30px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.notice-text p {
    margin: 0;
    font-size: 14px;
    color: #4b5563;
    line-height: 1.6;
}
.notice-text p + p {
    margin-top: 10px;
}
.form-section-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.form-section-header {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}
.form-section-header::after {
    content: '';
    flex: 1;
    height: 2px;
    background-color: #e7c13b;
    margin-left: 15px;
}
.trusted-section {
    margin-top: 50px;
}

.trusted-divider span {
    color: #3A5A4A;
}

.trusted-divider span::before, .trusted-divider span::after {
    display: none;
}




.headerlogo {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
    margin-top: 35px;
}

.headerlogo img {
    height: 110px;
    width: auto;
    object-fit: contain;
    transition: transform 0.3s ease, filter 0.3s ease;
    filter: grayscale(15%);
}
.headerlogo img:hover {
    transform: translateY(-4px) scale(1.05);
    filter: grayscale(0%);
}
@media (max-width: 767px) {
    .notice-card {
        flex-direction: column;
    }
}
@media only screen and (max-width: 599px) {
    .headerlogo img { width: 60px; }
}
.page-header {
    background-color: #e8ece9;
    padding: 50px 0 50px;
    text-align: center;
}

.page-header h1 {
    color: #3A5A4A;
    font-weight: 800;
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.headerlogo {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
    margin-top: 35px;
}

.headerlogo img {
    height: 110px;
    width: auto;
    object-fit: contain;
    transition: transform 0.3s ease, filter 0.3s ease;
    filter: grayscale(15%);
}
.headerlogo img:hover {
    transform: translateY(-4px) scale(1.05);
    filter: grayscale(0%);
}


/* Modals */
.modal-content {
    border-radius: 12px;
    border: none;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}
.modal-header {
    border-bottom: none;
    padding: 20px 20px 0;
}
.modal-body {
    padding: 10px 40px 40px;
}
.modalname {
    color: #3A5A4A;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 5px;
}
.executivemodal {
    color: #4b5563;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px;
}

@media (max-width: 991px) {
    .content-box { padding: 40px; }
}

@media (max-width: 768px) {
    .page-header h1 { font-size: 26px; }
    .content-box { padding: 30px 20px; }
    .intro-section { flex-direction: column; text-align: center; }
    .icon-circle { margin: 0 auto 20px; }
    .section-divider span { padding: 0 15px; font-size: 15px; }
    .section-divider span::before, .section-divider span::after { width: 25px; }
}
.page-header {
    background-color: #e8ece9;
    padding: 50px 0 50px;
    text-align: center;
}

.page-header h1 {
    color: #3A5A4A;
    font-weight: 800;
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}


.heading_col{
    margin-top:20px;
}
.trusted-section {
    margin-top: 50px;
    padding-bottom: 0px !important;
}

.section-divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 40px 0 40px;
    position: relative;
}

.section-divider::before, .section-divider::after {
    content: '';
    flex: 1;
    border-bottom: 2px solid #f5b700;
}

.section-divider span {
    padding: 0 30px;
    color: #3A5A4A;
    font-weight: 800;
    font-size: 24px;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 0.5px;
}

.trusted-divider span::before, .trusted-divider span::after {
    display: none;
}

@media only screen and (max-width: 768px) {
    .headerlogo {
        gap: 20px;
    }
    .headerlogo img {
        height: 70px;
    }
    .section-divider span { padding: 0 15px; font-size: 15px; }
}

@media only screen and (max-width: 599px) {
    .headerlogo img {
        width: 60px;
    }
    .settitle {
        white-space: inherit;
    }
    .breadcrumb2 {
        width: 100%;
    }
}

@media only screen and (max-width:599px) {
    .breadcrumb3 {
        font-size: 13px;
        width: 100% !important
    }

    .settitle1 h1 {
        font-size: 19px;
        text-align: right;
        margin-right: 5%
    }

    .headerlogo img {
        width: 60px
    }
}


/* Two-column layout styling */
.custom-layout-row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}
.shadow-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    padding: 30px;
    margin-bottom: 30px;
    border: 1px solid #eaeaea;
}
.sidebar-box {
    background-color: #f4f9f5;
    border: none;
    border-radius: 16px;
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
}
.sidebar-header-row {
    display: flex;
    align-items: flex-end;
    gap: 15px;
    margin-bottom: 25px;
}
.sidebar-icon-wrap {
    background-color: #c8e6c9;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sidebar-title {
    margin: 0;
    font-weight: 700;
    font-size: 22px;
    color: #075c3f;
}
.sidebar-divider {
    border-top: 2px solid #e7c13b;
    margin: 8px 0 0 0;
}
.remember-box {
    background-color: #fff8e1;
    border: 1px solid #fcefc7;
    border-radius: 8px;
    padding: 20px;
    margin-top: 30px;
}
.remember-header, .article-header {
    display: flex;
    align-items: center;
    gap: 12px;
}
.recenttitle { margin: 0; font-weight: 700; font-size: 20px; color: #3A5A4A; }
.remember-title { margin: 0; font-weight: 700; font-size: 18px; color: #3A5A4A; }
.article-divider {
    border-top: 2px solid #e7c13b;
    margin: 15px 0 20px 0;
}


.stepper {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}
.stepper li {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 0;
    padding-bottom: 30px;
    position: relative;
}
.stepper li:last-child {
    padding-bottom: 0;
}
.stepper li:not(:last-child)::before {
    content: '';
    position: absolute;
    left: 17px;
    top: 36px;
    bottom: 0;
    width: 2px;
    background-color: #3A5A4A;
}
.step-num {
    background-color: #3A5A4A;
    color: #fff;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    z-index: 2;
}
.stepper li p {
    margin: 0;
    padding-top: 6px;
    font-size: 15px;
    color: #1f2937;
    font-weight: 500;
}
.remember-text {
    margin-top: 10px;
    color: #4b5563;
    line-height: 1.5;
    font-size: 14px;
}
.article-content-flex {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}
.article-thumb {
    width: 150px;
    border-radius: 8px;
    object-fit: cover;
}
.article-text {
    flex: 1;
}


.article-text h4 {
    margin-top: 0;
    color: #3A5A4A;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3;
}
.article-text p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}
.read-more-link {
    display: inline-block;
    margin-top: 10px;
    color: #1976d2;
    font-weight: 600;
    text-decoration: none;
}
.read-more-link:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .article-content-flex {
        flex-direction: column;
    }
    .article-thumb {
        width: 100%;
        max-height: 200px;
    }
}

.studentform {
    padding: 30px;
}
.studentform label {
    font-weight: 700;
    color: #111827;
    font-size: 14px;
    margin-bottom: 8px;
}
.studentform label span {
    color: #ef4444; /* Red asterisk */
}
.studentform .form-control {
    width: 100%;
    padding: 12px 16px 12px 44px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background-color: #f9fafb;
    font-size: 15px;
    color: #1f2937;
    margin-bottom: 20px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 20px 20px;
}
.studentform .form-control:focus {
    border-color: #3A5A4A;
    outline: none;
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(58, 90, 74, 0.1);
}

/* Radio buttons side by side */
.studentform input[type="radio"] {
    margin-right: 8px;
    margin-top: -2px;
    vertical-align: middle;
}
.studentform p.mb-2, .studentform p.mb-0 {
    display: inline-block;
    margin-right: 25px;
    font-size: 15px;
    font-weight: 500;
}

/* Submit button */
.btnsubmit {
    background-color: #3A5A4A !important;
    color: #fff;
    padding: 12px 30px;
    border-radius: 6px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    margin-top: 15px;
    transition: background-color 0.3s;
}

.btnsubmit:hover {
    background-color: #2A4A3A !important;
}

/* Section Header Styling */
.form-section-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 30px;
    margin-bottom: 25px;
    position: relative;
    width: 100%;
}
.form-section-header::after {
    content: '';
    flex: 1;
    height: 2px;
    background-color: #e7c13b;
}
.form-section-header h2 {
    margin: 0;
    font-size: 22px;
    color: #3A5A4A;
    font-weight: 700;
}
.form-section-icon {
    width: 44px;
    height: 44px;
    background-color: #dcfce7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form-section-icon svg {
    width: 24px;
    height: 24px;
    stroke: #3A5A4A;
}
.loginform .logininput{
    /*padding:0 !important;*/
    border: 0px !important;
}
/* Amount Input Wrapper */
.amount-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.amount-wrapper .currency-symbol {
    background-color: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-right: none;
    border-radius: 8px 0 0 8px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    color: #4b5563;
    font-weight: 600;
    font-size: 16px;
    height: 50px;
    margin-bottom: -7px;
}


.amount-wrapper input {
    border-radius: 0 8px 8px 0 !important;
    padding-left: 16px !important;
    background-image: none !important;
    margin-bottom: 0 !important;
}

/* Force headings to be green instead of white */
 /* Keep main header white if it was */
.container h2, 
.container h3, 
.filter-card h2, 
.filter-card h3,
.filter-fields-wrap h2,
.filter-fields-wrap h3,
.form-section-header h2 {
    color: #3A5A4A !important;
}

.multiselect-dropdown span.maxselected { width:100%; min-height:42px !important; }
.multiselect-dropdown                  { min-height:50px !important; }
.form-control                          { min-height:50px !important; }
.multiselect-dropdown span.placeholder { padding:10px !important; background:none !important; }
.nopadding                             { padding-left:0; padding-right:0; }

.filter-card {
    background-color: #f1f8f4;
    border-radius: 12px;
    padding: 30px 40px;
    border: none;
}
.filterbtn {
    background-color: #0b2c1f;
    color: white;
    padding: 12px 40px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: background-color 0.2s;
}
.filterbtn:hover {
    background-color: #164f3a;
    color: white;
}
.map-container {
    border-color: #eaeaea !important;
}

.filter-fields-wrap .form-control, 
.filter-fields-wrap .multiselect-dropdown {
    background-color: white;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.filter-fields-wrap label, .filter-fields-wrap .col-form-label {
    font-size: 13px;
    font-weight: 700;
    color: #1a3326;
    margin-bottom: 6px;
    display: block;
}
.form-section-header {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}
.form-section-header::after {
    content: '';
    flex: 1;
    height: 2px;
    background-color: #e7c13b;
    margin-left: 20px;
}
.trusted-section {
    margin-top: 50px;
}

.trusted-divider span {
    color: #3A5A4A;
}

.trusted-divider span::before, .trusted-divider span::after {
    display: none;
}

@media only screen and (max-width:599px) {
    .headerlogo img { width:60px; }
    .filter-fields-wrap .schoolclass    { font-size:1.25rem; color:#212529; text-align:center; }
    .schoolclass    { font-size:1.25rem; color:#fff; text-align:center; }
    .filter-card { padding: 20px; }
}
.multiselect-dropdown-list div {
    padding: 5px;
    display: flex;
}
/* Page Header */
.page-header {
    background-color: #e8ece9;
    padding: 50px 0 50px;
    text-align: center;
}
.page-header h1 {
    color: #3A5A4A;
    font-weight: 800;
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}


/* Dashboard Wrapper */
.main-content-wrapper {
    padding: 60px 0 80px;
}


/* Welcome Box */
.dashboard-welcome-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 30px 40px;
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.04), 0 2px 6px rgba(0,0,0,0.02);
    border: 1px solid #f3f4f6;
    margin-bottom: 40px;
}
.dashboard-header-left h2 {
    color: #111827;
    font-weight: 800;
    font-size: 26px;
    margin-bottom: 5px;
}
.dashboard-header-left h2 span {
    color: #3A5A4A;
}
.dashboard-header-left p {
    color: #4b5563;
    font-size: 16px;
    margin: 0;
    font-weight: 500;
}

/* Notifications */
.notification-dropdown {
    position: relative;
}
.notification-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: #f9fafb;
    border-radius: 50%;
    color: #4b5563;
    position: relative;
    transition: all 0.3s ease;
}
.notification-btn:hover {
    background: #f3f4f6;
    color: #3A5A4A;
}
.notification-btn .badge {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #f5b700;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
}
.notification-dropdown .dropdown-menu {
    width: 320px;
    border: none;
    border-radius: 12px;
    padding: 0;
    overflow: hidden;
    margin-top: 10px;
}
.dropdown-header {
    background: #f9fafb;
    color: #111827;
    font-weight: 700;
    padding: 15px 20px;
    font-size: 14px;
    border-bottom: 1px solid #f3f4f6;
}
.notification-item {
    padding: 15px 20px;
    border-bottom: 1px solid #f3f4f6;
    white-space: normal;
    transition: background 0.3s ease;
}
.notification-item:hover {
    background: #f9fafb;
}
.notification-item p {
    margin: 0 0 5px 0;
    font-size: 14px;
    color: #374151;
    font-weight: 500;
    line-height: 1.4;
}
.notification-item small {
    color: #6b7280;
    font-size: 12px;
}

/* Cards Grid */
.dashboard-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}
.dash-card {
    background: #fff;
    padding: 40px;
    border-radius: 16px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.03);
    border: 1px solid #f3f4f6;
    text-decoration: none !important;
    display: flex;
    flex-direction: column;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    overflow: hidden;
}
.dash-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: transparent;
    transition: background 0.4s ease;
}
.dash-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}
.dash-card:hover::before {
    background: #3A5A4A;
}

.dash-card .icon {
    width: 65px;
    height: 65px;
    border-radius: 14px;
    background: #f4f7f5;
    color: #3A5A4A;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    transition: all 0.3s ease;
}
.dash-card:hover .icon {
    background: #3A5A4A;
    color: #fff;
    transform: scale(1.05) rotate(-5deg);
}

.dash-card h3 {
    color: #111827 !important;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 12px;
}
.dash-card p {
    color: #6b7280;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
    font-weight: 500;
    flex-grow: 1;
}

.dash-card .arrow {
    align-self: flex-start;
    color: #9ca3af;
    transition: all 0.3s ease;
}
.dash-card:hover .arrow {
    color: #3A5A4A;
    transform: translateX(8px);
}

/* Primary Card Variant */
.primary-card {
    background: linear-gradient(145deg, #3A5A4A, #2c473a);
    border: none;
}
.primary-card::before { display: none; }
.primary-card:hover {
    box-shadow: 0 20px 40px rgba(58, 90, 74, 0.3);
}
.primary-card .icon {
    background: rgba(255,255,255,0.15);
    color: #fff;
}
.primary-card:hover .icon {
    background: #fff;
    color: #3A5A4A;
}
.primary-card h3, .primary-card p, .primary-card .arrow {
    color: #fff;
}
.primary-card p {
    color: rgba(255,255,255,0.85);
}
.primary-card:hover .arrow {
    color: #f5b700;
}

/* Responsive */
@media (max-width: 768px) {
    .dashboard-welcome-box {
        flex-direction: column;
        text-align: center;
        gap: 20px;
        padding: 30px 20px;
    }
    .page-header h1 { font-size: 26px; }
}
/* Page Header */
.page-header {
    background-color: #e8ece9;
    padding: 50px 0 50px;
    text-align: center;
}


.page-header h1 {
    color: #3A5A4A;
    font-weight: 800;
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}


/* Header & Button */
.box-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    border-bottom: 2px solid #f3f4f6;
    padding-bottom: 20px;
}
.box-header h2 {
    color: #111827;
    font-weight: 800;
    font-size: 24px;
    margin: 0;
}
.btn-back {
    background-color: #f3f4f6;
    color: #4b5563;
    padding: 8px 20px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid #e5e7eb;
}
.btn-back:hover {
    background-color: #3A5A4A;
    color: #fff;
    border-color: #3A5A4A;
}

/* Custom Detail Row Spacing */
.custom-details-row {
    row-gap: 30px;
}

/* Modern Detail Table */
.modern-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #f3f4f6;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 0;
}
.detail-table tbody tr {
    transition: background 0.3s ease;
}
.detail-table tbody tr:hover {
    background: #f9fafb;
}


.detail-table tbody th {
    background: #f4f7f5;
    color: #374151;
    font-weight: 700;
    font-size: 14px;
    padding: 15px 20px;
    border-bottom: 1px solid #e5efe8;
    border-right: 1px solid #e5efe8;
    width: 45%;
    vertical-align: middle;
}
.detail-table tbody td {
    padding: 15px 20px;
    color: #111827;
    font-size: 15px;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
    font-weight: 500;
}

/* Extras */
.doc-link {
    color: #3A5A4A;
    text-decoration: none;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 5px;
    transition: color 0.2s;
}
.doc-link:hover {
    color: #f5b700;
}
.badge-award {
    background-color: #f5b700;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
}
.sig-box {
    background: #fff;
    padding: 10px;
    border: 1px dashed #d1d5db;
    border-radius: 8px;
    display: inline-block;
}
.sig-box img {
    max-width: 250px;
    width: 100%;
    height: auto;
    display: block;
}
/* Responsive */
@media (max-width: 991px) {
    .content-box { padding: 30px 20px; }
    .box-header { flex-direction: column; align-items: flex-start; gap: 15px; }
    .page-header h1 { font-size: 26px; }
    .detail-table tbody th { width: 50%; font-size: 13px; padding: 12px; }
    .detail-table tbody td { font-size: 14px; padding: 12px; }
}

@media only screen and (max-width: 599px) {
    .headerlogo img              { width: 60px;  }
}
.economic-eligibility-page {
    padding: 40px 15px;
}

.ee-top-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    overflow: hidden;
    margin-bottom: 40px;
    border: 1px solid #eaeaea;
}
.ee-img-col {
    background-color: #f1f1f1;
}
.ee-main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ee-text-content p {
    font-size: 14px;
    color: #4b5563;
    line-height: 1.6;
    margin-bottom: 15px;
}
.ee-text-content p:last-child {
    margin-bottom: 0;
}
.ee-text-content a {
    color: #1976d2;
    text-decoration: none;
    font-weight: 500;
}

.form-section-header {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}
.form-section-header::after {
    content: '';
    flex: 1;
    height: 2px;
    background-color: #e7c13b;
    margin-left: 15px;
}

.form-section-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.award-history-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}
.ah-title-wrap {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 15px;
}
.ah-line {
    flex: 1;
    height: 2px;
    background-color: #e7c13b;
}

.ah-intro-text {
    margin-bottom: 30px;
    padding-left: 60px;
}
.ah-intro-text p {
    font-size: 15px;
    color: #4b5563;
    line-height: 1.6;
    margin: 0;
}

.year-card {
    background-color: #f5fcf7;
    border-radius: 12px;
    margin-bottom: 20px;
    overflow: hidden;
    border: 1px solid #e2f3e8;
}
.yc-left {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 30px;
    border-right: 1px dashed #c1e6cc;
}
.yc-left-text {
    display: flex;
    flex-direction: column;
}
.yc-label {
    font-size: 14px;
    color: #4b5563;
    font-weight: 600;
}
.yc-year {
    font-size: 22px;
    color: #3A5A4A;
    font-weight: 800;
}

.yc-list-wrap {
    padding: 25px 30px 15px 30px;
}
.yc-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    font-size: 14px;
    color: #4b5563;
    position: relative;
    padding-left: 15px;
}
.yc-list-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background-color: #10b981;
    border-radius: 50%;
}
.yc-list-item strong {
    color: #111827;
}

.yc-total-bar {
    background-color: #dcfce7;
    padding: 15px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    color: #3A5A4A;
}
.yc-total-bar strong {
    font-size: 18px;
}

.notice-card {
    background-color: #fff9e6;
    border: 1px solid #fde68a;
    border-radius: 12px;
    padding: 25px 30px;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
}
.notice-text p {
    margin: 0;
    font-size: 14px;
    color: #4b5563;
    line-height: 1.6;
}
.notice-text p:last-child {
    margin-top: 5px;
}

.trusted-section {
    margin-top: 50px;
}

.trusted-divider span {
    color: #3A5A4A;
}

.trusted-divider span::before, .trusted-divider span::after {
    display: none;
}


@media (max-width: 767px) {
    .yc-left {
        border-right: none;
        border-bottom: 1px dashed #c1e6cc;
        padding: 20px;
    }
    .ah-intro-text {
        padding-left: 0;
    }
    .notice-card {
        flex-direction: column;
        align-items: flex-start;
    }
    .yc-list-wrap {
        padding: 20px;
    }
    .yc-list-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
}

.settitle {
    width: 41%;
    float: left;
    padding-top: 2% !important;
    text-align: left;
    padding-left: 2%;
}

@media only screen and (max-width: 599px) {
    /*.headerlogo {*/
    /*    float: right;*/
    /*}*/

    .headerlogo img {
        width: 60px;
    }
}

.page-header {
    background-color: #e8ece9;
    padding: 50px 0 50px;
    text-align: center;
}

.page-header h1 {
    color: #3A5A4A;
    font-weight: 800;
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.trusted-section {
    margin-top: 50px;
    padding-bottom: 50px;
}

.section-divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 40px 0 40px;
    position: relative;
}

.section-divider::before, .section-divider::after {
    content: '';
    flex: 1;
    border-bottom: 2px solid #f5b700;
}

.section-divider span {
    padding: 0 30px;
    color: #3A5A4A;
    font-weight: 800;
    font-size: 24px;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 0.5px;
}

@media only screen and (max-width: 991px) {
    .content-box { padding: 40px; }
}

@media only screen and (max-width: 768px) {
    .page-header h1 { font-size: 26px; }
    .content-box { padding: 30px 20px; }
    .headerlogo { gap: 20px; }
    .headerlogo img { height: 70px; }
    .section-divider span { padding: 0 15px; font-size: 15px; }
}

.page-header {
    background-color: #e8ece9;
    padding: 50px 0 50px;
    text-align: center;
}

.page-header h1 {
    color: #3A5A4A;
    font-weight: 800;
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}


.trusted-section {
    margin-top: 50px;
    padding-bottom: 50px;
}

.section-divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 40px 0 40px;
    position: relative;
}

.section-divider::before, .section-divider::after {
    content: '';
    flex: 1;
    border-bottom: 2px solid #f5b700;
}

.section-divider span {
    padding: 0 30px;
    color: #3A5A4A;
    font-weight: 800;
    font-size: 24px;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 0.5px;
}

.trusted-divider span::before, .trusted-divider span::after {
    display: none;
}

/* Header & Button */
.box-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    border-bottom: 2px solid #f3f4f6;
    padding-bottom: 20px;
}
.box-header h2 {
    color: #111827;
    font-weight: 800;
    font-size: 24px;
    margin: 0;
}
.btn-new-app {
    background-color: #3A5A4A;
    color: #fff !important;
    padding: 10px 24px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(58, 90, 74, 0.2);
}
.btn-new-app:hover {
    background-color: #143a23;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(58, 90, 74, 0.3);
}

/* Modern Table */
.custom-table-wrapper {
    overflow-x: auto;
}
.modern-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.modern-table thead th {
    background: #f9fafb;
    color: #4b5563;
    font-weight: 700;
    font-size: 14px;
    padding: 15px 20px;
    border-bottom: 2px solid #e5e7eb;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}
.modern-table tbody tr {
    transition: background 0.3s ease;
}
.modern-table tbody tr:hover {
    background: #f4f7f5;
}
.modern-table tbody td {
    padding: 18px 20px;
    color: #374151;
    font-size: 15px;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
}
.modern-table tbody td strong {
    color: #111827;
}

/* Action Button */
.action-btn {
    display: inline-block;
    padding: 6px 16px;
    background: #f3f4f6;
    color: #4b5563;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid #e5e7eb;
}
.action-btn:hover {
    background: #3A5A4A;
    color: #fff;
    border-color: #3A5A4A;
}

/* Empty State */
.empty-state {
    text-align: center;
    padding: 50px 20px;
}
.empty-icon {
    color: #d1d5db;
    margin-bottom: 15px;
}
.empty-state p {
    color: #6b7280;
    font-size: 16px;
    margin: 0;
}



/*error page*/



/* Form Styling to match the design */


/* Icons for specific inputs */
input[name="company"] { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="2" width="16" height="20" rx="2" ry="2"/><path d="M9 22v-4h6v4"/><path d="M8 6h.01"/><path d="M16 6h.01"/><path d="M12 6h.01"/><path d="M12 10h.01"/><path d="M12 14h.01"/><path d="M16 10h.01"/><path d="M16 14h.01"/><path d="M8 10h.01"/><path d="M8 14h.01"/></svg>'); }
input[name="0-2/ein"] { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>'); }
input[name="address"] { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>'); }
input[name="city"] { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="2" width="16" height="20" rx="2" ry="2"/><path d="M9 22v-4h6v4"/><path d="M8 6h.01"/><path d="M16 6h.01"/><path d="M12 6h.01"/><path d="M12 10h.01"/><path d="M12 14h.01"/><path d="M16 10h.01"/><path d="M16 14h.01"/><path d="M8 10h.01"/><path d="M8 14h.01"/></svg>'); }
input[name="zip"] { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>'); }
input[name="firstname"] { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>'); }
input[name="jobtitle"] { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg>'); }
input[name="phone"] { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>'); }
input[name="email"] { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>'); }
/*.input-box input[name="password"] { background-image: url(data:image/svg+xml;utf8,\<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\<rect x="3" y="11" width="18" height="10" rx="2"/>\<path d="M7 11V7a5 5 0 0 1 10 0v4"/>\</svg>) !important; }*/
.input-box input[name="password"] {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='11' width='18' height='10' rx='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4'/></svg>") !important;
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 20px;
    padding-left: 45px !important;
}
.main-content-wrapper {
    padding-bottom: 50px;
}

.content-box {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.03);
    padding: 60px 80px;
    border: 1px solid #f3f4f6;
    margin-top: 50px;
}

.maxwidth .content-box2 {
    max-width: 100% !important;
}

.content-box h2 {
    color: #3A5A4A;
    font-size: 24px;
    font-weight: 800;
    margin-top: 50px;
    margin-bottom: 25px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f3f4f6;
    position: relative;
}

.content-box h2::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 60px;
    height: 2px;
    background: #f5b700;
}

.content-box p {
    color: #4b5563;
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 24px;
    font-weight: 400;
}

.content-box strong {
    color: #111827;
    font-weight: 700;
}

.content-box a {
    color: #3A5A4A;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all 0.3s ease;
}

.content-box a:hover {
    color: #f5b700;
    border-bottom-color: #f5b700;
}

.main-content-wrapper {
    padding-bottom: 50px;
}

.content-box {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.03);
    padding: 50px 60px;
    border: 1px solid #f3f4f6;
    max-width: 710px;
    margin: 50px auto 0;
}

.form-creative-header {
    text-align: center;
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #e5e7eb;
}
.form-creative-header .icon-wrapper {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #3A5A4A 0%, #2c4438 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    box-shadow: 0 10px 25px rgba(58, 90, 74, 0.2);
}
.form-creative-header .icon-wrapper svg {
    width: 36px;
    height: 36px;
    color: #f5b700;
}
.form-creative-header h2 {
    color: #3A5A4A;
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 10px;
}
.form-creative-header p {
    color: #6b7280;
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Modern Form Styles */
.studentform {
    max-width: 800px;
    margin: 0 auto;
}

 .shadow-card {
    max-width: 100%;
    margin: 0 auto;
}
 .shadow-card input[type="text"],
.shadow-card input[type="email"],
.shadow-card input[type="password"],
.shadow-card select,
.shadow-card textarea{
         padding: 12px 16px 12px 44px !important;
 }

.studentform label {
    font-weight: 800;
    color: #111827;
    font-size: 14px;
    margin-bottom: 8px;
    display: block;
}

.studentform input[type="text"],
.studentform input[type="email"],
.studentform input[type="password"],
.studentform select,
.studentform textarea {
    width: 100%;
    padding: 12px 16px 12px 44px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background-color: #f9fafb;
    font-size: 15px;
    color: #1f2937;
    margin-bottom: 24px;
    transition: all 0.3s ease;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.02);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 20px 20px;
}

.studentform input[type="text"],
.studentform textarea {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%234b5563"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /></svg>');
}

.studentform input[type="email"] {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%234b5563"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /></svg>');
}

.studentform input[type="password"] {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%234b5563"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" /></svg>');
}

.studentform select {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%234b5563"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" /></svg>');
}

.studentform input[type="text"]:focus,
.studentform input[type="email"]:focus,
.studentform input[type="password"]:focus,
.studentform select:focus,
.studentform textarea:focus {
    border-color: #f5b700;
    background-color: #ffffff;
    box-shadow: 0 0 0 4px rgba(245, 183, 0, 0.15);
    outline: none;
}

.studentform .btn,
.studentform button,
.studentform input[type="submit"] {
    background-color: #3A5A4A;
    color: #ffffff;
    padding: 14px 32px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.studentform .btn:hover,
.studentform button:hover,
.studentform input[type="submit"]:hover {
    background-color: #2c4438;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(58, 90, 74, 0.2);
}






@media only screen and (max-width: 991px) {
    .content-box { padding: 40px; }
}

@media only screen and (max-width: 768px) {
    .page-header h1 { font-size: 26px; }
    .content-box { padding: 30px 20px; }
    .headerlogo { gap: 20px; }
    .headerlogo img { height: 70px; }
    .section-divider span { padding: 0 15px; font-size: 15px; }
}

/* Page Header */
.page-header {
    background-color: #e8ece9;
    padding: 50px 0 50px;
    text-align: center;
}
.page-header h1 {
    color: #3A5A4A;
    font-weight: 800;
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Content Area */
.main-content-wrapper {
    padding: 60px 0 80px;
}
.content-box {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.03);
    padding: 40px 50px;
    border: 1px solid #f3f4f6;
}

/* Header & Button */
.box-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    border-bottom: 2px solid #f3f4f6;
    padding-bottom: 20px;
}
.box-header h2 {
    color: #111827;
    font-weight: 800;
    font-size: 24px;
    margin: 0;
}

.custom-control-input {
    position: absolute;
    z-index: 9999999 !important;
    opacity: 0;
    right: 53px;
    top: 5px;
}
.ui-widget.ui-widget-content { z-index: 9999 !important; }

/* Print Button */
.print-button {
    background-color: #3A5A4A;
    color: #fff;
    border: none;
    padding: 10px 24px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(58, 90, 74, 0.2);
}
.print-button:hover { 
    background-color: #143a23; 
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(58, 90, 74, 0.3);
}

.schooltuition {
    background: #f9fafb;
    border: 2px dashed #d1d5db;
    border-radius: 12px;
    padding: 20px;
    color: #374151;
    margin: 30px 0;
}

/* Modern Form Fields Styling */
.studentform input[type="text"],
.studentform input[type="email"],
.studentform input[type="number"],
.studentform input[type="date"],
.studentform input[type="tel"],
.studentform select,
.studentform textarea {
    width: 100%;
    padding: 14px 18px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 15px;
    color: #111827;
    background-color: #f9fafb;
    transition: all 0.3s ease;
    margin-top: 6px;
    margin-bottom: 20px;
}

.studentform input:focus,
.studentform select:focus,
.studentform textarea:focus {
    border-color: #3A5A4A !important;
    background-color: #fff !important;
    outline: none;
    box-shadow: 0 0 0 4px rgba(58, 90, 74, 0.1) !important;
}

.studentform label {
    font-weight: 700;
    color: #3A5A4A;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
    display: block;
}

/* Specific styling for required asterisks */
.studentform label .text-danger, 
.studentform label span {
    color: #e11d48 !important;
    font-weight: bold;
}

/* Radio buttons & checkmarks */
.studentform input[type="radio"],
.studentform input[type="checkbox"] {
    margin-right: 8px;
    transform: scale(1.3);
    accent-color: #3A5A4A;
}

/* Fix radio button labels so they sit side-by-side */
.studentform label:has(input[type="radio"]),
.studentform label:has(input[type="checkbox"]) {
    display: inline-flex;
    align-items: center;
    text-transform: none;
    color: #111827;
    margin-right: 20px;
    margin-top: 5px;
    font-weight: 600;
    cursor: pointer;
}

/* Fix Calendar Icon Position */
#calendar-icon {
    position: relative;
    display: inline-flex;
    margin-top: -95px;
    right: calc(100% - 535px);
    cursor: pointer;
    background: transparent;
    border: none;
    align-items: center;
    justify-content: center;
    padding: 5px;
    z-index: 10;
}
/* Ensure the parent columns act as relative containers just in case */
.studentform .col-md-4,
.studentform .col-md-6,
.studentform .col-md-12,
.studentform .form-group {
    position: relative;
}

/* Remove margin from radio containers to keep it compact */
.studentform .radio {
    display: inline-block;
    margin-right: 15px;
}

/* Signature Canvas & Buttons */
#sig-canvas {
    border: 2px dashed #d1d5db;
    border-radius: 12px;
    background: #f9fafb;
    cursor: crosshair;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px;
}

#sig-submitBtn, #sig-clearBtn {
    background-color: #3A5A4A;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-right: 10px;
    display: inline-block;
}

#sig-clearBtn {
    background-color: #f3f4f6;
    color: #4b5563;
    border: 1px solid #d1d5db;
}

#sig-submitBtn:hover {
    background-color: #143a23;
}

#sig-clearBtn:hover {
    background-color: #e5e7eb;
}

@media only screen and (max-width: 768px) {
    .content-box { padding: 30px 20px; }
    .box-header { flex-direction: column; align-items: flex-start; gap: 15px; }
    .page-header h1 { font-size: 26px; }
}
@media only screen and (max-width: 599px) {
    .householdtable { overflow-x: scroll; }
}
.section-heading {
    width: 100%;
    margin-bottom: 25px;
    margin-top:20px;
}

.section-title {
    display: flex;
    align-items: center;
    gap: 25px;
}

.section-title h2 {
    margin: 0;
    color: #075c3f;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.heading-line {
    height: 2px;
    background: #e7c13b;
    flex: 1;
}

.section-heading p {
    margin: 4px 0 0;
    color: #173b5c;
    font-size: 15px;
    line-height: 1.4;
}
.radio-option{
    font-weight:400;
}
label{
    font-weight: 800;
    color: #111827;
    font-size: 14px;
    margin-bottom: 8px;
    display: block;
}


.form-control{
    width: 100%;
  padding: 12px 16px 12px 44px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background-color: #f9fafb;
  font-size: 15px;
  color: #1f2937;
  margin-bottom: 24px;
  transition: all 0.3s ease;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.02);
  background-repeat: no-repeat;
  background-position: 14px center;
  background-size: 20px 20px;
  height: 54px;

}
.redcolor{
    color: #FF0000;
}


.form-group {
    width: 100%;
    margin-bottom: 20px;
}

.question-label {
    display: block;
    margin-bottom: 8px;
    color: #173b5c;
    font-size: 14px;
    font-weight: 500;
}

.radio-options {
    display: flex;
    align-items: center;
    gap: 35px;
    flex-wrap: wrap;
}

.radio-option {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #173b5c;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
}

.radio-option input {
    display: none;
}

.radio-circle {
    width: 16px;
    height: 16px;
    border: 2px solid #b8c1c9;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.radio-option input:checked + .radio-circle {
    border-color: #2774d9;
}

.radio-option input:checked + .radio-circle::after {
    content: "";
    width: 8px;
    height: 8px;
    background: #2774d9;
    border-radius: 50%;
}

    .clover-footer {
        display: none !important;
    }


    @media only screen and (max-width: 767px) {
        .show_filing_status .col-md-1 {
            width: 10%;
            text-align: left !important;
        }
        .show_filing_status .col-md-11 {
            width: 90%;
        }
    }

    /* New CSS for Payment Information Section Layout */
    @media (min-width: 768px) {
        .payment_clover_div {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        
        .payment_clover_div > .form-row:first-child {
            width: 38%;
        }
        
        .payment_clover_div > .form-row.card-styling {
            width: 60%;
        }
        
        .payment_clover_div > .col-sm-12,
        .payment_clover_div > input {
            width: 100%;
        }
        
        #card-element {
            display: flex;
            gap: 15px;
        }
        
        #card-number {
            flex: 2;
        }
        
        #card-date, #card-cvv, #card-postal {
            flex: 1;
        }
    }
    
    /* Center text in Card Details inputs */
    #card-element .form-control,
    #card-element input,
    #card-element iframe {
        text-align: center !important;
    }

    /* Center Total Payment Amount */
    .payment_clover_div .alert.alert-success {
        text-align: center !important;
    }

    /* Left-align Submit Button and reduce width */
    #submit-btn {
        width: auto !important;
        min-width: 150px;
        display: inline-block !important;
    }
    .hydrated input{
        border: none;
        box-sizing: border-box;
        height: 2.2em !important;
        outline: 0;
        width: 100%;
        padding: 0;
        margin: 0;
        background: none !important;
    }
    
  #card-element {
    display: flex;
    gap: 10px;
    background: transparent !important;
}

#card-element .form-control {
    height: 54px !important;
    padding: 10px 12px !important;
    display: flex;
    align-items: center;
    
}

#card-element .form-control iframe {
    height: 70% !important;
    width: 100% !important;
    border: 0 !important;
    background: transparent !important;
}
#card-element iframe input {
    background: transparent !important;
}

/* Align Dollar Sign and Donation Amount Input */
.show_filing_status .row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.show_filing_status .col-md-1 {
    flex: 0 0 auto;
    width: auto !important;
    padding-right: 10px;
    padding-left: 15px;
    padding-top: 0 !important; /* override inline style */
    text-align: left !important;
}
.show_filing_status .col-md-11 {
    flex: 1;
    padding-left: 0;
}
.show_filing_status .col-md-11 .form-control {
    margin-bottom: 0;
}

/* Align Accountant Name and Email side-by-side */
@media (min-width: 576px) {
    .show_copy_receipt.row > .col-sm-6 {
        float: left;
        width: 48%;
    }
    .show_copy_receipt.row > .col-sm-6:first-child {
        margin-right: 4%;
    }
    .show_copy_receipt.row::after {
        content: "";
        display: table;
        clear: both;
    }
}

/* Modal Popup Theme Styling */
#myModal .modal-content {
    border-radius: 12px;
    border: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}
#myModal .modal-header {
    border-bottom: none;
    padding: 24px 24px 10px;
    position: relative;
}
#myModal .modal-title {
    color: #075c3f;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
}
#myModal .close {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 28px;
    opacity: 0.5;
    transition: all 0.3s ease;
    color: #173b5c;
    background: transparent;
    border: none;
    z-index: 1050;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    pointer-events: auto;
}
#myModal .close:hover {
    opacity: 1;
}
#myModal .modal-body {
    padding: 10px 24px 20px;
}
#myModal .modal-body p {
    color: #173b5c;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}
#myModal .modal-footer {
    border-top: none;
    padding: 10px 24px 24px;
    text-align: right;
}
#myModal .modal-footer .btn-default {
    background-color: #2774d9;
    color: #fff;
    border: none;
    padding: 10px 24px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    text-shadow: none;
    box-shadow: none;
    transition: all 0.3s ease;
}
#myModal .modal-footer .btn-default:hover {
    background-color: #1c5bb0;
    color: #fff;
}
  #paymentForm .col-sm-12,
    .payment_clover_div {
        padding: 0 15px;
    }

    .radiogrp1 span {
        padding: 20px;
        border-radius: 50px;
        display: flex;
        align-items: start;
        gap: 10px;
    }
    .understand_donations,
    .economic-eligibility input[type="radio"] {
        margin-top: 5px;
    }
    #cardNumber{
    background:none !important;
}
.classadd{
    font-size:18px;
    font-weight:400;
}
.fontweight{
    font-weight: 600;
    font-size: 20px;
    margin-top: 20px;
}


@media only screen and (max-width: 767px) {
    #card-element {
        flex-direction: column;
    }
    .breadcrumb2 {
        margin-bottom: 10px;
    }
}

/* Clean up unnecessary styles and add Premium Thank You Card styles */
.thankyou-wrapper {
    background-color: #f9fafb;
    padding: 80px 0;
}

.thankyou-card {
    background: #ffffff;
    max-width: 750px;
    margin: 0 auto 50px auto;
    padding: 60px 50px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    border-top: 6px solid #3A5A4A; /* Brand accent */
    text-align: center;
}

.thankyou-icon {
    font-size: 72px;
    color: #3A5A4A;
    margin-bottom: 25px;
}

.thankyou-card h4 {
    color: #111827;
    font-size: 2.2rem;
    font-weight: 800;
    margin-bottom: 20px;
}

.thankyou-card .lead-text {
    color: #374151;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 15px;
}

.thankyou-card .desc-text {
    color: #6b7280;
    font-size: 1.05rem;
    line-height: 1.7;
    margin-bottom: 35px;
}

.btn-return {
    display: inline-block;
    background-color: #3A5A4A;
    color: #ffffff;
    padding: 14px 35px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.btn-return:hover {
    background-color: #2c4438;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(58, 90, 74, 0.2);
}

/* Trusted Section Styles (if missing globally) */
.trusted-section {
    margin-top: 50px;
}

.trusted-divider span {
    color: #3A5A4A;
}

.trusted-divider span::before, .trusted-divider span::after {
    display: none;
}

.headerlogo {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
    margin-top: 35px;
}

.headerlogo img {
    height: 110px;
    width: auto;
    object-fit: contain;
    transition: transform 0.3s ease, filter 0.3s ease;
    filter: grayscale(15%);
}
.headerlogo img:hover {
    transform: translateY(-4px) scale(1.05);
    filter: grayscale(0%);
}

@media only screen and (max-width: 599px) {
    .thankyou-card {
        padding: 40px 25px;
    }
    .thankyou-card h4 {
        font-size: 1.8rem;
    }
    .headerlogo img {
        height: 70px;
    }
}

/* Clean up unnecessary styles and add Premium Thank You Card styles */
.thankyou-wrapper {
    background-color: #f9fafb;
    padding: 80px 0;
}

.thankyou-card {
    background: #ffffff;
    max-width: 750px;
    margin: 0 auto 50px auto;
    padding: 60px 50px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    border-top: 6px solid #3A5A4A; /* Brand accent */
    text-align: center;
}

.thankyou-icon {
    font-size: 72px;
    color: #3A5A4A;
    margin-bottom: 25px;
}

.thankyou-card h4 {
    color: #111827;
    font-size: 2.2rem;
    font-weight: 800;
    margin-bottom: 20px;
}

.thankyou-card .lead-text {
    color: #374151;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 15px;
}

.thankyou-card .desc-text {
    color: #6b7280;
    font-size: 1.05rem;
    line-height: 1.7;
    margin-bottom: 35px;
}

.btn-return {
    display: inline-block;
    background-color: #3A5A4A;
    color: #ffffff;
    padding: 14px 35px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.btn-return:hover {
    background-color: #2c4438;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(58, 90, 74, 0.2);
}

/* Trusted Section Styles (if missing globally) */
.trusted-section {
    margin-top: 50px;
}

.trusted-divider span {
    color: #3A5A4A;
}

.trusted-divider span::before, .trusted-divider span::after {
    display: none;
}

.headerlogo {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
    margin-top: 35px;
}

.headerlogo img {
    height: 110px;
    width: auto;
    object-fit: contain;
    transition: transform 0.3s ease, filter 0.3s ease;
    filter: grayscale(15%);
}
.headerlogo img:hover {
    transform: translateY(-4px) scale(1.05);
    filter: grayscale(0%);
}

@media only screen and (max-width: 599px) {
    .thankyou-card {
        padding: 40px 25px;
    }
    .thankyou-card h4 {
        font-size: 1.8rem;
    }
    .headerlogo img {
        height: 70px;
    }
}

.page-header {
    background-color: #e8ece9;
    padding: 50px 0 50px;
    text-align: center;
}

.page-header h1 {
    color: #3A5A4A;
    font-weight: 800;
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.breadcrumb2 {
    display: none !important;
    display: flex;
    justify-content: center;
    gap: 8px;
    font-size: 16px;
    color: #4b5563;
}

.breadcrumb2 a {
    color: #3A5A4A;
    text-decoration: none;
    font-weight: 600;
}

.breadcrumb2 span {
    color: #4b5563;
    font-weight: 500;
}

.main-content-wrapper {
    padding-bottom: 50px;
}

.content-box {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.03);
    padding: 50px 60px;
    border: 1px solid #f3f4f6;
    margin-top: 50px;
}

.trusted-section {
    margin-top: 50px;
    padding-bottom: 50px;
}

.section-divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 40px 0 40px;
    position: relative;
}

.section-divider::before, .section-divider::after {
    content: '';
    flex: 1;
    border-bottom: 2px solid #f5b700;
}

.section-divider span {
    padding: 0 30px;
    color: #3A5A4A;
    font-weight: 800;
    font-size: 24px;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 0.5px;
}

.trusted-divider span::before, .trusted-divider span::after {
    display: none;
}

.headerlogo {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
    margin-top: 35px;
}

.headerlogo img {
    height: 110px;
    width: auto;
    object-fit: contain;
    transition: transform 0.3s ease, filter 0.3s ease;
    filter: grayscale(15%);
}
.headerlogo img:hover {
    transform: translateY(-4px) scale(1.05);
    filter: grayscale(0%);
}
.content-box h2 {
    color: #3A5A4A;
    font-size: 24px;
    font-weight: 800;
    margin-top: 50px;
    margin-bottom: 25px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f3f4f6;
    position: relative;
}

.content-box h2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 60px;
    height: 3px;
    background: #f5b700;
    border-radius: 3px;
}

.content-box h2:first-of-type {
    margin-top: 10px;
}

.content-box p {
    color: #4b5563;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 24px;
}

.content-box p:last-of-type {
    margin-bottom: 0;
}

.content-box strong {
    color: #111827;
    font-weight: 700;
    font-size: 17px;
    display: block;
    margin-bottom: 5px;
    margin-top: 10px;
}

.content-box a {
    color: #3A5A4A;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all 0.3s ease;
}

.content-box a:hover {
    color: #f5b700;
    border-bottom-color: #f5b700;
}

@media only screen and (max-width: 991px) {
    .content-box { padding: 40px; }
}

@media only screen and (max-width: 768px) {
    .page-header h1 { font-size: 26px; }
    .content-box { padding: 30px 20px; }
    .content-box h2 { font-size: 20px; margin-top: 40px; }
    .headerlogo { gap: 20px; }
    .headerlogo img { height: 70px; }
    .section-divider span { padding: 0 15px; font-size: 15px; }
}

/* Page Header */
.page-header {
    background-color: #e8ece9;
    padding: 50px 0 50px;
    text-align: center;
}
.page-header h1 {
    color: #3A5A4A;
    font-weight: 800;
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}


/* Content Area */
.main-content-wrapper {
    padding: 60px 0 80px;
}
.content-box {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.03);
    padding: 40px 50px;
    border: 1px solid #f3f4f6;
}

.input-box .forgotemail{
    padding: 12px 16px 12px 44px !important;
    border: 0 !important;
}
.form-group .forgotemail{
    padding: 12px 16px 12px 44px !important;
    border: 0 !important;
}
.padding30 input[type="text"]{
        padding: 12px 16px 12px 44px;
}
.text-white{
    color: #fff !important;
}
/* Responsive */
@media (max-width: 768px) {
    .content-box { padding: 30px 20px; }
    .box-header { flex-direction: column; align-items: flex-start; gap: 15px; }
    .page-header h1 { font-size: 26px; }
    
    #calendar-icon {
    position: relative;
    display: inline-flex;
    margin-top: -53px;
    right: calc(100% - 240px);
    cursor: pointer;
    background: transparent;
    border: none;
    align-items: center;
    justify-content: center;
    padding: 5px;
    z-index: 10;
}
    
}
@media (min-width: 992px) and (max-width: 1199px){
    .site-header .nav-link{
                font-size: 10px !important;
    }
    .btn-nav {
    
    font-size: 10px !important;
    
}
}

@media (min-width: 768px) and (max-width: 1199px) {

    .col-lg-3.col-md-4.nopadding {
        float: none !important;
        display: block;
        width: 33.333333% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-bottom: 20px;
        vertical-align: top;
    }

    .col-lg-3.col-md-4.nopadding .multiselect-dropdown {
        width: 100% !important;
        min-height: 42px;
        height: auto !important;
        box-sizing: border-box;
    }

    .col-lg-3.col-md-4.nopadding select,
    .col-lg-3.col-md-4.nopadding .form-control {
        width: 100% !important;
        box-sizing: border-box;
    }
}