:root {
            --bg-main: #f4f9f4;
            --border-green: #a3c9a8;
            --text-dark: #1b4332;
            --text-muted: #40916c;
            
            /* Section Colors */
            --farm-bg: #ecffec;
            --farm-accent: #2e7d32;
            --staples-bg: #fff3e0;
            --staples-accent: #ef6c00;
            --hygiene-bg: #e3f2fd;
            --hygiene-accent: #1565c0;
            --audits-bg: #efebe9;
            --audits-accent: #4e342e;
              --text-font: "Lato", sans-serif;
  --title-font: "Quicksand", sans-serif;
        }


        body {
  font-size:16px;
  color: var(--text-color);
  line-height:28px;
  font-weight:400;
  font-family: var(--text-font);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}
     

    

        /* Main Container mimicking the poster border */
        .bg-banchmarks{
            background-color: var(--bg-main); 
            width: 100%;
            border-radius: 24px;
            padding: 40px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
            position: relative;
        }
        
        

        /* Header Styles */
        .header-badge {
            /* text-align: center; */
            text-transform: uppercase;
            font-weight: bold;
            font-size: 0.85rem;
            letter-spacing: 1px;
            color: var(--text-dark);
            margin-bottom: 10px;
        }
        .max-wid-p{max-width: 60%;}

        .main-title {color: var(--text-dark);font-size: 34px;font-weight: 700;line-height: 45px;max-width: 52%;text-transform: uppercase;letter-spacing: -0.5px; }

        .main-title span {color: var(--text-muted);}
        .subtitle {text-align: center;font-weight: 700;font-size: 1.1rem;color: var(--text-dark);margin-top: 10px;text-transform: uppercase;letter-spacing: 0.5px;}
        .ml-5{margin-left: 50px;}
        .tagline {text-align: center;font-size: 0.95rem;color: #000000;margin-top: 5px;margin-bottom: 40px;font-weight: 500;}

        /* Info Block Rows */
        .info-card {display: flex;align-items: center;border-radius: 147px 30px 30px 147px;margin-bottom: 25px;border-bottom: 6px solid green;position: relative;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);transition: transform 0.2s;}
        .info-card-right {display: flex;align-items: center;border-radius: 30px 147px 147px 30px;margin-bottom: 25px;border-bottom: 6px solid rgb(219, 168, 0);position: relative;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);transition: transform 0.2s;  }
        .info-card:hover { transform: translateY(-2px); }

        /* Alternating layout variations to match the flow */
        .info-card.reverse {border-radius: 30px 100px 100px 30px;flex-direction: row-reverse;}

        /* Graphic Elements Placeholders */
        .graphic-area {width: 280px;height: 280px;border-radius: 50%;font-size: 4rem;overflow: hidden;border: 4px solid green;/* position: absolute; */left: 0px;bottom: 0px;flex-shrink: 0;box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.05);}
        .graphic-area2 {width: 280px;height: 280px;border-radius: 50%;font-size: 4rem;overflow: hidden;border: 4px solid  rgb(219, 168, 0);/* position: absolute; */left: 0px;bottom: 0px;flex-shrink: 0;box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.05);}
        .graphic-area  img{height: 100%;width: 100%;}
        .graphic-area2  img{height: 100%;width: 100%;}
        /* Text Content Area */
        .content-area {padding: 0 30px;flex-grow: 1;}
        .info-card.reverse .content-area {text-align: left;}
        .card-title {font-size:26px;font-weight: 800;text-transform: uppercase; margin-bottom: 8px; letter-spacing: 0.2px; }
        .bullet-list { list-style: none; } 
        .bullet-list li {font-size: 0.95rem;line-height: 1.4;margin-bottom: 4px;color: #333;font-weight: 500;} 
        .bullet-list li.highlight-text {font-weight: 800;text-transform: uppercase;font-size: 0.9rem;margin-top: 6px;} 
        /* Specific Component Themes */
        .farm-section { background-color: var(--farm-bg); }
        .farm-section2 { background-color: rgb(255, 252, 222); }
        .farm-section .card-title { color: var(--farm-accent); } 
        .staples-section { background-color: var(--staples-bg); }
        .staples-section .card-title { color: var(--staples-accent); }
        .staples-section .graphic-area { border: 4px solid var(--staples-accent); } 
        .hygiene-section { background-color: var(--hygiene-bg); }
        .hygiene-section .card-title { color: var(--hygiene-accent); }
        .hygiene-section .graphic-area { border: 4px solid var(--hygiene-accent); } 
        .audits-section { background-color: var(--audits-bg); }
        .audits-section .card-title { color: var(--audits-accent); }
        .audits-section .graphic-area { border: 4px solid var(--audits-accent); }
        .mn-heder-css{background-size: 100%;background-repeat: no-repeat;width: 100%;}
        .b-container {padding: 100px 0px; background:linear-gradient(-90deg, #03040300, #bddf662b, #719518);}
        .padd-inners{padding: 40px;} 
        /* Responsive adjustment for smaller screens */

 @media (max-width: 990px) {
        .main-title{max-width: 100%;font-size: 30px;line-height: 30px;}
        .max-wid-p {max-width: 100%;}
        .b-container {padding: 40px 0px;}
        .header-badge {margin-bottom: 0px;}
        .tagline {margin-bottom: 10px;}
        .graphic-area { width: 180px; height: 180px;}
        .graphic-area2 {  width: 180px; height: 180px;}
}

 @media (max-width: 650px) {
            .info-card, .info-card.reverse {flex-direction: column;border-radius: 20px;text-align: center;padding: 30px 20px; }
            .info-card.reverse .content-area { text-align: center; }
            .graphic-area { margin-bottom: 20px; }
            .content-area { padding: 0;}
            .main-title {color: var(--text-dark);font-size: 22px;font-weight: 700;line-height: 25px;max-width: 100%;text-transform: uppercase;letter-spacing: -0.5px;}
            .bg-banchmarks{padding: 20px 0px;}
            .tagline {text-align: center;font-size: 12px;margin-top: 2px;line-height: 18px;margin-bottom: 0px;font-weight: 500; }
            .max-wid-p{max-width: 100%;}
            .mn-heder-css {background-size: cover;background-repeat: no-repeat;width: 100%;  } 
            .b-container {padding: 10px 20px;}
            .header-badge{margin-bottom: 4px;} 
            .info-card-right {display: flex;align-items: center;flex-direction: column;border-radius: 30px 30px 30px 30px;margin-bottom: 25px;text-align: center;padding: 13px;justify-content: center;border-bottom: 6px solid rgb(219, 168, 0);position: relative;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);transition: transform 0.2s;}
            .graphic-area2{width: 100px;height:100px;border-radius: 50%;margin: auto;font-size: 4rem;overflow: hidden;border: 4px solid rgb(219, 168, 0);left: 0px;bottom: 0px;flex-shrink: 0;box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.05); }
            .content-area {width: 100%;text-align: left;} 
            .graphic-area { width: 100px;height: 100px;} 
            .apps-section .content-box h2 { font-size: 26px; line-height: 31px;}
            .card-title {font-size: 20px; margin-bottom: 3px; letter-spacing: 0.2px;}
            .padd-inners{padding: 20px;}
            
}