h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul,ol{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer;background-color:transparent;border:none;outline:none;color:currentColor;margin:0;padding:0}img{display:block;max-width:100%;height:auto}.container{min-width:320px;max-width:375px;margin:0 auto;padding:0 16px}@media only screen and (min-width: 768px){.container{max-width:768px;padding:0 32px}}@media only screen and (min-width: 1440px){.container{max-width:1440px;padding:0 64px}}*{scroll-behavior:smooth}body{font-family:Public Sans,sans-serif;font-weight:400;font-size:18px;line-height:1.5;color:#fff;background:#5e8a4d}h1,h2{font-family:Chivo,sans-serif;line-height:1.2;letter-spacing:-.01em;color:currentColor}h1{font-size:40px}h2{font-size:36px}button{color:currentColor;font-weight:500;font-size:16px;line-height:1.5}a{font-weight:400;font-size:16px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}address{font-style:normal}.header{padding:6px 0;background-color:#5e8a4d}.header_container{display:flex;align-items:center;justify-content:space-between}.header-nav-link,.logo,.mobile-menu-btn,.order-btn{cursor:pointer}.header-nav-list,.order-btn{display:none}.logo-icon{display:block;line-height:0;fill:#fff}.mobile-menu-btn{transition:opacity .25s cubic-bezier(.4,0,.2,1)}.mobile-menu-btn:hover,.mobile-menu-btn:focus{opacity:.8}.mobile-menu-icon{stroke:#fff;fill:#fff}.mobile-menu-btn{background-color:transparent;border:none;padding:0;line-height:0}@media screen and (min-width: 768px){.order-btn{display:inline-block;text-align:center;min-width:92px;margin-left:auto;margin-right:16px;padding:3px 23px;background-color:#1a5901;border:1px solid #1a5901;border-radius:6px;font-family:inherit;font-weight:500;font-size:16px;line-height:1.5;color:#fff;text-decoration:none;transition:background-color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.order-btn:hover,.order-btn:focus{background-color:#fff;border-color:#fff;color:#010400}.order-btn:active{background-color:#fff;border-color:#fff;color:#010400;box-shadow:inset 2px 7px 27px -4px #00000026}}@media screen and (min-width: 1440px){.mobile-menu-btn{display:none}.header-nav{display:block}.header-nav-list{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}.header-nav-link{display:block;padding:18px 0;font-size:16px;line-height:1.5;color:#fff;transition:color .25s cubic-bezier(.4,0,.2,1);text-decoration:none}.header-nav-link:hover,.header-nav-link:focus,.header-nav-link.current{color:#ffffff80}.header-nav-link:active{color:#fff9}.order-btn{margin-right:0;margin-left:32px}.logo{margin-right:auto}}.hero{padding-top:183px;padding-bottom:179px;background:linear-gradient(#00000080,#00000080),url(/project-html-css-07/assets/hero-background-mobile@1x-sp338Dmk.jpg) no-repeat center;background-size:contain}@media only screen and (max-width: 374px){.hero{background-size:cover}}.hero-container{display:flex;flex-direction:column}@media (max-width: 337px){.hero{padding-bottom:155px;padding-top:159px}}@media (max-width: 331px){.hero{padding-top:144px;padding-bottom:143px}}@media (min-resolution: 2x){.hero{background-image:linear-gradient(#00000080,#00000080),url(/project-html-css-07/assets/hero-background-mobile@2x-kJjJk3LV.jpg)}}.main-title{font-weight:400;margin-bottom:8px}.hero-descr{margin-bottom:16px}.hero-contacts-reference{background-color:#fff;border-radius:6px;padding-top:8px;padding-bottom:8px;color:#010400;font-weight:500;text-align:center;transition:background-color .25s cubic-bezier(.4,0,.2,1)}.hero-contacts-reference:hover,.hero-contacts-reference:focus{background-color:#5e8a4d}@media only screen and (min-width: 768px){.hero{padding:234px 0;background-image:linear-gradient(#00000080,#00000080),url(/project-html-css-07/assets/hero-background-tablet@1x-BW83KO2-.jpg)}.hero-container{padding-right:125px}.hero-contacts-reference{padding-top:6px;padding-bottom:6px;max-width:254px}}@media only screen and (min-width: 768px) and (min-resolution: 2x){.hero{background-image:linear-gradient(#00000080,#00000080),url(/project-html-css-07/assets/hero-background-tablet@2x-BMclLkrX.jpg)}}@media only screen and (min-width: 1440px){.hero{padding:326px 0;background-image:linear-gradient(#00000080,#00000080),url(/project-html-css-07/assets/hero-background-desktop@1x-CWDkRbg1.jpg)}.hero-container{padding-right:730px}.main-title{font-size:56px}.hero-contacts-reference{padding-top:6px;padding-bottom:6px;max-width:199px}}@media only screen and (min-width: 1440px) and (min-resolution: 2x){.hero{background-image:linear-gradient(#00000080,#00000080),url(/project-html-css-07/assets/hero-background-desktop@2x-Bfd2OfEr.jpg)}}.mission-container{background-color:#5e8a4d;text-align:start;display:flex;justify-content:center;flex-direction:column;gap:32px}.mission-title{font-family:Chivo,sans-serif;font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.01em;color:#fff;margin-bottom:24px}.mission-text{font-family:Public Sans,sans-serif;font-weight:400;font-size:18px;line-height:1.5;color:#fff;margin-bottom:32px}.mission-image{display:block;width:100%;height:auto;margin:auto;max-width:375px}.mission-section{padding-top:64px;padding-bottom:64px}.mission-text{font-size:18px}@media screen and (min-width: 768px){.mission-container{display:flex;align-items:center;gap:32px;flex-direction:column}.mission-title{font-size:36px;min-width:340px;max-width:calc(50% - 12px);margin-bottom:0}.mission-text{font-size:18px;margin-bottom:32px;min-width:340px;max-width:calc(50% - 12px)}.mission-image{max-width:704px;margin-top:0}.mission-section{padding-top:64px;padding-bottom:64px}.mission-content{display:flex;flex-direction:row;justify-content:space-between}}@media screen and (min-width: 1440px){.mission-container{display:flex;justify-content:center;gap:80px}.mission-title,.mission-text{text-align:left;margin-bottom:0;padding:0}.mission-title{font-size:48px}.mission-image{max-width:1312px;margin:0 auto;display:block}.mission-section{padding-top:112px;padding-bottom:112px}}.benefits{background-color:#1a5901}.benefits-text{font-family:Chivo,sans-serif}.benefits{padding-top:64px;padding-bottom:64px}@media only screen and (min-width: 1440px){.benefits{padding-top:112px;padding-bottom:112px}}.benefits-container{display:flex;flex-direction:column;gap:24px}@media only screen and (min-width: 1440px){.benefits-container{flex-direction:row;align-items:center}}.benefits-img{width:100%;height:auto;display:block}.benefits-left-side{width:100%}@media only screen and (min-width: 1440px){.benefits-left-side{max-width:644px;flex-shrink:0}}.benefits-right-side{width:100%}.benefits-title-block{margin-bottom:32px}.benefits-title{font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.01em;margin-bottom:24px}@media only screen and (min-width: 1440px){.benefits-title{font-size:48px}}.benefits-desc{font-size:18px}.benefits-list{display:flex;flex-direction:column;gap:32px}@media only screen and (min-width: 768px){.benefits-list{flex-direction:row;flex-wrap:wrap;gap:32px 16px}}.benefits-item{width:100%}@media only screen and (min-width: 768px){.benefits-item{flex-basis:calc(50% - 8px)}}.benefits-icon{fill:#fff;margin-bottom:16px}.benefits-text{font-weight:400;font-size:20px;line-height:1.4;letter-spacing:-.01em;margin-bottom:16px}.benefits-capt{font-size:16px}.assorts{background:#d1ddcc;padding:64px 0}@media only screen and (min-width: 1440px){.assorts{padding:112px 0}}.assorts-subtitle{font-weight:600;font-size:16px;color:#010400;margin-bottom:16px}.assorts-title{font-weight:400;color:#010400;max-width:344px;margin-bottom:24px}@media only screen and (min-width: 1440px){.assorts-title{font-size:48px;max-width:768px;margin-bottom:32px}}.assorts-list{display:flex;flex-direction:column;gap:16px}@media only screen and (min-width: 768px){.assorts-list{flex-direction:row;flex-wrap:wrap}}@media only screen and (min-width: 1440px){.assorts-list{gap:24px}}.assorts-item{display:flex;flex-direction:column;max-width:343px}@media only screen and (min-width: 768px){.assorts-item{max-width:344px}}@media only screen and (min-width: 1440px){.assorts-item{max-width:310px}}.assorts-img{width:100%;margin-bottom:16px}.assorts-card-info{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.assorts-card-right{display:flex;flex-direction:column;align-items:flex-end;max-width:58px}.assorts-caption{font-weight:600;font-size:18px;color:#010400}.assorts-desc{font-size:14px;color:#010400}.assorts-price{font-weight:600;font-size:20px;color:#010400}.assorts-amount{font-size:10px;line-height:1.3;text-align:right;color:#010400;max-width:53px}.assorts-btn{color:#010400;border:1px solid rgba(1,4,0,.15);border-radius:6px;padding:4px 10px;width:100%;height:40px;margin-top:auto;transition:color .25s ease-in-out,background-color .25s ease-in-out}.assorts-btn:hover,.assorts-btn:focus{color:#fff;background-color:#1a5901}.feedbacks-section{padding:64px 0;background-color:#e8eee5}.feedbacks-container{padding:0 16px;display:flex;flex-direction:column;gap:24px}.feedbacks-list-stars{padding-left:0;margin-left:0;list-style:none;margin-bottom:24px}.feedbacks-stars{display:inline-flex;gap:4px}.feedbacks-star-icon{color:#000;fill:currentColor;stroke:currentColor}.title-feedbacks{font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.01em;text-align:center;color:#010400;font-family:Chivo,sans-serif;margin-bottom:16px}.feedbacks-list{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.subtitle-feedbacks{font-weight:400;font-size:18px;line-height:1.5;text-align:center;color:#010400;font-family:Public Sans,sans-serif}.feedbacks-text{font-weight:400;font-size:18px;line-height:1.5;color:#010400;font-family:Public Sans,sans-serif}.feedbacks-author{display:flex;align-items:center;gap:16px;margin-top:auto}.feedbacks-avatar{width:48px;height:48px;border-radius:50%}.feedbacks-name{font-weight:600;font-size:16px;line-height:1.5;color:#010400;font-family:Public Sans,sans-serif}.feedbacks-content{width:100%;max-width:343px;padding:32px;border:1px solid rgba(1,4,0,.15);height:314px;min-width:300px;display:flex;flex-direction:column;box-sizing:border-box}@media screen and (min-width: 768px){.feedbacks{padding:64px 0}.feedbacks-container{padding:0 32px}.title-feedbacks{margin-bottom:24px}.feedbacks-content{width:calc((100% - 24px)/2);margin:0}.feedbacks-header{max-width:644px;margin:0 auto}}@media screen and (min-width: 1440px){.feedbacks{padding:112px 0}.feedbacks-container{padding:0 64px;gap:80px}.feedbacks-content{width:calc((100% - 72px)/4)}.title-feedbacks{font-size:48px}}.faq-container{width:100%;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-section{padding-top:64px;padding-bottom:64px;background-color:#5e8a4d;color:#fff}.faq-header{display:flex;flex-direction:column;gap:8px}.faq-title{font-size:36px;font-weight:400;line-height:1.2;letter-spacing:-.01em}.faq-text{font-size:18px;line-height:1.5;font-weight:400;max-width:362px}.faq-list{display:flex;flex-direction:column;list-style:none;padding:0;border-top:1px solid rgba(255,255,255,.2)}.faq-item{padding-top:23px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.2)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700;line-height:1.5;padding:0;gap:24px}.faq-icon{width:32px;height:32px;flex-shrink:0;fill:currentColor;transform:rotate(180deg);transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1)}.faq-question.clicked>.faq-icon{transform:rotate(360deg);transition:transform .1s cubic-bezier(.4,0,.2,1)}.faq-question:hover,.faq-question:focus-visible{opacity:.8}.faq-answer{font-size:16px;line-height:1.5;font-weight:400;padding:0;pointer-events:none;height:0px;opacity:0;margin-top:0;transition:height .1s cubic-bezier(.4,0,.2,1),opacity .1s cubic-bezier(.4,0,.2,1),margin-top .1s cubic-bezier(.4,0,.2,1)}.faq-answer.faq-is-active{pointer-events:all;height:100%;opacity:1;margin-top:23px;transition:height .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1),margin-top .25s cubic-bezier(.4,0,.2,1)}@media screen and (min-width: 1440px){.faq-section{padding-top:112px;padding-bottom:112px}.faq-container{margin:0 auto;display:grid;grid-template-columns:421px 1fr;gap:24px;align-items:start}.faq-header{max-width:421px;gap:24px}.faq-title{font-size:48px}.faq-list{max-width:867px}.faq-answer{font-size:16px;max-width:867px}}.contact-section{background-color:#e8eee5;padding:64px 0}@media screen and (min-width: 1440px){.contact-section .container{padding:0 64px;display:flex;flex-direction:row;gap:24px}}.form-container{display:flex;flex-direction:column;align-items:start;width:100%}.contact-subtitle{margin:0 0 16px;font-weight:600;line-height:1.5;font-size:16px;color:#010400}.contact-title{margin:0 0 24px;color:#010400;font-size:36px;line-height:1.2;letter-spacing:-.01em;font-weight:400}@media screen and (min-width: 1440px){.contact-title{font-size:48px}}.text-contact{margin:0 0 32px;font-size:18px;line-height:1.5;color:#010400}.list-contact-section{padding:0;list-style-type:none;display:flex;flex-direction:column;justify-content:start;gap:16px}.contact-address-container{margin-bottom:40px}.item-contact-section{align-items:center;display:flex;gap:16px}.icon-section-contact{flex-shrink:0}.link-contact-section{transition:color .25s ease;line-height:1.5;text-decoration:underline;color:#010400}.link-contact-section:hover,.link-contact-section:focus{color:#01040099}.form-contact-section{display:flex;flex-direction:column;gap:24px;width:100%;margin-bottom:32px}@media screen and (min-width: 768px){.form-contact-section{margin-bottom:24px}}@media screen and (min-width: 1440px){.form-contact-section{margin-bottom:0}}.contact-form-label{color:#010400;display:block;margin-bottom:8px;font-size:16px}.section-contact-form-item,.comment{width:100%;background-color:transparent;box-sizing:border-box;display:block;outline:none;cursor:pointer}.section-contact-form-item::placeholder,.comment::placeholder{color:#01040099;font-size:16px}.section-contact-form-item{border:none;border-bottom:1px solid rgba(1,4,0,.15);padding:8px 0;font-size:16px;line-height:1.5}.comment{border:1px solid rgba(1,4,0,.15);resize:none;padding:12px;font-size:16px}.contact-btn-send{border:1px solid #1a5901;background-color:#1a5901;border-radius:6px;padding:6px 12px;width:100%;height:40px;font-weight:500;line-height:1.5;color:#fff;cursor:pointer;transition:background-color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}@media screen and (min-width: 768px){.contact-btn-send{width:343px}}@media screen and (min-width: 1440px){.contact-btn-send{width:196px}}.contact-btn-send:hover,.contact-btn-send:focus{border-color:#5e8a4d;background-color:#5e8a4d;color:#010400}.section-contact-form-item:not(:placeholder-shown):invalid,.comment:not(:placeholder-shown):invalid{border-color:#a00000}.section-contact-form-item:not(:placeholder-shown):valid,.comment:not(:placeholder-shown):valid{border-color:green}.input-box{position:relative}.text-valid,.text-invalid{position:absolute;font-size:12px;display:none}.text-valid{color:green}.text-invalid{color:#a00000}.section-contact-form-item:not(:placeholder-shown):valid~.text-valid{display:block}.section-contact-form-item:not(:placeholder-shown):invalid~.text-invalid{display:block}.comment:not(:placeholder-shown):valid~.text-valid{display:block}.comment:not(:placeholder-shown):invalid~.text-invalid{display:block}.img-container{width:100%;line-height:0}.contact-img{width:100%;height:auto;display:block}.footer{background-color:#0a2300;text-align:center;padding-top:80px;padding-bottom:80px}.social-footer-list{flex-direction:row;display:flex;align-items:center;justify-content:center}.footer-nav{margin-bottom:24px}.footer-nav-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:32px;align-items:center}.footer-nav-link,.social-link{color:#fff;text-decoration:none;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.social-link{width:44px;height:44px;display:flex;justify-content:center;align-items:center}.footer-nav-link:hover,.social-link:hover{opacity:.8}.footer-copyright{border-top:1px solid rgba(255,255,255,.2);padding-top:32px;font-size:14px;margin-top:40px;text-align:center}.footer-logo-ref{display:flex;justify-content:center;align-items:center;fill:#fff;margin-bottom:24px}.social-footer-logo{fill:#fff}@media screen and (min-width: 768px){.footer-nav-list{flex-direction:row;justify-content:center}.footer-copyright{margin-top:40px}.social-footer-logo{width:24px;height:24px}}@media screen and (min-width: 1440px){.footer{text-align:left;padding-top:80px;padding-bottom:80px}.footer-container{display:flex;flex-direction:column;gap:80px}.footer-nav{margin:0}.footer-nav-link{padding:10px 0}.footer-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%}.footer-nav-list{flex-direction:row;gap:32px;justify-self:center;margin:0}.social-footer-list{justify-self:end;margin:0}.footer-logo-ref{width:84px;height:36px;justify-content:flex-start;margin:0}.footer-copyright{width:100%;margin-top:0;text-align:center}}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#5e8a4d;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease}.menu-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.menu-overlay.is-open .menu-container{opacity:1;pointer-events:auto;visibility:visible}.menu-container{max-width:375px;padding:0 16px;margin:0 auto}.logo-close-thumb{display:flex;justify-content:space-between;align-items:center;padding:6px 0;width:100%;height:72px}.menu-logo-ref{position:relative;width:142px;height:60px}.logotype{fill:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.navbar-btn-close{display:flex;justify-content:center;align-items:center}.navbar-close-icon{width:32px;height:32px;fill:#fff}.nav-menu{padding:64px 0 32px;width:100%}.nav-list{display:flex;flex-direction:column;gap:32px;align-items:center}.menu-nav-link{font-family:Public Sans,sans-serif;font-weight:600;font-size:18px;line-height:1.5}.menu-order-btn{display:flex;align-items:center;justify-content:center;font-weight:500;font-size:16px;line-height:1.5;text-align:center;border:1px solid #1a5901;border-radius:6px;width:100%;height:40px;background-color:#1a5901;cursor:pointer;box-sizing:border-box;transition:background-color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.menu-order-btn:hover,.menu-order-btn:focus,.menu-order-btn:active{border:1px solid #ffffff;color:#010400;background-color:#fff}@media (min-width:768px){.menu-overlay{right:0;left:auto;max-width:286px}.menu-container{padding:16px 32px}.logo-close-thumb{justify-content:end;padding:0;height:44px}.logotype{display:none}.navbar-btn-close{width:44px;height:44px}.navbar-close-icon{width:24px;height:24px}.nav-menu{padding:24px 0 0}.nav-list{gap:24px;align-items:end;padding-bottom:24px}.menu-order-btn{height:32px}}@media (min-width:1440px){.menu-overlay{display:none}}
