@font-face {
    font-family: 'Herbarium';
    src: url('../fonts/HerbariumRegular.eot');
    src: url('../fonts/HerbariumRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HerbariumRegular.woff2') format('woff2'),
        url('../fonts/HerbariumRegular.woff') format('woff'),
        url('../fonts/HerbariumRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

h1,h2,h3,h4,h5, h6, p{ padding-bottom: 15px !important;}
p, body{ font-size: 16px; line-height: 24px;}

*{box-sizing:border-box}
:root{--green:#008000;--green-dark:#006b00;--black:#080808;--muted:#777;--light:#f6f6f3}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:#fff;font-family:"Manrope", sans-serif;color:var(--black)}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.site-header{height:148px;display:flex;align-items:flex-start;gap:26px;padding:0 10% 0 30px;position:relative;background:#fff;z-index:20}
.menu-dots{width:140px;height:148px;flex:0 0 140px;border:0;border-right:1px solid #e7e4dd;background:white;display:grid;grid-template-columns:repeat(3,4px);grid-template-rows:repeat(3,4px);align-content:center;justify-content:center;gap:6px;cursor:pointer}
.menu-dots span{width:4px;height:4px;border-radius:50%;background:#222}
.brand{width:105px;flex:0 0 105px;display:flex;flex-direction:column;align-items:center;padding-top:6px;gap:2px}
.brand img{width:76px;height:auto;object-fit:contain;    border-radius: 4px;}
.brand span{font:italic 12px Georgia,serif;margin-top:-2px}
.main-nav{display:flex;align-items:flex-start;justify-content:center;gap:clamp(10px,1.5vw,30px);flex:1;height:100%;padding-top:0; padding: 10px;}
.main-nav>a,.nav-dropdown>a{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#777;font-size:14px;font-weight:600;padding:30px 10px;position:relative}
.main-nav>a.active{color:var(--green)}
.main-nav a.menu-item.active:before, .main-nav a.menu-item:hover::before{content:"";position:absolute;top:6px;left:0px;right:inherit;height:3px;background:var(--green); width: 100%;}
.nav-dropdown{position:relative}
.dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;background:#000000;box-shadow:0 4px 10px -2px rgba(0, 0, 0, 0.1);padding:8px;z-index:30; border-radius: 3px;}
.dropdown-menu a{display:block;padding:10px 12px;font-size:15px;color:#fff}
.dropdown-menu a:hover{color:var(--green)}
.main-nav > a:hover,
.main-nav .nav-dropdown > a:hover,
.main-nav > a.active,
.main-nav .nav-dropdown:hover > a {
    color: var(--green);
}


.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{display:block}
.hero{height:min(610px,calc(100vh - 148px));min-height:450px;margin:0 8.9%;position:relative;}
.hero-slide{position:absolute;inset:0;background-image:var(--hero-image);background-position:center;background-size:cover;opacity:0;transition:opacity .7s ease;display:flex;align-items:center;justify-content:center}
.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,rgba(255,255,255,.12) 60%,rgba(255,255,255,.22))}
.hero-slide, .hero-slide img{ height: 100%; object-fit:cover;}
.hero-slide img{ width: 100%;}

.hero-slide.active{opacity:1}
.hero-copy{position:relative;z-index:1;width:37%;padding:30px 7%;text-align:center}
.hero-copy-right{margin-right:0}
.hero-kicker{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--green);margin:0 0 14px}
.hero-copy h1,.hero-copy h2{font-family:Arial,sans-serif;font-size:clamp(36px,4.5vw,76px);font-weight:300;line-height:.98;letter-spacing:-2px;margin:0 0 12px}
.hero-copy h1 strong,.hero-copy h2 strong{font-weight:800}
.hero-ribbon{display:inline-block;background:#050505;color:#fff;font-size:clamp(12px,1.4vw,24px);letter-spacing:2px;padding:7px 16px}
.hero-dots{position:absolute;left:-7.5%;bottom:15px;z-index:3;display:flex;gap:27px}
.hero-dot{width:7px;height:7px;border:1px solid #c2c2c2;border-radius:50%;padding:0;background:#fff;cursor:pointer}
.hero-dot.active{outline:1px solid #3c3c3c;outline-offset:4px;background:#3c3c3c}


.scroll-down{position:absolute;right:-3%;bottom:0;width:70px;height:77px;background:var(--green);color:#111;display:grid;place-items:center;font-size:24px;border-radius:3px;z-index:4;     -webkit-transition: transform 0.3s;
    transition: transform 0.3s;}
.scroll-down:hover{ -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}


h1{ font-size: 45px !important; line-height: 55px !important; font-family: Georgia;}



.section-pad{padding:85px 5%}
.about-section{min-height:610px;background:#f1f1ed url('../images/about-natural.jpg') center/cover no-repeat;display:flex;align-items:center;padding-left:19.5%;position:relative}
.about-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.76),rgba(255,255,255,.05) 68%)}
.about-card{position:relative;background:#fff;width:407px;max-width:100%;padding:42px 44px 40px;border-radius:11px;box-shadow:0 10px 40px #00000008}
.eyebrow{color:var(--green);font-family:Georgia,serif;font-size:15px;margin:0 0 12px}
.about-card .eyebrow{text-align:center}
.about-card h2{font:700 45px/1.22 Georgia,serif;text-align:center;margin:0 0 27px}
.about-card p:not(.eyebrow){font:16px/1.28 Georgia,serif;text-align:justify;color:#808080;margin:0 0 26px}



.text-link{display:inline-block;color:var(--green);font-weight:700;font-size:13px;margin-top:0}
.text-link i{margin-left:7px}
.supply-section{padding-top:30px;padding-bottom:0;overflow:hidden}
.stats-row{max-width:1120px;margin:0 auto 30px;display:grid;grid-template-columns:1.2fr 1fr 1fr 1.25fr;align-items:center;gap:25px;text-align:center}
.stats-intro{text-align:center;padding-right:20px}
.stats-intro .eyebrow{font-size:16px}
.stats-intro h3{font:700 25px Georgia,serif; margin:10px 0; line-height: 55px;}
.stat strong{display:block;color:var(--green);font:normal 70px/1.5 'Herbarium';}
.stat strong:after{content:"+"}
.stat span{display:block;font-size:16px;font-weight:700;color:#808080;margin-top:17px}

.section-heading{text-align:center;max-width:1190px;margin:0 auto}
.section-heading h2{font:700 45px/1.15 Georgia,serif;margin:12px 0 25px}
.section-heading>p:last-child{font:15px/1.7 Georgia,serif;margin:0 auto;max-width:1160px;     font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.4px;}


.supply-section .section-heading .eyebrow{display:none}

.farm-illustration{ max-width:100%;margin:0 auto;position:relative;overflow:hidden}
.farm-illustration img{ max-width: 100%;;}






.quote-icon{display:none}
.testimonial-text{font-size:16px;line-height:1.45;margin:0 0 32px}
.testimonial-name{font-size:16px}
.testimonial-dots{display:flex;justify-content:center;gap:30px;margin-top:55px}
.testimonial-dots button{width:18px;height:18px;border:1px solid #888;border-radius:50%;background:radial-gradient(circle,#888 0 2px,transparent 3px);cursor:pointer}
.testimonial-dots button.selected{border-color:#777}

.blog-section{padding-top:70px;padding-bottom:65px}
.blog-section .section-heading h2{margin:0;font-size:43px}
.blog-section .section-heading .eyebrow{margin-bottom:0}
.blog-grid{max-width:1200px;margin:145px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.blog-card{border-radius:6px;overflow:hidden;    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); transition:transform .25s,box-shadow .25s;background:#fff}
.blog-card:hover img{ }
.blog-card img{display:block;width:100%;height:250px;object-fit:cover; border-radius: 4px;;
}

.blog-content{min-height:148px;padding:28px 24px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.blog-content h3{font:700 16px/1.5 Georgia,serif;color:var(--green);margin:0}
.blog-content span{font-size:12px;color:#777;opacity:0;transition:opacity .2s}
.blog-card:hover .blog-content span{opacity:1}





.site-footer{background:#e7e6e3;padding:55px 2.7% 20px}




.footer-main{display:grid;grid-template-columns:1.05fr 1.9fr 1.8fr 2fr;gap:35px;max-width:1500px;margin:0 auto 55px}
.footer-brand img{width:235px;max-width:100%;object-fit:contain;object-position:top;     border-radius: 4px;}
.footer-brand p{font:italic 30px Georgia,serif;margin:0 0 0 10px}
.footer-column h3{font-size:21px;font-weight:700;margin:0 0 26px}
.footer-column p,.footer-column>a{font-size:16px;line-height:1.7;margin:0 0 13px;display:block}
.footer-column a:hover,.footer-bottom a:hover{color:var(--green)}
.subscribe-form{display:flex;gap:22px;margin-top:32px}
.subscribe-form input{width:100%;min-width:0;height:55px;border:2px solid #111;background:transparent;border-radius:3px;padding:0 18px;font-size:14px}
.subscribe-form button{height:55px;min-width:116px;border:2px solid #111;border-radius:3px;background:transparent;font-size:14px;cursor:pointer}
.subscribe-form button:hover{background:var(--green);color:white;border-color:var(--green)}
.form-message{display:block;color:var(--green);margin-top:10px}
.footer-bottom{max-width:1500px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;align-items:center;gap:20px;font-size:14px}
.footer-bottom p{margin:0}
.footer-bottom>div:nth-child(2){display:flex;gap:13px;justify-content:center}
.social-links{display:flex;justify-content:flex-end;gap:16px}
.social-links a{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#000}
.social-links a:hover{ background-color: var(--black); color: #fff;}
.quote-tab{position:fixed;left:0;top:48%;z-index:50;display:flex;flex-direction:column;align-items:center;background:var(--green);color:#fff;border-radius:0 12px 12px 0;box-shadow:0 3px 8px #0003;overflow:hidden;font-size:13px;font-weight:700}
.quote-tab-top{height:35px;width:59px;background:#050505;display:grid;place-items:center;font-size:17px}
.quote-tab>span:last-child{writing-mode:vertical-rl;transform:rotate(180deg);padding:20px 17px 24px;display:flex;align-items:center;gap:9px}
.whatsapp-button{position:fixed;right:24px;bottom:16px;z-index:50;background:#20c968;color:white;padding:11px 23px;display:flex;align-items:center;gap:12px;font-size:17px;box-shadow:0 2px 8px #0002}
.whatsapp-button i{font-size:25px}

.quote-tab i.fa-envelope{     transform: rotate(90deg);
}





.section-pad {
    padding: 85px 15px;
    max-width: 1250px;
    margin: 0px auto;
}

.about-section{ max-width: 100%; padding: 85px 0;    padding-left: 19.5%;}

.menu-list,
.dropdown-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-list {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 35px;
}

.menu-list > li {
    position: relative;
}

.menu-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 30px 10px;
    color: #767676;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight:600;
    white-space: nowrap;
    transition: color 0.3s ease, border-color 0.3s ease;
}

.menu-item:hover,
.menu-item.active,
.has-dropdown:hover > .menu-item {
    color: var(--green);
}

/* Dropdown */
.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 210px;
    background: var(--black);
    box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1);
    z-index: 100; border-radius: 3px;
}

.has-dropdown:hover > .dropdown-menu,
.has-dropdown:focus-within > .dropdown-menu {
    display: block;
}

.dropdown-menu li a {
    display: block;
    padding: 12px 16px;
    color: #fff;
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    font-weight: 500;
    border-left: 3px solid transparent;
    transition: all 0.3s ease;
}

.dropdown-menu li a:hover, .dropdown-menu li.active a {
    color: var(--green);
}

/* Responsive navigation */
@media (max-width: 900px) {
    .menu-list {
        display: none;
        flex-direction: column;
        align-items: stretch;
        height: auto;
        gap: 0;
    }

    .main-nav.open .menu-list {
        display: flex;
    }

    .menu-list > li {
        width: 100%;
    }

    .menu-item {
        height: auto;
        min-height: 45px;
        white-space: normal;
        border-top: none;
        border-left: 3px solid transparent;
    }

 

    .dropdown-menu {
        position: static;
        min-width: 100%;
        box-shadow: none;
        padding-left: 15px;
    }

    .has-dropdown:hover > .dropdown-menu,
    .has-dropdown:focus-within > .dropdown-menu {
        display: block;
    }
}





.process-flow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.process-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    flex: 1;
    text-align: center;
}

.process-step img {
    width: auto; max-width: 100%;
    height: auto;
    object-fit: contain;
}

.process-step span {
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5; display: none;
}

.process-flow > i {
    flex-shrink: 0;
    color: #008000;
    font-size: 20px; display: none;
}

@media (max-width: 768px) {
    .process-flow {
        flex-direction: column;
        gap: 20px;
    }

    .process-flow > i {
        transform: rotate(90deg);
    }

    .process-step img {
        width: 60px;
        height: 60px;
    }
}



.supply-section{ padding-bottom: 0px;}





/* Testimonials Section */
.testimonial-section {
    width: 100%;
    padding: 50px 4.2% 35px;
    background: #fff;
    box-sizing: border-box;
}

.testimonial-heading {
    text-align: center;
    margin-bottom: 35px;
}

.testimonial-heading h2 {
    margin: 0;
    color: #808080;
    font-family: "Cormorant Garamond", serif;
    font-size: 25px;
        line-height: 1.2em;
}

/* Carousel */
.testimonial-carousel {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.testimonial-track {
    display: flex;
    width: 100%;
    transition: transform 0.6s ease-in-out;
    will-change: transform;
}

.testimonial-card {
    display: block !important;
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    padding: 0;
    box-sizing: border-box;
    text-align: left;
}

.testimonial-card.active {
    display: block;
}


.testimonial-text {
    margin: 0 0 30px;
    color: #111;
    font-family: "Cormorant Garamond", serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
}

.testimonial-name {
    display: block;
    margin-bottom: 50px;
    color: #111;
    font-family: "Cormorant Garamond", serif;
    font-size: 16px;
    font-weight: 700;
}

/* Carousel Dots */
.testimonial-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin: 0 auto;
}

.testimonial-dots button {
    width: 17px;
    height: 17px;
    padding: 0;
    border: 1px solid #808080;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.3s ease;
}

.testimonial-dots button::after {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #808080;
    transition: background 0.3s ease;
}

.testimonial-dots button.selected {
    border-color: #808080;
    background: #fff;
    transform: none;
}

.testimonial-dots button.selected::after {
    background: #808080;
}
.testimonial-carousel {
    overflow: hidden;
    cursor: grab;
    touch-action: pan-y;
    user-select: none;
    -webkit-user-select: none;
}

.testimonial-track {
    display: flex;
    will-change: transform;
}

.testimonial-card {
    flex: 0 0 100%;
    min-width: 100%;
}

.testimonial-carousel:active {
    cursor: grabbing;
}

.testimonial-card p {
    cursor: inherit;
}


/* Menu Toggle Button */

/* Left Side Panel */
.side-menu {
    position: fixed;
    top: 0;
    left: 0;
    width:  min(400px, 88vw);
    height: 100vh;
    height: 100dvh;
    background: #1f1e17 !important;
    color: #fff;
    z-index: 10001;

    overflow-y: auto;
    padding: 50px;
    box-sizing: border-box;

    transform: translateX(-100%);
    visibility: hidden;
    transition:
        transform 0.55s cubic-bezier(0.77, 0, 0.175, 1),
        visibility 0.55s;
}

.side-menu.open {
    transform: translateX(0);
    visibility: visible;
}

/* Close Button */
.menu-close {
    position: absolute;
    top: 20px;
    right: 25px;
    width: 45px;
    height: 45px;
    padding: 0;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 48px;
    line-height: 1;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.menu-close:hover {
    transform: rotate(90deg);
}

/* Logo */
.side-menu-logo {
    text-align: center;
    margin-bottom: 55px;
}

.side-menu-logo img {
    display: inline-block;
    width: 129px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* Description */
.side-menu-description {
    text-align: justify;
    margin-bottom: 30px;
    line-height: 1.875em;
    font-weight: bolder;
    color: #b7b7b7;
    font-family: Manrope, Arial, Helvetica, sans-serif;
    font-size: 16px;
}

/* Contact Section */
.side-menu-contact h3 {
    font-size: 30px;
    font-family: Herbarium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #eece38;
    margin: 20px 0 10px;
    width: 100%;
    text-align: left;
}

.contact-item {
    margin-bottom: 20px;
}

.contact-item > span {
    color: #b7b7b7;
    margin-bottom: 5px;
    font-size: 0.75em;
    letter-spacing: 0.05em;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 21px;
    font-family: Manrope, Arial, Helvetica, sans-serif;
    margin-top: 0px;
}

.contact-item p,
.contact-item a {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    font-weight: 400;
    font-family: Manrope, Arial, Helvetica, sans-serif;
}

.contact-item p {
    margin: 0;
}

.contact-item a:hover {
    color: #f1d238;
}

.map-link {
    display: inline-block;
    margin: 0 0 65px;
    color: #f1d238;
    font-family: "Manrope", sans-serif;
    font-size: 18px;
    text-decoration: underline;
    text-underline-offset: 6px;
}

/* Social Links */
.side-menu-contact .follow-heading {
    margin-bottom: 35px;
}

.side-social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 65px;
}

.side-social-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #f1d238;
    color: #111;
    font-size: 15px;
    text-decoration: none;
    transition: background 0.3s ease, transform 0.3s ease;
}

.side-social-links a:hover {
    background: #fff;
    transform: translateY(-4px);
}

/* Quote Button */
.request-quote {
    position: relative;
    display: inline-block;
    overflow: hidden;
    background: transparent;
    border: 2px solid #eece38;
    color: #fff;
    font-size: 14px;
    padding: 20px 30px;
    cursor: pointer;
    margin-top: 20px;
    font-family: Manrope, Arial, Helvetica, sans-serif;
    text-transform: none;
    letter-spacing: 0px;
    word-spacing: 0px;
    font-style: normal;
    font-weight: 500;
    border-radius: 3px;
    z-index: 1;
    transition: color 0.4s ease;
}

.request-quote::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    background-color: #eece38;
    z-index: -1;
    transition: height 0.4s ease;
    border-radius: 1px; 
}
.request-quote:hover::before {
    height: 100%;
}
.request-quote:hover{ color: #000;}



/* Overlay */
.menu-overlay {
    position: fixed;
    inset: 0;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.6);

    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s;
}

.menu-overlay.show {
    opacity: 1;
    visibility: visible;
}

/* Prevent Background Scrolling */
body.menu-open {
    overflow: hidden;
}

.sidebar-heading-location {
    margin: 20px 0 10px;
    width: 100%;
    text-align: left;
}
.location-icon img{
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}
.sidebar-heading-location a {
    font-size: 16px;
    font-family: Manrope, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #eece38 !important;
    border-bottom: 2px solid #eece38;
}




/* Mobile */
@media (max-width: 576px) {
    .side-menu {
        width: 100%;
        padding: 85px 25px 35px;
    }

    .side-menu-logo {
        margin-bottom: 40px;
    }

    .side-menu-logo img {
        width: 145px;
    }

    .side-menu-description {
        font-size: 15px;
        line-height: 1.8;
        margin-bottom: 50px;
    }

    .side-menu-contact h3 {
        font-size: 34px;
    }

    .contact-item p,
    .contact-item a {
        font-size: 16px;
    }
}


/* Quote Tab */

/* Overlay */
.inquiry-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0;
    visibility: hidden;
    z-index: 10001;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}



/* Inquiry Form - Slide in from Left */
.inquiry-panel {
    position: fixed;
    top: 38%;
    left: 60px;
    right: auto;

    width: min(440px, calc(100% - 30px));
    background: #fff;
    border-radius: 10px;
    padding: 18px 14px;
    box-sizing: border-box;
    overflow-y: auto;
    z-index: 10002;
    max-height: 326px;
    overflow-y: auto;
    /* Initially hidden off the left side */
    transform: translateX(calc(-100% - 30px));
    visibility: hidden;
    opacity: 0;

    transition:
        transform 0.5s ease,
        opacity 0.4s ease,
        visibility 0.5s ease;

    box-shadow: 0 0 25px rgba(0, 0, 0, 0.12);
}

/* Open State */
.inquiry-panel.open {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
}

/* Mobile */
@media (max-width: 600px) {
    .inquiry-panel {
        top: 8px;
        left: 8px;
        right: auto;
        bottom: 8px;
        width: calc(100% - 16px);
        padding: 65px 20px 25px;
        border-radius: 0 16px 16px 0;
    }
}
.inquiry-panel h2 {
    margin: 0 0 35px;
    color: var(--green);
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.inquiry-close {
    position: absolute;
    top: 15px;
    right: 25px;
    border: none;
    background: transparent;
    color: #ccc;
    font-size: 45px;
    line-height: 1;
    cursor: pointer;
    transition: color 0.3s ease, transform 0.3s ease;
}

.inquiry-close:hover {
    color: #008000;
    transform: rotate(90deg);
}

/* Form Fields */
.inquiry-field {
    margin-bottom:20px;
}

.inquiry-field input,
.inquiry-field textarea{
    background-color: #fff;
    border: 1px solid #dce2e2;
    border-radius: var(--mse-input-border-radius, 24px) !important;
    color: #000;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    height: 38px;
    line-height: 1.2;
    max-width: 100%;
    padding: 0 15px;
    width: 100%;

}


.inquiry-field textarea {
    height: 100px;
    padding: 15px;
    resize: none;
}

.inquiry-field input:focus,
.inquiry-field textarea:focus {
    background-color: #eff5f8;
    border-color: #7761df;
}

.inquiry-submit {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 35px;    border: 1px solid #dce2e2;
    border-radius: var(--mse-input-border-radius, 24px) !important;
        background-color: #008000;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: 400;
    height: 38px;
    line-height: 1.2;
    max-width: 100%;
    padding: 0 15px;
    width: 100%;
}

.inquiry-submit:hover {
    background: #006600;
}

body.inquiry-open {
    overflow: hidden;
}

#ufw_1 .ufw_btn {
    background: #008000;
    border-color: transparent;
    border-width: 0px;
    color: #ffffff;
    border-radius: 64px;
}

.ufw_fo .ufw_btn_p_bl {
    bottom: 1.5em;
    left: 1.5em;
}
.ufw_fo .ufw_btn {
    z-index: 99999999;
    position: fixed;
}
.ufw_btn.ufw_btn_text {
    width: auto !important;
    padding: 0 1em;
}
.ufw_btn.ufw_btn_48px {
    font-size: 16px;
    width: 48px;
    height: 48px;
    line-height: 48px;
}

.ufw_btn .ufw_btn_oinfo, .ufw_btn .ufw_btn_cinfo {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;    gap: 10px;
}


.ufw_btn i {
    vertical-align: middle;
    font-size: 1.25em;
}
.ufw_btn:hover, .ufw_btn:focus {
    transform: scale(1.05);
    text-decoration: none;
}




#ufw_1 .ufw_wb {
    animation: ufwSlideInLeft 0.5s ease forwards;
}

#ufw_1.ufw_wb_closed .ufw_wb {
    animation: none;
}

@keyframes ufwSlideInLeft {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.ufw_fo.ufw_p_left {
    left: 0;
}
.ufw_fo {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 99999;
    
}
.ufw_wb_open{width: 401px !important;
    background: #fff;}
.ufw_title {
    border-bottom: 1px solid #ececec;
    margin: 0;
    padding: 0.5em 1em;
}
.ufw_title + .ufw_wb_inner {
    padding-bottom: 4.5em;
}
.ufw_wb_inner {
    padding: 1.5em;
    height: 100%;
    overflow: auto;
}


.font-heading, h1{ font-size: 45px !important;
    line-height: 55px !important;
    color: #808080 !important; font-family: Georgia, serif;}


.font-heading-h3{ font-size: 22px !important;
    line-height: 1.2em !important;
     font-family: Georgia, serif;}

.text-gray{ color: #808080 !important;}
.text-dark-gray{ color: #2C2C2C !important;}
.font-heading-25{
    font-size: 25px !important;
    line-height: 1.2em !important; font-family: Georgia, serif;
}
.font-heading-20{
    font-size: 20px !important;
    line-height: 1.2em !important; font-family: Georgia, serif; 
}
.font-Georgia p{
    font: 16px / 1.28 Georgia, serif;}

.text-black a:hover{ color: var(--green) !important;}





.text-sm p{
    text-align: justify;
    color: rgb(128, 128, 128);
    font: 16px / 1.28 Georgia, serif;
    margin: 0px 0px 26px;
}

.agrarium-heading-content{ font-size: 38px;
    font-weight: 900; font-family: Georgia, serif;
    color: #808080;line-height: 1.2em;}
.agrarium-subheading{ color: rgb(128, 128, 128);
    font: 16px / 1.28 Georgia, serif;font-weight: 400;
}

.greenRotd{ font-size: 16px !important; color: #000 !important;}


.slogan {
    background-image: url(../images/about-pic4.jpg);
    background-position: 50% 46%;
    background-size: cover;
    text-align: right;
    padding: 36px 0px 67px 0px;
    font-family: "Herbarium", Sans-serif;
    font-size: 76px !important;
    font-weight: bold;
    text-transform: none;
    font-style: oblique;
    line-height: 100px !important;
    letter-spacing: 10px;    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ps-100{ padding-left: 100px;}

.w-30{ width: 130px;}



.text-center p{ text-align: center !important;}






.gr-product-details {
    width: 100%;
    padding: 60px 20px;
    background: #fff;
    font-family: Georgia, "Times New Roman", serif;
    color: #111;
}

.gr-product-details * {
    box-sizing: border-box;
}


.gr-product-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 65px;
    margin-bottom: 80px;padding: 0 50px;
}

.py-50{ padding-left:50px; padding-right: 50px;}

.gr-product-row:last-child {
    margin-bottom: 0;
}

.gr-product-image {
    width: 100%;
    text-align: center;
}

.gr-product-image img {
    display: block;
    width: 100%;
    margin: 0 auto;
    object-fit: cover;
    border-radius: 3px 3px 3px 80px;
}

.gr-product-content {
    width: 100%;
}

.gr-product-number {
    display: block;
    margin-bottom: 210px;
    color: var(--green);
    font-size: 1.875em;
    line-height: 1.0666em;
}

.gr-product-title {
    margin: 0 0 14px;
    color: var(--green);
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
}

.gr-product-description {
    margin: 0 0 25px;
    font-size: 17px;
    line-height: 1.3;
}

.gr-product-button {
    display: inline-flex;
    min-width: 208px;
    min-height: 72px;
    align-items: center;
    justify-content: center;
    padding: 15px 30px;
    border: 2px solid #008000;
    border-radius: 12px 55px 0 55px;
    color: #008000;
    background: #fff;
    font-size: 17px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.gr-product-button:hover {
        -webkit-box-shadow: -1.045px 9.945px 29px 0px rgba(174, 175, 175, 0.28);
-moz-box-shadow: -1.045px 9.945px 29px 0px rgba(174, 175, 175, 0.28);
box-shadow: -1.045px 9.945px 29px 0px rgba(174, 175, 175, 0.28);
}

/* Alternate the second product row */
.gr-product-row.gr-product-reverse .gr-product-content {
    order: 1;
}

.gr-product-row.gr-product-reverse .gr-product-image {
    order: 2;
}

.full-content, .gr-blog-post-page{  font-size: 16px; line-height: 25px; color: var(--black);}
.full-content h2, .full-content h3, .full-content h4, .full-content h5, .full-content h6{ color: var(--green); font-size: 16px; line-height: 25px; font-weight: 700; padding-bottom: 15px;}
.full-content p, .full-content ul, .full-content ol{  padding-bottom: 15px;}
.full-content ol{ list-style: decimal; padding-left: 20px;}
.full-content ul{ list-style: disc; padding-left: 20px;}

.text-black h2, .text-black h3, .text-black h4, .text-black h5, .text-black h6{ color: var(--black);}



.mb-50{ margin-bottom: 50px;}
.mt-50{ margin-top: 50px;}
.pt-50{ padding-top: 50px;}



.gr-certifications {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px 55px;
    overflow: hidden;
    background: #fff; font-family: Georgia, serif;
}

.gr-carousel-viewport {
    width: 100%;
    overflow: hidden;
    cursor: grab;
    touch-action: pan-y;
    user-select: none;
}

.gr-carousel-viewport.gr-dragging {
    cursor: grabbing;
}

.gr-carousel-track {
    display: flex;
    align-items: center;
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

.gr-carousel-track.gr-no-transition {
    transition: none;
}

.gr-logo-slide {
    flex: 0 0 25%;
    min-width: 0;
    padding: 15px 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.gr-logo-slide img {
    display: block;
    width: 100%;
    max-width: 280px;
    height: 220px;
    object-fit: contain;
    pointer-events: none;
    -webkit-user-drag: none;
}

.gr-carousel-arrow {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 50px;
    border: 0;
    background: transparent;
    color: #000;
    font-size: 35px;
    line-height: 1;
    cursor: pointer;
    transition: color 0.25s ease;
}

.gr-carousel-arrow:hover {
    color: #008000;
}

.gr-prev {
    left: 8px;
}

.gr-next {
    right: 8px;
}

@media (max-width: 991px) {
    .gr-logo-slide {
        flex-basis: 33.3333%;
        padding: 12px 18px;
    }

    .gr-logo-slide img {
        height: 170px;
    }
}

@media (max-width: 600px) {
    .gr-certifications {
        padding: 15px 38px;
    }

    .gr-logo-slide {
        flex-basis: 50%;
        padding: 10px;
    }

    .gr-logo-slide img {
        height: 125px;
    }

    .gr-carousel-arrow {
        width: 30px;
        font-size: 25px;
    }

    .gr-prev {
        left: 3px;
    }

    .gr-next {
        right: 3px;
    }
}

.gr-contact-section{  font-family: Georgia, serif;}

.gr-contact-heading {
    text-align: center;
    margin-bottom: 48px;
}

.gr-contact-heading span {
    display: block;
    margin-bottom: 8px;
    color: #008000;
    font-size: 20px;
    font-weight: 500;
}

.gr-contact-heading h2 {
    margin: 0;
    color: #080808;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
}

.gr-contact-item {
    margin-bottom: 25px;
}

.gr-contact-item h3 {
    color: #111;
    font-size: 22px;
    font-weight: 700;
}

.gr-contact-item p {
    margin: 0;
    color: #171717;
    font-size: 18px;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.gr-contact-item p a {
    color: #008000;
    text-decoration: none;
    transition: color 0.3s ease;
}

.gr-contact-item p a:hover {
    color: #005900;
}

.gr-contact-form-wrap {
    width: 100%;
    padding-top: 25px;
}

.gr-contact-form {
    width: 100%;
}

.gr-form-group {
    margin-bottom: 36px;
}

.gr-form-group label {
    display: block;
    margin-bottom: 0;
    color: #111;
    font-size: 18px;
    line-height: 1.4;
}

.gr-form-group input,
.gr-form-group textarea {
    display: block;
    width: 100%;
    padding: 12px 14px;
    border: 2px solid #858585;
    border-radius: 4px;
    outline: none;
    background: #fff;
    color: #111;
    font-family: inherit;
    font-size: 17px;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
}

.gr-form-group input {
    height: 62px;
}

.gr-form-group textarea {
    height: 270px;
    resize: vertical;
}

.gr-form-group input:focus,
.gr-form-group textarea:focus {
    border-color: #008000;
}

.gr-form-submit {
    text-align: center;
    margin-top: 35px;
}

.gr-form-submit button {
    min-width: 92px;
    padding: 5px 18px;
    border: 2px solid #aaa;
    background: #f2f2f2;
    color: #111;
    font-family: inherit;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.gr-form-submit button:hover {
    border-color: #008000;
    background: #008000;
    color: #fff;
}

/* Tablet */
@media (max-width: 991px) {
    .gr-contact-container {
        grid-template-columns: 1fr 1fr;
        gap: 35px;
    }

    .gr-contact-heading h2 {
        font-size: 30px;
    }

    .gr-contact-item p {
        font-size: 16px;
    }

    .gr-contact-item h3 {
        font-size: 20px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .gr-contact-section {
        padding: 40px 18px;
    }

    .gr-contact-container {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .gr-contact-heading {
        margin-bottom: 35px;
    }

    .gr-contact-heading h2 {
        font-size: 30px;
    }

    .gr-contact-item {
        margin-bottom: 32px;
    }

  

    .gr-contact-form-wrap {
        padding-top: 0;
    }

    .gr-form-group {
        margin-bottom: 25px;
    }

    .gr-form-group input {
        height: 54px;
    }

    .gr-form-group textarea {
        height: 200px;
    }
}




.gr-map-section {
    width: 100%;
    height: 750px;
    overflow: hidden;
    background: #f5f5f5;
}

.gr-map-section iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    filter: grayscale(100%);
}

@media (max-width: 767px) {
    .gr-map-section {
        height: 450px;
    }
}



.gr-privacy-container h1, .gr-privacy-container h2{ color: #000 !important; font-size: 35px !important;
    line-height: 45px !important; font-weight: 700;}










.gr-blog-section {
    position: relative;
    width: 100%;
    padding: 80px 0;
    background-color: #fff;
    overflow: hidden;
    box-sizing: border-box;
    isolation: isolate;
}

.gr-blog-section::before,
.gr-blog-section::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
    z-index: -1;
}

.gr-blog-section::before {
    left: -2%;
    width: 330px;
    height: 600px;
    background-image: url("../images/sh2.png");
}

.gr-blog-section::after {
    right: -2%;
    width: 400px;
    height: 600px;
    background-image: url("../images/sh1.png");
}

/* Keep the content above the decorative images */
.gr-blog-container {
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .gr-blog-section::before {
        width: 100px;
        height: 250px;
    }

    .gr-blog-section::after {
        width: 120px;
        height: 250px;
    }
}


.gr-blog-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 35px;
    align-items: start;
}

.gr-blog-card {
    min-width: 0;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.035);
    transition: transform 0.35s ease, box-shadow 0.35s ease; font-family: Georgia, sans-serif;
}

.font-Georgia{  font-family: Georgia, sans-serif;}


.gr-blog-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
}

.gr-blog-image {
    display: block;
    width: 100%;
    height: 155px;
    overflow: hidden;
}

.gr-blog-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.gr-blog-card:hover .gr-blog-image img {
    transform: scale(1.06);
}

.gr-blog-content {
    padding: 48px 16px;
    text-align: center;
}

.gr-blog-content h3 {
    margin: 0;
    color: #008000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
}

.gr-blog-content h3 a {
    color: inherit;
    text-decoration: none;
}

.gr-blog-content h3 a:hover {
    color: #005900;
}

@media (max-width: 1200px) {
    .gr-blog-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 25px;
    }

    .gr-blog-section {
        background-size: 150px auto, 180px auto;
    }
}

@media (max-width: 767px) {
    .gr-blog-section {
        padding: 45px 18px;
        background-size: 100px auto, 120px auto;
    }

    .gr-blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .gr-blog-image {
        height: 140px;
    }

    .gr-blog-content {
        padding: 25px 12px;
    }

    .gr-blog-content h3 {
        font-size: 16px;
        line-height: 1.5;
    }
}

@media (max-width: 480px) {
    .gr-blog-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .gr-blog-image {
        height: 210px;
    }

    .gr-blog-content {
        padding: 25px 18px;
    }
}


/* Quote box */
.gr-blog-quote {
    display: flex;
    align-items: center;
    gap: 19px;
    width: 100%;
    min-height: 320px;
    margin: 45px 0 100px;
    padding: 3.75em 8.125em;
    box-sizing: border-box;
    background: #f7f5ea;
    border-radius: 6px;
}

.gr-quote-icon {
    flex: 0 0 65px;
    color: #008000;
    font-family: 'Herbarium';
            font-size: 10.375em;
        line-height: 1.333em;
}

.gr-blog-quote p {
    margin: 0;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.7;
}


/* Comment section */
.gr-comment-section {
    width: 100%;
}

.gr-comment-section h2 {
    margin: 0 0 30px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3; position: relative;
}
.gr-comment-section h2:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0.3em;
    width: 62px;
    height: 14px;
    z-index: -1;
    background: left / cover no-repeat url(../images/widget-title-icon.png);
}
.gr-comment-section h2 span {
    text-decoration: underline;
    text-decoration-color: #d7bd49;
    text-decoration-thicknergb(34, 33, 27);
    text-underline-offset: -2px;
}

.gr-comment-form {
    display: flex;
    flex-direction: column;
    gap: 22px;
    width: 100%;
}

.gr-comment-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.gr-comment-form input[type="text"],
.gr-comment-form input[type="email"],
.gr-comment-form textarea {
    width: 100%;
    padding: 16px 22px;
    border: 2px solid #858585;
    border-radius: 3px;
    outline: none;
    background: #fff;
    color: #111;
    font-family: inherit;
    font-size: 16px;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
}

.gr-comment-form input[type="text"],
.gr-comment-form input[type="email"] {
    height: 60px;
}

.gr-comment-form textarea {
    min-height: 260px;
    resize: vertical;
}

.gr-comment-form input:focus,
.gr-comment-form textarea:focus {
    border-color: #008000;
}

.gr-comment-save {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    cursor: pointer;
}

.gr-comment-save input {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin: 3px 0 0;
    accent-color: #008000;
}

.gr-comment-submit {
    width: 230px;
    max-width: 100%;
    min-height: 42px;
    padding: 8px 20px;
    border: 1px solid #888;
    border-radius: 2px;
    background: #eee;
    color: #111;
    font-family: inherit;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.gr-comment-submit:hover {
    background: #008000;
    border-color: #008000;
    color: #fff;
}

/* Tablet */
@media (max-width: 991px) {
    .gr-blog-quote {
        gap: 25px;
        min-height: 320px;
        padding: 45px;
        margin-bottom: 100px;
    }

    .gr-quote-icon {
        flex-basis: 45px;
        font-size: 90px;
    }

    .gr-blog-quote p {
        font-size: 22px;
        line-height: 1.7;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .gr-blog-post-page {
        padding: 0 16px 40px;
    }

    .gr-blog-post-content p {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 22px;
    }

    .gr-blog-post-content h3 {
        font-size: 18px;
        margin: 25px 0 16px;
    }

    .gr-blog-quote {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        min-height: auto;
        padding: 30px 24px;
        margin: 35px 0 75px;
    }

    .gr-quote-icon {
        flex-basis: auto;
        font-size: 75px;
    }

    .gr-blog-quote p {
        font-size: 19px;
        line-height: 1.7;
    }

    .gr-comment-section h2 {
        font-size: 25px;
    }

    .gr-comment-fields {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .gr-comment-form textarea {
        min-height: 180px;
    }

    .gr-comment-save {
        font-size: 14px;
    }

    .gr-comment-submit {
        width: 100%;
    }
}






.gr-vitamin-images {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 52px;
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
}

.gr-vitamin-image {
    width: 100%;
    height: 387px;
    overflow: hidden;
    border-radius: 6px;
}

.gr-vitamin-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.gr-vitamin-image:hover img {
    transform: scale(1.04);
}

@media (max-width: 767px) {
    .gr-vitamin-images {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 35px 15px;
    }

    .gr-vitamin-image {
        height: 300px;
    }
}
























/* Responsive */






@media (max-width: 1599px) {

.menu-list{     gap: 1px;}
.site-header{     gap: 5px;}




}



@media (max-width: 1399px) {


.menu-item{     font-size: 13px;}

.menu-dots {
    width: 90px;
    height: 148px;
    flex: 0 0 90px;
}


}
@media (max-width: 1300px) {
    .site-header {
        padding: 0;
    }
}


.nav-toggle {
    display: none;
    border: none;
    background: transparent;
    color: #008000;
    font-size: 28px;
    cursor: pointer;
    z-index: 10002;
}

@media (max-width: 1199px) {
    .nav-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        position: relative;
    }

    .main-nav {
        position: fixed;
        top: 0;
        right: 0;
        width: 320px;
        max-width: 85%;
        height: 100vh;
        height: 100dvh;
        padding: 80px 20px 30px;
        box-sizing: border-box;
        overflow-y: auto;
        background: #fff;
        box-shadow: -5px 0 25px rgba(0, 0, 0, 0.12);
        z-index: 10001;

        transform: translateX(100%);
        visibility: hidden;
        transition: transform 0.4s ease, visibility 0.4s ease;
    }

    .main-nav.open {
        transform: translateX(0);
        visibility: visible;
    }

    .menu-list {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 0;
        height: auto;        width: 100%;
    }
.main-nav a.menu-item.active:before, .main-nav a.menu-item:hover::before{ display: none;}
    .menu-list > li {
        width: 100%;
    }

    .menu-item {
        min-height: 48px;
        height: auto;
        padding: 12px 10px;
        white-space: normal;
        border-top: none;
        border-left: 3px solid transparent;
        box-sizing: border-box;
    }


    .dropdown-menu {
        position: static;
        display: none;
        min-width: 100%;
        padding-left: 15px;
        box-shadow: none;
    }

    .has-dropdown:hover > .dropdown-menu,
    .has-dropdown:focus-within > .dropdown-menu {
        display: block;
    }

    .menu-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.45);
        z-index: 10000;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.4s ease, visibility 0.4s ease;
    }

    .menu-overlay.show {
        opacity: 1;
        visibility: visible;
    }






.site-header , .menu-dots, .nav-toggle{
    height: 126px;}
.nav-toggle{ width: 90px;}

.hero {

    margin: 0 8.9%;
    position: relative;
}

.blog-grid {
    margin: 25px auto 0;}
.process-flow{ margin-top: 30px;}
.hero{     min-height: 300px;}



.brand {
    width: 58px;
    flex: 0 0 58px;}
.site-header, .menu-dots, .nav-toggle {
        height: 115px;
    }
.scroll-down{     right: 0;}






}

@media (min-width: 1200px) {
    .menu-overlay {
        display: none;
    }
}


@media (max-width: 991px) {
.hero {
        margin: 0;
        position: relative;        height: 300px !important;
    }
.site-header, .menu-dots, .nav-toggle {
        height: auto;
        min-height: 95px;
    }

.about-card h2, .section-heading h2, .blog-section .section-heading h2, .font-heading, h1, .gr-privacy-container h1, .gr-privacy-container h2{ font-size: 27px !important; line-height: 35px !important;}
.section-pad {
    padding: 43px 15px;}
.blog-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}

.section-pad{ max-width: 100%; }


.stat strong{ font-size: 50px;}
.stats-row {
grid-template-columns: repeat(1, 1fr);
gap: 15px
}
.blog-grid {
margin-top: 80px;
gap: 18px
}

.blog-card img {
height: 190px
}

.blog-content {
padding: 20px 14px
}

.footer-main {
grid-template-columns: repeat(2, 1fr)
}

.footer-brand img {
height: 230px;
width: 180px
}

.footer-bottom {
grid-template-columns: 1fr 1fr
}

.social-links {
grid-column: 1/-1;
justify-content: flex-start
}

.process-step img {
width: 200px;
height: auto;
}
.gr-product-details {
padding: 45px 25px;
}

.gr-product-row {
gap: 35px;
margin-bottom: 60px;
}
.gr-product-number {
margin-bottom: 130px;
}

.gr-product-title {
font-size: 24px;
}

.gr-product-description {
font-size: 16px;
}


}



@media (max-width: 767px) {


.blog-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
.footer-main {
        grid-template-columns: repeat(1, 1fr);
    }
    .footer-bottom {
        grid-template-columns: 1fr;
        justify-content: center;
        text-align: center;
    }
.social-links {
        grid-column: 1 / -1;
        justify-content: center;
    }


.slogan{ font-size: 37px !important;
    font-weight: bold;
    text-transform: none;
    font-style: oblique;
    line-height: 46px !important;}
.ps-100 {
    padding-left: 68px;
}



.gr-product-details {
padding: 35px 20px;
}

.gr-product-row {
grid-template-columns: 1fr;
gap: 25px;
margin-bottom: 55px;
}

.gr-product-row .gr-product-image,
.gr-product-row.gr-product-reverse .gr-product-image {
order: 1;
}

.gr-product-row .gr-product-content,
.gr-product-row.gr-product-reverse .gr-product-content {
order: 2;
}
.gr-product-number {
margin-bottom: 25px;
font-size: 27px;
}

.gr-product-title {
font-size: 25px;
}

.gr-product-description {
font-size: 16px;
line-height: 1.5;
}

.gr-product-button {
min-height: 58px;
min-width: 175px;
}






}


@media (max-width: 576px) {
    .side-menu {
        width: 83%;
        padding: 85px 25px 35px;
    }
}