@import"https://fonts.googleapis.com/css2?family=Questrial&display=swap";@import"https://fonts.googleapis.com/css2?family=Castoro:ital@0;1&display=swap";:root{--primary-color: #e6e6e6;--secondary-color: #377413;--tertiary-color: #000000}#root,body{margin:0;padding:0;background-color:#d4d0b9;font-family:Questrial,sans-serif;overscroll-behavior:none;scroll-behavior:smooth}body::-webkit-scrollbar{display:none}header{position:fixed;top:20px;height:80px;width:calc(100% - 40px);max-width:1000px;z-index:1000;background-color:#bbbbbbbd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px -10px #00000076;border-radius:30px;transition:all .3s;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding-left:30px;nav {display: flex; justify-content: center; align-items: center;} a {text-decoration: none; color: var(--tertiary-color); font-weight: 900; margin-left: 20px; transition: all .3s;}}header .logo{font-weight:900}footer{position:absolute;bottom:0;height:300px;width:100%;z-index:3;background-color:var(--secondary-color);display:flex;flex-direction:column;justify-content:center;align-items:center}footer .container{width:100%;max-width:1000px;display:flex;justify-content:space-between;align-items:center}footer .container_address{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:0px;p {padding: 0; margin: 0; text-transform: uppercase; font-weight: 900; color: var(--primary-color); cursor: default;}}footer .container_containers{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:30px;margin-bottom:20px}footer .container_small{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:10px;p {padding: 0; margin: 0; text-transform: uppercase; font-weight: 900; color: var(--primary-color); cursor: pointer; transition: all .3s;} p:hover {color: var(--tertiary-color);}}.page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;width:100%;position:relative;h1,h2 {font-family: "Questrial",sans-serif; color: var(--secondary-color); font-size: 100px;} .hero {height: 100vh; width: 100%; position: absolute; top: 0; display: flex; justify-content: "center"; align-items: "center"; .containerhero {width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; .containterTitle {transform: translateY(150px); h1 {font-family: "Castoro",serif; margin: 0;} div {font-size: 50px; text-transform: uppercase; font-weight: 900;}}} .scrolldown {width: 40px; height: 80px; position: absolute; bottom: 40px; left: calc(50% - 20px); animation: bounce 4s infinite; transition: .3s; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 30px; border: 1px solid var(--secondary-color);}}}.section{min-height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2}.section .bannerSection{width:100%;max-width:1000px;height:auto;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#ffffff45;border-radius:20px;position:relative;h2 {text-align: center; font-size: 50px; margin: 0;} span {font-size: 18px; font-weight: 900; margin-top: 30px;} .desc {font-size: 17px; font-weight: 300; text-align: center; padding: 20px;} .treePic {width: 300px; position: absolute; bottom: 0; right: -140px; z-index: 1;}}.canvas{height:100vh;width:100vw;z-index:1;position:sticky;top:0}.banner{background:linear-gradient(10deg,rgb(55,116,19),white);width:100%;max-width:1000px;border-radius:30px;box-shadow:0 0 15px #00000034;height:250px;z-index:2;display:flex;flex-direction:row;justify-content:center}.banner .card-banner-xcp{color:#373737;width:250px;height:100%;display:flex;flex-direction:column;align-items:center}.banner .logo-banner-xcp{margin-top:40px;width:60px;color:#373737;margin-bottom:20px}.banner .title-card-xcp{font-size:24px;width:100%;text-align:center}.banner .desc-card-xcp{width:100%;box-sizing:border-box;padding:0 40px;font-size:16px;text-align:center;margin-top:10px}.details{box-shadow:0 0 15px #0000001d;border-radius:20px;background:linear-gradient(white,#547adb63);width:1100px;min-height:800px;box-sizing:border-box;padding:0 40px 40px;margin-bottom:50px}.details .details-upper-section{height:220px;box-sizing:border-box;padding:40px 0;color:#000000e7;display:flex;flex-direction:row}.details .details-title-upper-section{font-size:35px;margin-bottom:20px}.details .details-desc-upper-section{height:100%;font-size:17px;box-sizing:border-box;padding-right:300px;line-height:28px;color:#000000c0}.details .details-cont-cont{width:80%}.details .details-cont-cont-img{width:20%;height:100%}.details .details-cont-cont-img img{height:600px;transform:translate(-300px) translateY(-250px)}.details .details-separator{width:100%;height:5px;margin-top:20px;margin-bottom:35px;border-radius:20px;background-color:#5b7dd41f;transform:translateY(10px)}.details .details-lower-section{min-height:500px}.details .details-first-lower-box{display:flex;flex-direction:column;margin-bottom:50px}.details .details-title-lower-section{font-size:19px;margin-bottom:20px}.details .details-desc-lower-section{width:50%;font-size:16px;line-height:22px;color:#000000b3}.details .details-details-lower-box-container{min-height:200px;display:flex;flex-direction:row;margin-bottom:100px;align-items:center;justify-content:center}.details .details-box-cont-text{width:60%;display:flex;flex-direction:column}.details .details-box-cont-img{width:25%;height:200px;margin-right:130px}.details .details-box-title{transform:translate(50px);font-size:17px;margin-bottom:20px}.details .details-box-desc{transform:translate(50px);box-sizing:border-box;padding-right:50px;font-size:16px;line-height:24px;color:#000000c0}.details .details-box-img1{height:400px;transform:translateY(-80px) translate(00px)}.details .details-box-img2{height:450px;transform:translateY(-135px) translate(-10px)}.details .details-box-img3{height:500px;transform:translateY(-140px) translate(-40px)}.details .details-box-img4{height:150px;mix-blend-mode:multiply}.services{box-sizing:border-box;padding:20px;width:1000px;height:750px;border-radius:20px;background-color:#fff;box-shadow:0 0 15px #0000001d;display:flex;flex-direction:row}.services .left-side-container-product-types-o{height:100%;width:40%;display:flex;align-items:safe;justify-content:center;flex-direction:column}.services .right-side-container-product-types-o{height:100%;width:60%;display:flex;align-items:center;flex-direction:column;box-sizing:border-box;padding-right:25px}.services .banner-product-types-o{height:100%;width:88%;background-color:#a5c7aa;border-radius:20px;display:flex;flex-direction:column;align-items:center}.services .logo-banner-product-types-o{width:100%;height:80px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin-top:30px}.services .logo-banner-product-types-o img{height:60%;opacity:.5;object-fit:cover}.services .title-banner-product-types-o{width:100%;margin-top:30px;font-size:50px;margin-bottom:10px;color:#000000d1;box-sizing:border-box;padding-left:40px}.services .subtitle-banner-product-types-o{width:100%;box-sizing:border-box;padding-left:40px;font-size:48px;color:var(--secondary-color)}.services .description-banner-product-types-o{line-height:28px;margin-top:30px;font-size:18px;color:#335467;width:100%;box-sizing:border-box;padding:0 40px;p {display: flex; flex-direction: column; color: white; span {font-weight: 900; font-size: 20px; color: var(--secondary-color);}}}.services .description-banner-info-btn{margin-top:30px;min-height:50px;width:200px;border-radius:10px;background-color:var(--secondary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;transition:.3s;cursor:pointer}.services .description-banner-info-btn:hover{background-color:#6d9c6cbf}.services .container-reviews-banner{margin-top:10px;width:100%;height:250px;display:flex;align-items:center;justify-content:center}.services .container-review-card{box-shadow:0 0 15px #00000035;width:80%;min-height:200px;background-color:#fff;border-radius:20px;box-sizing:border-box;padding:10px 0}.services .card-review{height:200px;background-color:#151a35de;color:#fff;border-radius:20px;margin:0 10px;box-sizing:border-box;padding:25px;display:flex;flex-direction:column;justify-content:center;gap:10px}.services .carousel-lmao{border-radius:20px;display:flex;flex-direction:row}.services .upper-review{width:100%;font-size:18px;line-height:28px;text-align:start}.services .bottom-review{margin-top:10px;display:flex;flex-direction:row;gap:10px}.services .bottom-review img{background-color:#fff;padding:0;border-radius:10px;height:55px}.services .container-info-review-o{width:100%;display:flex;flex-direction:column;justify-content:center;font-size:20px;gap:6px;color:#fff;transform:translateY(-8px)}.services .container-info-review-o div{transform:translateY(-10px);font-size:13px;text-align:end}.services .profession-info-review{font-size:14px;color:#ffffffa8}.services .upper-part-product-types-o{width:100%;height:28%;display:flex;flex-direction:column;justify-content:center}.services .lower-part-product-types-o{width:100%;height:72%;display:flex;flex-direction:column;align-items:center;gap:10px;p {display: flex; flex-direction: column;} span {font-weight: 900; font-size: 20px;}}.services .title-product-types-o{font-size:33px}.services .subtitle-product-types-o{margin-top:15px;font-size:20px;color:#000000be}.services .card-pill-o{width:280px;height:85%;background-color:#eaf3fc;border-radius:20px;display:flex;flex-direction:column;align-items:center}.services .bg-two-pill-o{background-color:#576bed}.services .cont-posologie{margin-top:20px;width:100%;height:50px;box-sizing:border-box;padding:10px 30px;display:flex;flex-direction:row;align-items:center;gap:10px}.services .big-s-posologie{height:35px;width:45px;border-radius:10px;background-color:#254aa9;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px}.services .pos-y{background:rgb(236,160,18)}.services .big-s-name-posologie{font-size:24px}.services .price-pill-posologie{height:50px;width:80%;padding:10px 0;box-sizing:border-box;display:flex;flex-direction:row;align-items:baseline;font-size:50px;gap:10px;margin-top:10px}.services .t-1-ro{color:#a5a5a5cb}.services .t-2-ro{font-size:18px;color:#a5a5a5}.services .container-info-pill-posologie{width:100%;height:100px;margin-top:50px;box-sizing:border-box;padding:0 30px;display:flex;flex-direction:column;gap:20px}.services .row-info-pill-posologie{display:flex;flex-direction:row;height:35px;width:100%;align-items:center;justify-content:space-between}.services .tick-posologie{height:30px;width:30px;border-radius:10px;background-color:#000;display:flex;align-items:center;justify-content:center}.services .text-tick-posologie{width:80%;color:#4b4b4bc4;box-sizing:border-box;font-size:17px}.services .tick-logo{color:#fff;height:65%}.services .add-to-cart-posologie{background-color:#3a6be5;margin-top:50px;height:75px;width:80%;border-radius:20px;color:#fff;font-size:20px;box-sizing:border-box;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:.3s}.services .add-to-cart-posologie:hover{background-color:#303139c5;color:#fff}.services .goon-logo{height:25px}.services .whitec{color:#fff}.services .whitecc{color:#ffffffbf}.services .whiteb{background-color:#fff}.services .varc{color:var(--primary-color)}.services .reverse-button-add{background-color:#fff;color:var(--primary-color)}.services .container-chose-size-pack{width:100%;height:40px;transform:translateY(50px);display:flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;cursor:pointer}.services .selected-size-pack{border:3px solid var(--primary-color)}.services .container-chose-size-pack div{width:150px;height:40px;background-color:#e1edff;display:flex;align-items:center;justify-content:center;border-radius:10px;box-sizing:border-box;transition:.3s}.services .container-chose-size-pack div:hover{background-color:var(--primary-color);color:#fff}.services .hidden{display:none}.services .cont-posologie img{cursor:pointer;transform:translate(10px);height:60px}.enquiry{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2}.enquiry .card{background-color:#cbcbcbc8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;width:100%;max-width:1000px;height:400px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:20px;box-sizing:border-box;gap:20px;transition:all .4s}.enquiry .card .cardUpper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:all .4s;h1,p {margin: 0;} p {font-weight: 300; font-size: 20px; text-align: center; padding: 20px;}}.enquiry .card .cardLower{width:0%;height:100%;border-radius:20px;transition:all .7s;display:flex;align-items:center;justify-content:center;position:relative}.enquiry .card .cardLower .next{position:absolute;right:20px;top:20px;background-color:#fff;color:var(--tertiary-color);border-radius:30px;width:150px;height:40px;cursor:pointer;transition:all .3s;opacity:0;display:flex;align-items:center;justify-content:center}.enquiry .card .cardInvoice{width:100%;height:100%;background-color:#162f12c2;border-radius:20px;padding:40px;box-sizing:border-box;color:#fff;transition:all .7s;display:flex;flex-direction:column;align-items:start;justify-content:start;position:relative;div {display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 20px; width: 100%; p {margin: 0; font-weight: 100;} .incltax {font-weight: 900;}} .line {width: 100%; height: 1px; background-color: white; margin-bottom: 30px; margin-top: 10px;} .next {display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px; position: absolute; left: 50%; transform: translateX(-50%) translateY(250px);} .continue {background-color: white; color: var(--tertiary-color); border-radius: 30px; width: 150px; height: 40px; cursor: pointer; transition: all .3s; opacity: 1; display: flex; align-items: center; justify-content: center;}}.enquiry .card .cardContact{width:100%;height:100%;background-color:#162f12c2;border-radius:20px;padding:40px;box-sizing:border-box;color:#fff;transition:all .7s;display:flex;flex-direction:column;align-items:start;justify-content:start;position:relative;div {display: flex; flex-direction: column; justify-content: space-between; align-items: start; margin-bottom: 10px; width: 100%; p {margin: 0; font-size: 15px; margin-bottom: 5px;} input {width: 100%; height: 30px; padding-left: 10px; border-radius: 10px; border: none;} input:focus {outline: none;}} .line {width: 100%; height: 1px; background-color: white; margin-bottom: 30px; margin-top: 10px;} .next {position: absolute; left: 50%; transform: translateX(-50%) translateY(290px); background-color: white; color: var(--tertiary-color); border-radius: 30px; width: 200px; height: 60px; cursor: pointer; transition: all .3s; opacity: 1; display: flex; align-items: center; justify-content: center;}}.enquiry .card .buttonHolder{background-color:var(--secondary-color);padding:0 10px;height:60px;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:30px;gap:10px;box-shadow:inset 0 0 10px 2px #000000a9;button {width: 150px; height: 40px; border-radius: 30px; border: none; cursor: pointer; transition: all .3s;} button:hover {background-color: var(--tertiary-color); color: var(--primary-color);}}.enquiry .card .emerald,.enquiry .card .greengiant{width:100%;height:100%;transition:all .4s}.enquiry .card .quantity{width:40px;align-items:center;justify-content:center;display:flex;font-weight:900;color:#fff}.carousel{display:flex;flex-direction:row;border-radius:20px;max-width:1000px;width:100%;height:300px;position:relative;overflow:hidden}.carousel .carousel-item{position:absolute;top:0;object-fit:cover;height:100%;width:300px}.loadingScreen{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background-color:var(--primary-color);color:var(--secondary-color);font-size:20px;position:sticky;top:0;left:0;z-index:1000}.fadeOut{background:linear-gradient(180deg,#ffffff00,var(--primary-color),var(--primary-color))}.fadeIn{background:linear-gradient(0deg,#ffffff00,var(--primary-color),var(--primary-color))}.loader{width:90px;height:14px;--c:#377413 92%,#0000;background:radial-gradient(circle closest-side,var(--c)) -25% 0,radial-gradient(circle closest-side,var(--c)) 25% 0;background-size:50% 100%;animation:l14 1.5s infinite}@keyframes l14{0%{background-position:-25% 0,25% 0}50%{background-position:-25% -14px,25% 14px}to{background-position:25% -14px,75% 14px}}@media (max-width: 600px){.page{h1,h2 {font-size: 50px;}}footer{height:300px}footer .container{flex-direction:column-reverse;justify-content:center;align-items:center}footer .container_containers{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:30px;margin-bottom:20px}footer .container_address{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0px}.section .bannerSection .treePic{display:none}.enquiry .card{width:96%;max-width:1000px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:25px 20px;box-sizing:border-box;gap:20px}.enquiry .card .cardLower .next{top:90%;right:50%;transform:translate(50%)}.banner{height:auto;width:100%;flex-direction:column;padding-bottom:50px;margin-bottom:10px;align-items:center;justify-content:center}.banner .card-banner-xcp{color:#373737;width:100%;display:flex;flex-direction:column;align-items:center}.banner .logo-banner-xcp{margin-top:40px;width:60px;color:#373737;margin-bottom:20px}.services{width:100%;height:auto;display:flex;flex-direction:column}.services .banner-product-types-o,.services .left-side-container-product-types-o{width:100%}.services .right-side-container-product-types-o{margin-top:60px;width:100%;padding-right:0}.services .upper-part-product-types-o{width:100%;height:auto;margin-bottom:30px}.services .container-chose-size-pack{transform:none;margin-top:30px}.services .lower-part-product-types-o{flex-direction:column}.services .card-pill-o{width:93%;height:auto;padding-bottom:20px}.services .banner-shipment-xcp{height:auto;width:82%;flex-wrap:wrap;padding-bottom:50px}}@keyframes bounce{0%,50%,to{transform:translateY(0)}25%,75%{transform:translateY(-10px)}}
