/* Modern, Creative Certifications Page Styles */
    :root {
        --primary: #7ab55c;
        --primary-light: #a4d68c;
        --primary-dark: #5a9a3d;
        --secondary: #8b5a2b;
        --secondary-light: #a67c52;
        --cream: #fff8e1;
        --dark-green: #2e5d1c;
        --light-gray: #f5f5f5;
        --white: #ffffff;
        --black: #000000;
    }
    /* Base Styles */
    .certifications-section {
        padding: 60px 0;
        position: relative;
        overflow: hidden;
    }
    /* Certifications Content - Simplified */
    .certifications-content {
        background-color: var(--white);
        position: relative;
        padding: 60px 20px;
        max-width: 1400px;
        margin: 0 auto;
    }

    .certifications-content::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: 
            radial-gradient(circle at 10% 10%, rgba(122, 181, 92, 0.05) 0%, rgba(122, 181, 92, 0) 50%),
            radial-gradient(circle at 90% 90%, rgba(122, 181, 92, 0.05) 0%, rgba(122, 181, 92, 0) 50%);
        z-index: 1;
    }

    /* Moved all certification-item styles to certification-layout */
    .certification-layout {
        position: relative;
        z-index: 2;
        border-radius: 15px;
        overflow: hidden;
        margin-bottom: 40px;
        padding: 40px 30px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 30px;
    }

    .certification-image-section {
        flex: 0 0 300px;
        max-width: 300px;
    }

    .certification-details-section {
        flex: 1;
        min-width: 300px;
    }

    .certification-image {
        position: relative;
        margin-bottom: 20px;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
        background-color: var(--white);
        width: 100%;
    }

    .certification-image img {
        width: 100%;
        height: auto;
        display: block;
        transition: transform 0.7s ease;
    }

    .certification-image:hover img {
        transform: scale(1.05);
    }

    .view-certificate-btn {
        margin-top: 20px;
        text-align: center;
        position: relative;
        z-index: 10;
    }

    .btn {
        display: inline-block;
        font-weight: 500;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        user-select: none;
        border: 1px solid transparent;
        padding: 0.75rem 1.5rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 50px;
        transition: all 0.3s ease;
        text-decoration: none;
        cursor: pointer;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        position: relative;
        z-index: 10;
    }

    .btn-primary {
        color: var(--white);
        background: linear-gradient(135deg, var(--primary), var(--primary-dark));
        border-color: var(--primary);
    }

    .btn-primary:hover {
        background: linear-gradient(135deg, var(--primary-dark), var(--primary-dark));
        border-color: var(--primary-dark);
        transform: translateY(-3px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    }

    .certification-details {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .certification-details h2 {
        color: var(--primary-dark);
        font-size: 2.2rem;
        margin-bottom: 25px;
        font-weight: 600;
        position: relative;
        padding-bottom: 15px;
        line-height: 1.3;
    }

    .certification-details h2::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 80px;
        height: 4px;
        background: linear-gradient(to right, var(--primary), var(--primary-light));
        border-radius: 2px;
        transition: width 0.3s ease;
    }

    .certification-description {
        font-size: 1.15rem;
        line-height: 1.8;
        color: #555;
        flex-grow: 1;
    }

    .certification-divider {
        border: none;
        height: 2px;
        background: linear-gradient(to right, transparent, var(--primary-light), transparent);
        margin: 50px 0;
    }

    .no-certifications {
        text-align: center;
        padding: 80px 0;
        font-size: 1.3rem;
        color: #777;
    }

    /* Certificate metadata styles */
    .certificate-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 25px;
        padding-top: 20px;
        border-top: 1px solid #eee;
    }

    .meta-item {
        display: flex;
        flex-direction: column;
        min-width: 200px;
    }

    .meta-label {
        font-size: 0.9rem;
        color: var(--primary-dark);
        font-weight: 600;
        margin-bottom: 5px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .meta-value {
        font-size: 1.1rem;
        color: #333;
        font-weight: 500;
    }
     /* Responsive Styles */
    @media (max-width: 1200px) {
        .certifications-content {
            padding: 60px 15px;
        }
    }

    @media (max-width: 992px) {
        .certifications-section {
            padding: 50px 0;
        }

        .certification-image-section {
            flex: 0 0 250px;
            max-width: 250px;
        }

        .certification-details h2 {
            font-size: 2rem;
        }
    }

    @media (max-width: 768px) {
        .beginning-title,
        .organic-title,
        .mission-title,
        .certification-title,
        .farmer-title {
            font-size: 2rem;
        }

        .certification-layout {
            flex-direction: column;
            gap: 20px;
            padding: 30px 20px;
        }

        .certification-image-section {
            flex: 0 0 auto;
            max-width: 100%;
            align-self: center;
        }

        .certification-details-section {
            flex: 1;
            min-width: auto;
        }

        .certification-image {
            max-width: 300px;
            margin: 0 auto 20px;
        }

        .certification-details h2 {
            font-size: 1.8rem;
        }
        
        .certifications-hero {
            height: auto;
            min-height: auto;
            margin-top: 0px;
            padding: 100px 0 60px;
        }

        .certifications-content {
            padding: 60px 15px;
        }
    }

    @media (max-width: 480px) {
        .certification-layout {
            padding: 25px 15px;
        }
        .certification-details h2 {
            font-size: 1.6rem;
        }

        .certification-description {
            font-size: 1rem;
        }

        .certifications-content {
            padding: 60px 10px;
        }
    }
    .hero *{
        overflow-x: hidden !important;
        overflow-y: hidden !important;
    }

    .hero-pattern {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: 
            radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 20%),
            radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 20%);
        z-index: 2;
    }

    .hero-shapes {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
        overflow: hidden;
    }

    .hero-shape {
        position: absolute;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.05);
    }

    .hero-shape-1 {
        width: 300px;
        height: 300px;
        top: -100px;
        left: -100px;
    }

    .hero-shape-2 {
        width: 500px;
        height: 500px;
        bottom: -200px;
        right: -200px;
    }

    .hero-shape-3 {
        width: 200px;
        height: 200px;
        top: 30%;
        right: 10%;
    }
    .hero-content.certificate_poster-no-text{
    padding: 130px 0;
    }
.hero-content{
    padding: 10px;
}