



    .footer{
      background: #127829;
      background: linear-gradient(90deg,rgba(18, 120, 41, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(40, 167, 69, 1) 100%);
      color: rgba(255,255,255,0.95);
      padding: 56px 0 24px;
      position: relative;
      overflow: hidden;
    }

    /* subtle wave decor */
    .footer:before{
      content: '';
      position: absolute;
      top: -40px;
      right: -120px;
      width: 300px;
      height: 300px;
      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.06), transparent 30%);
      transform: rotate(25deg);
    }

    .footer .logo{
      font-weight: 700;
      letter-spacing: 0.6px;
      font-size: 20px;
      color: #ffffff;
    }

    .footer a{color: rgba(255,255,255,0.85);}
    .footer a:hover{color: var(--accent); text-decoration: none;}

    .social-icon{
      width: 40px; height: 40px; display:inline-flex; align-items:center; justify-content:center;
      border-radius: 10px; margin-right:8px; background: rgba(255,255,255,0.04);
      transition: transform .22s ease, background .22s ease;
    }
    .social-icon:hover{transform: translateY(-4px); background: rgba(255,255,255,0.08);}

    .subscribe-input{
      background: rgba(255,255,255,0.06); border: none; color: #fff; padding: 12px 14px; border-radius: 8px 0 0 8px; min-width: 0;
    }
    .subscribe-btn{border-radius: 0 8px 8px 0; border: none; padding: 10px 16px; background: var(--accent); color: #052024; font-weight:600}
    .subscribe-btn:hover{opacity:0.95}

    .footer .small-note{color: rgba(255,255,255,0.6)}

    /* tiny cards */
    .feature-pill{background: rgba(255,255,255,0.04); padding:10px 12px; border-radius: 10px; display:inline-block; margin-right:8px; margin-bottom:8px}

    /* bottom bar */
    .footer-bottom{
      border-top: 1px solid #098525;
      padding-top: 18px; margin-top: 28px; color: rgba(255,255,255,0.65);
    }

    @media (max-width: 767.98px){
      .footer{padding: 36px 0}
      .social-icon{margin-bottom:8px}
      .subscribe-input{margin-bottom:8px; border-radius:8px}
      .subscribe-btn{border-radius:8px}
    }


.w100
{
	width: 100%;
}


  /* Breadcrumb Wrapper */
.breadcrumb-wrapper{
background: linear-gradient(135deg, #2ecc71, #27ae60);
padding: 40px 30px;
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
text-align: center !important;
}


/* Custom Breadcrumb */
.breadcrumb{
background: transparent;
padding: 0;
margin-bottom: 0;
text-align: center !important;
}


.breadcrumb-item{
font-size: 16px;
font-weight: 500;
text-align: center !important;
}


.breadcrumb-item a{
color: #eafff2;
text-decoration: none;
position: relative;
transition: all 0.3s ease;
}


.breadcrumb-item a:hover{
color: #ffffff;
}


.breadcrumb-item.active{
color: #ffffff;
font-weight: 600;
}


/* Custom Separator */
.breadcrumb-item + .breadcrumb-item::before{
content: ">";
color: rgba(255,255,255,0.8);
padding: 0 12px;
font-weight: bold;
}


/* Title */
.page-title{
color: #ffffff;
font-size: 28px;
font-weight: 700;
margin-bottom: 8px;
}


@media(max-width: 576px){
.page-title{
font-size: 22px;
}
.breadcrumb-item{
font-size: 14px;
}
}


.contact-section{
            padding:60px 0;
        }
        .contact-info-box{
            background:#fff;
            padding:30px;
            border-radius:10px;
            box-shadow:0 0 20px rgba(0,0,0,0.1);
        }
        .contact-form-box{
            background:#fff;
            padding:30px;
            border-radius:10px;
            box-shadow:0 0 20px rgba(0,0,0,0.1);
        }
        .contact-info-box h4{
            font-weight:600;
        }
        .contact-info-box p{
            margin-bottom:5px;
            font-size:15px;
            color:#444;
        }
        .form-control{
            height:50px;
            border-radius:6px;
        }
        textarea.form-control{
            height:auto;
        }
        .btn-custom{
            background:#e63946;
            color:#fff;
            padding:12px 25px;
            border-radius:6px;
            font-size:16px;
        }
        .btn-custom:hover{
            background:#c92e3d;
            color:#fff;
        }


 body {
            background: #f7f7f7;
        }
        .certificate-section {
            padding: 60px 0;
        }
        .certificate-title {
            font-weight: 700;
            margin-bottom: 10px;
        }
        .certificate-card {
            border: none;
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 0 20px rgba(0,0,0,0.08);
            overflow: hidden;
            transition: 0.3s ease-in-out;
        }
        .certificate-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 0 30px rgba(0,0,0,0.15);
        }
        .certificate-image {
            width: 100%;
            height: 260px;
            object-fit: cover;
            transition: 0.3s ease-in-out;
        }
        .certificate-card:hover .certificate-image {
            transform: scale(1.05);
        }
        .certificate-name {
            padding: 15px;
            font-size: 16px;
            font-weight: 600;
            text-align: center;
            background: #fff;
        }

        /* Modal Image */
        .modal-img {
            width: 100%;
            border-radius: 10px;
        }
