@import"https://fonts.googleapis.com/css2?family=Urbanist:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";*{margin:0;padding:0}html{scroll-behavior:smooth}.green-button{font-family:Urbanist,sans-serif;font-weight:700;text-transform:uppercase;border:none;background-color:#397013;color:#fff;font-family:inherit;padding:10px 20px;border-radius:50px;box-shadow:0 5px 15px #39701366;cursor:pointer;transition:.3s}.green-button:hover{background-color:#4a8b1b;box-shadow:0 5px 15px #4b8c1c66}.header{font-family:Urbanist,sans-serif;font-weight:700;text-transform:uppercase;color:gray;font-size:15px;margin-bottom:1vh}a{color:#000;text-decoration:none}nav{margin:-2vh 5vw 5vh 5vw;padding:4vh 0vw;position:fixed;top:0;left:0;width:90vw;display:flex;justify-content:space-around;align-items:center;font-family:Urbanist,sans-serif;text-transform:uppercase;font-weight:700;background-color:#fff;box-shadow:#959da533 0 8px 24px;border:solid 1px rgb(223,223,223);border-bottom-left-radius:50px;border-bottom-right-radius:50px;z-index:999}.logo-nav{width:15vh;object-fit:contain}#navbar{list-style:none;display:flex;gap:5vh;font-size:13px}#navbar a{transition:.3s}#navbar a:hover{cursor:pointer;text-shadow:0 5px 15px rgba(0,0,0,.4)}#hero{margin:25vh 5vw;display:flex;gap:5vh;font-family:DM Sans,sans-serif}#hero .hero-text .header{text-align:left}#hero .hero-text h1{font-size:7vw;font-weight:500;line-height:15vh}#hero .hero-text h1 span{font-style:italic;color:#397013}#hero .hero-text .hero-description{margin:3vh 0vw}#hero .hero-text .hero-description p{font-weight:600}#hero .hero-text #action-buttons{display:flex;gap:2vw;font-family:Lovelo-Black,sans-serif}#hero .hero-text #mobile-hero-btn{display:none}#hero .hero-img #hero-img{display:flex;align-items:center}#hero .hero-img #hero-img #card:first-of-type{margin-right:-12vw}#hero .hero-img #hero-img .hero-img-desktop{height:auto;width:50vw;object-fit:cover}#hero .hero-img #hero-img #card:last-of-type{margin-left:-12vw;margin-bottom:-25vh}#hero .hero-img #hero-img #card{width:15vw;height:auto;border-radius:20px;border:solid 2px white;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}#hero .hero-img #hero-img #card h4,#hero .hero-img #hero-img #card p{font-family:DM Sans,sans-serif}#hero .hero-img #hero-img #card .background{padding:15px;border-radius:20px;background-color:#ececec99}#intro{font-family:DM Sans,sans-serif;margin:5vh 5vw 0vh 5vw;background-image:url(/intro-pic.jpg);background-size:cover;height:100vh;border-radius:50px;padding:10vh}#intro .header{text-align:left}#intro .content{display:flex;justify-content:center;gap:5vw}#intro .content div{width:50%}#intro .content div .title{color:#000;font-size:50px;font-weight:500}#intro .content div .title span{color:#397013}#intro .content div .description{font-weight:600;color:#3f3f3f}#intro .content div .description .second-paragraph{margin-top:5vh}#intro button{display:none}#benefits{margin:15vh 5vw;font-family:DM Sans,sans-serif;text-align:center}#benefits h1{font-size:40px}#benefits h1 span{color:#397013}#benefits .description{color:gray;font-weight:500}#benefits .cards-list{margin:5vh 0vw;display:flex;justify-content:center;gap:5vw}#benefits .cards-list .card{box-shadow:#959da533 0 8px 24px;display:flex;gap:2vw;border-radius:25px;height:auto}#benefits .cards-list img{width:10vw;height:10vw;object-fit:cover;border-radius:25px}#benefits .cards-list .card-text{margin:2vh 2vw 0vh 0vw;font-family:DM Sans,sans-serif;text-align:left}#benefits .cards-list .card-text .icon{color:#397013}#benefits .cards-list .card-text p{color:gray;font-weight:500}#products{margin:5vh 5vw;text-align:left}#products .products-title{font-family:DM Sans,sans-serif;display:flex;justify-content:space-between;margin-bottom:5vh}#products .products-title h1{font-size:40px}#products .products-title span{color:#397013}#products .products-title p{font-weight:500;color:gray}#products #cards{display:flex;width:100%;font-family:DM Sans,sans-serif;justify-content:center;gap:0}#products .card{display:flex;flex-direction:row;overflow:hidden;transition:max-width .5s ease;max-width:50px;cursor:pointer}#products .card.expanded{max-width:75vw}#products .strip{height:90vh;width:2vw;display:flex;justify-content:center;align-items:flex-end;padding:2vh}#products .card{border-right:solid 3px white}#products .card:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}#products .card:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}#products .card.left-expand{border-right:3px solid white}#products .strip.closed:hover{background-color:#4a8b1b;transition:.3s}#products .strip.open{background:#ecf1eb;border-right:solid 1px rgb(191,191,191)}#products .strip.closed{background:#397013;color:#fff}#products .strip h3{writing-mode:vertical-rl;transform:rotate(180deg);margin:0;padding:10px}#products .product-details{display:flex;flex-direction:column;background-color:#ecf1eb}#products .product-details .details-title{display:flex;align-items:flex-start;justify-content:center;margin:5vh 5vw}#products .product-details .details-title div{width:40%}#products .product-details .details-title div h3{margin-top:0vh;font-size:40px}#products .product-details .details-title div h4{font-size:30px}#products .product-details .details-title .description{color:gray;font-weight:500;font-size:15px;width:40%}#products .product-details .details-title #mobile-products-btn{display:none}#products .product-details .details-img{display:flex;justify-content:center}#products .product-details .details-img img{margin:0 auto;width:70vw;height:60vh;object-fit:cover;border-radius:30px}#products .product-details .details-img #card{position:absolute;width:30vw;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:solid 2px white;border-radius:20px;left:45%;margin-top:250px}#products .product-details .details-img #card .background{background-color:#fffc;border-radius:15px;padding:1vw;width:28vw}#products .card.left-expand{flex-direction:row-reverse}#products .card.left-expand .strip{border-right:none;border-left:1px solid #ddd}#products h3{font-size:20px;margin-top:100px}#contact{background:url(https://agricoh.iarc.fr/banner1.jpg);background-size:cover;height:120vh;display:flex;justify-content:center;align-items:center}#contact .container{font-family:DM Sans,sans-serif;background-color:#fff;height:65vh;width:70vw;padding:50px;border-radius:20px;display:flex;justify-content:center;gap:2vw}#contact .container .sub-container{width:50%;margin:2vh 0vw}#contact .container .sub-container h1,#contact .container .sub-container h2,#contact .container .sub-container h3{margin:2vh 0vw}#contact .container .sub-container a .icon{font-size:40px}#contact #contact-form{display:flex;align-items:center;flex-wrap:wrap;gap:2vw}#contact #contact-form label{color:gray}#contact #contact-form input,#contact #contact-form textarea{border:none;background-color:#f1f6f2;border-radius:10px;font-family:inherit}#contact #contact-form input{padding:10px 15px}#contact #contact-form .textarea{flex-grow:2}#contact #contact-form textarea{width:32vw;height:20vh}#contact .green-button{margin-top:2vh}#about-us{margin:15vh 5vw;font-family:DM Sans,sans-serif}#about-us h1{font-size:3vw;margin:5vh 0vw;color:#397013}#about-us .story,#about-us .mission{margin-top:10vh;display:flex;justify-content:space-between}#about-us .story div,#about-us .mission div{width:50%}#about-us .story img,#about-us .mission img{width:40vw;height:20vw;object-fit:cover;border-radius:20px}#about-us .process h1{color:#000;font-size:2vw;margin:5vh 0vw 2vh 0vw}#about-us .process .cards-list{display:flex;gap:2vw}#about-us .process .cards-list .card h1{font-size:5vw;color:#397013;margin-bottom:-5vh;z-index:0}#about-us .process .cards-list .card .text{padding:10px 20px;border-radius:20px;z-index:1;position:relative;box-shadow:#959da533 0 8px 24px;background-color:#fff;height:25vh}#about-us .process .cards-list .card .text .title{display:flex;align-items:center;margin-bottom:2vh;gap:1vw}#about-us .process .cards-list .card .text .title .icon{background-color:wheat;padding:10px;border-radius:10px}#products-page{margin:15vh 5vw;font-family:DM Sans,sans-serif}#products-page h1{font-size:3vw;color:#397013;margin-bottom:10vh}#products-page .products-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10vw}#products-page .products-list .product-card{text-align:center}#products-page .products-list .product-card h2{font-size:2vw}#products-page .products-list .product-card h4{font-size:1vw;color:gray}#products-page .products-list .product-card .sub-card{display:flex;justify-content:center;align-items:center}#products-page .products-list .product-card .sub-card .card-text:first-of-type{margin-right:-12vw;margin-top:-10vh}#products-page .products-list .product-card .sub-card .card-text:last-of-type{margin-left:-12vw;margin-bottom:-10vh}#products-page .products-list .product-card .sub-card .card-text{width:10vw;border-radius:20px;border:solid 2px white;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}#products-page .products-list .product-card .sub-card .card-text .background{padding:10px 0;border-radius:20px;background-color:#ececec99}#products-page .products-list .product-card .sub-card .card-text .background ul{list-style:none}#products-page .products-list .product-card .sub-card img{width:70vh;height:70vh;object-fit:contain}#products-page .products-list .product-card h5{color:#000;font-size:1.5vw}#products-page .products-list .product-card .sizes{padding:0vh 0vw;border-radius:20px;display:flex;flex-direction:column;gap:2vh}#products-page .products-list .product-card .sizes .size-subset{display:flex;justify-content:center;align-items:center}#products-page .products-list .product-card .sizes label{margin-right:10px;font-weight:600}#products-page .products-list .product-card .sizes input{background-color:wheat;border:none;padding:5px 10px;border-top-left-radius:10px;border-bottom-left-radius:10px;font-family:inherit}#products-page .products-list .product-card .sizes button{background-color:#397013;border:none;color:#fff;border-top-right-radius:10px;border-bottom-right-radius:10px;padding:0 10px}#products-page .products-list .product-card .sizes button:hover{cursor:pointer;background-color:#4a8b1b}#products-page #cart-button{position:fixed;bottom:20px;left:20px;background-color:#fff;border:none;border-radius:50%;box-shadow:0 4px 8px #0003;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer}#products-page #cart-content{position:fixed;bottom:100px;left:20px;background-color:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0003;border-radius:8px;padding:20px;width:300px;display:none}#products-page #cart-content.visible{display:block}#products-page #cart ul{list-style:none}#products-page #cart ul button{background-color:transparent;border:none}#products-page #cart ul button svg{margin-bottom:-7px;margin-left:10px}#products-page #cart ul button:hover{cursor:pointer}#get-involved-page{margin:15vh 5vw;font-family:DM Sans,sans-serif}#get-involved-page h1{font-size:3vw;color:#397013;margin-bottom:0vh}#get-involved-page p{color:gray;font-weight:600}#get-involved-page .involvement-option{margin-top:10vh;display:flex;justify-content:space-between}#get-involved-page .involvement-option div{width:50%}#get-involved-page .involvement-option h2{font-family:Urbanist,sans-serif;text-transform:uppercase;color:gray;font-weight:700;font-size:2vh;margin-bottom:2vh}#get-involved-page .involvement-option button{margin-top:2vh}#get-involved-page .involvement-option img{width:40vw;height:20vw;object-fit:cover;border-radius:20px}footer{background-color:#397013;display:flex;justify-content:space-around;align-items:center;padding:10px}footer .logo{width:10vw;height:auto;object-fit:contain}footer a{color:#fff}footer ul{list-style:none;font-family:DM Sans,sans-serif;display:flex;gap:2vw}footer ul li{margin-bottom:2vh}footer ul a{color:#fff}footer ul a:hover{color:gray}footer div{color:#fff;font-family:DM Sans,sans-serif}@media only screen and (max-width: 600px){*{overflow-x:hidden!important;margin:0 auto}.green-button{padding:5px 10px;font-size:7px}nav{margin:-2vh 0vw 2vh 0vw;padding:2vh 0vw 2vh 0vw;width:100vw;height:6vh;gap:0vw;border:none;border-bottom-left-radius:50px;border-bottom-right-radius:50px}.logo-nav{width:10vh}#navbar{gap:5vw;font-size:11px}#contact-button{display:none}#hero{background-image:url(/mobile-hero-img.jpg);background-size:cover;background-repeat:no-repeat;margin:0;padding:15vh 5vw}#hero .hero-text .header{color:wheat}#hero .hero-text h1{font-size:15vw;font-weight:700;line-height:8vh;color:wheat;height:auto;overflow-y:hidden}#hero .hero-text h1 span{color:wheat}#hero .hero-text .hero-description,#hero .hero-text #action-buttons{display:none}#hero .hero-text #mobile-hero-btn{display:flex;align-items:center;justify-content:flex-end;gap:2vw;height:5vh;margin:2vh 0vw;padding:5px 20px;font-family:Lovelo-Black,sans-serif}#hero .hero-text #mobile-hero-btn p{font-size:15px}#hero .hero-img{display:none}#intro{height:55vh;padding:5vh}#intro .content{gap:5vw;flex-direction:column}#intro .content div{width:auto}#intro .content div .header{font-size:15px}#intro .content div .title{font-size:35px;font-weight:650}#intro .content div .title span{color:#397013}#intro .content div .description{display:none}#intro button{display:inline-block;font-size:15px;padding:5px 20px;font-family:Lovelo-Black,sans-serif}#benefits{margin:5vh 5vw 0vh 5vw}#benefits h1{font-size:30px}#benefits .cards-list{margin:5vh 0vw;display:flex;align-items:center;flex-wrap:wrap;gap:5vw}#benefits .cards-list .card{gap:2vw;border-radius:20px;width:70vw;height:15vh;overflow-y:hidden}#benefits .cards-list img{width:15vh;height:15vh;border-radius:20px}#products .header{text-align:center}#products .products-title{flex-direction:column;margin-bottom:5vh;text-align:center}#products .products-title button{font-family:Lovelo-Black,sans-serif;font-size:12px;margin-top:2vh}#products .products-title h1{font-size:30px}#products #cards{flex-direction:column}#products .card{max-width:100%;flex-direction:column}#products .card.left-expand{flex-direction:column}#products .card:first-child{border-radius:20px 20px 0 0/20px 20px 0px 0px}#products .card:last-child{border-radius:0 0 20px 20px/0px 0px 20px 20px}#products .card.expanded{max-width:90%}#products .strip{height:50px;width:70vw;border-right:none;border-bottom:1px solid white}#products .strip h3{writing-mode:horizontal-tb;transform:rotate(0);font-size:20px}#products .product-details{display:flex;flex-direction:column;width:100%}#products .product-details .details-title{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin:5vh 5vw}#products .product-details .details-title div{width:100%}#products .product-details .details-title div h3{font-size:20px}#products .product-details .details-title .description{display:none}#products .product-details .details-title #mobile-products-btn{display:block;margin:2vh 0}#products .product-details .details-img{justify-content:center;margin:2vh}#products .product-details .details-img img{margin:0;width:80%;height:20vh;object-fit:cover;border-radius:15px}#products .product-details .details-img #card{display:none}#products .product-img{max-width:none;margin:5px}#products .background{flex-direction:column}#contact{height:auto;width:100vw;justify-content:center;flex-wrap:wrap}#contact .container{height:auto;width:70vw;padding:10px 20px;margin:2vh 2vw;gap:2vw;flex-direction:column;justify-content:center;align-items:center}#contact .container .sub-container{width:100%;margin:0vh 0vw}#contact .container .sub-container h1,#contact .container .sub-container h2,#contact .container .sub-container h3{margin:2vh 0vw}#contact .container .sub-container h1{font-size:30px}#contact .container .sub-container h2{font-size:20px}#contact .container .sub-container h3{font-size:15px}#contact .container .sub-container p{font-size:10px}#contact .container .sub-container img{width:30px;object-fit:cover}#contact #contact-form{gap:7vw}#contact #contact-form div{width:30vw}#contact #contact-form label{font-size:15px}#contact #contact-form input,#contact #contact-form textarea{border-radius:10px}#contact #contact-form input{padding:5px;width:100px}#contact #contact-form .textarea{flex-grow:2}#contact #contact-form textarea{width:80vw;height:5vh}#contact .green-button{font-size:10px}#about-us{margin:7vh 5vw}#about-us h1{font-size:8vw;margin:4vh 0vw}#about-us .story,#about-us .mission{margin-top:5vh;flex-direction:column;gap:5vh}#about-us .story div,#about-us .mission div{width:100%}#about-us .story img,#about-us .mission img{width:100%;height:30vh}#about-us .process h1{font-size:7vw}#about-us .process .cards-list{flex-direction:column}#about-us .process .cards-list .card h1{font-size:20vw}#products-page{margin:7vh 5vw}#products-page h1{font-size:8vw;margin-bottom:10vh;margin:4vh 0vw}#products-page .products-list{flex-wrap:wrap}#products-page .products-list .product-card{text-align:center}#products-page .products-list .product-card h2{font-size:7vw}#products-page .products-list .product-card h4{font-size:3vw}#products-page .products-list .product-card .sub-card .card-text:first-of-type{margin-right:-20vw;margin-top:-5vh}#products-page .products-list .product-card .sub-card .card-text:last-of-type{margin-left:-20vw;margin-bottom:-5vh}#products-page .products-list .product-card .sub-card .card-text{width:50vw}#products-page .products-list .product-card .sub-card .card-text .background h3,#products-page .products-list .product-card .sub-card .card-text .background h5{font-size:4vw}#products-page .products-list .product-card .sub-card .card-text .background p,#products-page .products-list .product-card .sub-card .card-text .background ul{font-size:3vw}#products-page .products-list .product-card .sub-card img{width:50vh;height:50vh}#products-page .products-list .product-card h5{font-size:5vw}#products-page .products-list .product-card .sizes{padding:0vh 0vw;border-radius:20px;display:flex;flex-direction:column;gap:2vh}#products-page .products-list .product-card .sizes .size-subset{display:flex;justify-content:center;align-items:center}#products-page .products-list .product-card .sizes label{margin-right:10px;font-weight:600}#products-page .products-list .product-card .sizes input{background-color:wheat;border:none;padding:5px 10px;border-top-left-radius:10px;border-bottom-left-radius:10px;font-family:inherit}#products-page .products-list .product-card .sizes button{background-color:#397013;border:none;color:#fff;border-top-right-radius:10px;border-bottom-right-radius:10px;padding:0 10px}#products-page .products-list .product-card .sizes button:hover{cursor:pointer;background-color:#4a8b1b}#products-page #cart-button{position:fixed;bottom:20px;left:20px;background-color:#fff;border:none;border-radius:50%;box-shadow:0 4px 8px #0003;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer}#products-page #cart-content{position:fixed;bottom:100px;left:20px;background-color:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0003;border-radius:8px;padding:20px;width:300px;display:none}#products-page #cart-content.visible{display:block}#products-page #cart ul{list-style:none}#products-page #cart ul button{background-color:transparent;border:none}#products-page #cart ul button svg{margin-bottom:-7px;margin-left:10px}#products-page #cart ul button:hover{cursor:pointer}#get-involved-page{margin:15vh 5vw}#get-involved-page .involvement-option{flex-direction:column}#get-involved-page .involvement-option div{width:100%}#get-involved-page .involvement-option img{width:100%;height:40vw;margin:5vh 0}footer{display:flex;justify-content:space-around;align-items:center;padding:5px}footer .logo{width:30vw;height:auto;object-fit:contain}footer ul{display:none}footer div{font-size:4vw;color:#fff;font-family:DM Sans,sans-serif}}.toast-notification{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:10px 20px;border-radius:5px;box-shadow:0 4px 8px #0003;z-index:1000;opacity:0;animation:fadeInOut 3s}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}