:after,:before{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none;font-style:normal}button{font-family:inherit;cursor:pointer;padding:0;background-color:transparent;border:none}img{display:block;max-width:100%;height:auto}body{background-color:#ebf8ed;margin:0 auto}h1,h2{font-family:Comfortaa,sans-serif;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em;text-align:center;color:#030a06;margin:0}p{font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#030a06}html{scroll-behavior:smooth}.container{max-width:320px;margin:0 auto;padding:0 16px}.footer .container{padding:0 20px}@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}}.navbar{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#75d281;z-index:1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1)}.navbar .container{padding-left:20px;padding-right:20px}.navbar{padding-top:14px;padding-bottom:92px}.navbar.is-open{opacity:1;visibility:visible;pointer-events:auto}.logo-navbar{display:block;padding-bottom:14px;margin-bottom:32px}.close-icon{padding:8px}.close-btn{position:absolute;top:16px;right:20px;background-color:transparent}.navbar-list{display:flex;flex-direction:column;gap:32px;margin-bottom:32px}.navbar-list-item:last-child{padding-bottom:32px}.navbar-address-list{display:flex;flex-direction:column;gap:16px}.navbar-list-link,.navbar-address-list-link{font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#030a06;transition:color .25s cubic-bezier(.4,0,.2,1)}.navbar-list-link:hover,.navbar-address-list-link:hover,.navbar-list-link:focus,.navbar-address-list-link:focus{color:#113916}@media screen and (min-width: 768px){.navbar .container{padding-left:32px;padding-right:32px}.close-btn{right:24px}}@media screen and (min-width: 1440px){.navbar{display:none}}.header{background-color:#75d281}.header{padding-left:20px;padding-right:12px}.header-wrapper{display:flex;justify-content:space-between;align-items:center}.header-logo{display:block;padding-top:14px;padding-bottom:14px}.header-nav-list,.header-address-list{display:none}.burger-btn{background-color:transparent;border:none}@media screen and (min-width: 768px){.header{padding-left:32px;padding-right:16px}.burger-icon{width:24px;height:24px}}@media screen and (min-width: 1440px){.header{padding-left:64px;padding-right:64px}.logo{height:45px;width:106px}.burger-btn{display:none}.header-nav{display:flex;align-items:center}.header-nav-list{display:flex;gap:32px;align-items:center}.header-address{display:flex;align-items:center}.header-address-list{display:flex;gap:16px}.nav-list-link,.address-list-link{font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#030a06;transition:color .25s cubic-bezier(.4,0,.2,1);padding-top:23px;padding-bottom:23px}}.nav-list-link:hover,.address-list-link:hover,.nav-list-link:focus,.address-list-link:focus{color:#113916}.hero{padding-top:64px;padding-bottom:64px;text-align:center}.hero-text{display:block;margin-bottom:24px}.hero-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:40px;text-align:left;align-items:center;color:#030a06;line-height:1.2;letter-spacing:.01em;margin:0 0 20px}.hero-paragraph{text-align:left;max-width:288px;margin-left:auto;margin-right:auto;margin-bottom:24px}.hero-text-btn{display:flex;flex-direction:column;align-items:center}.hero-btn{background-color:#030a06;color:#fff;border:1px solid #030a06;border-radius:6px;padding:12px 24px;width:100%;max-width:288px;height:50px;font-size:16px;line-height:1.6}.hero-btn:hover,.hero-btn:focus{opacity:.5}.hero-picture{display:block;border-radius:40px;width:288px;height:285px;object-fit:cover;object-position:center;text-align:center;justify-content:center}@media screen and (min-width: 768px){.hero{padding-top:32px;background-color:#ebf8ed}.hero-text{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;margin-bottom:0}.hero-title{width:320px}.hero-text-btn{display:flex;flex-direction:column;align-items:flex-start;gap:24px;max-width:340px}.hero-paragraph{max-width:340px;font-size:18px;margin:0}.hero-btn{width:148px;height:50px}.hero-picture{width:704px;height:267.22px}}@media screen and (min-width: 1440px){.hero-text-picture{display:flex;flex-direction:column;margin:0 auto}.hero-text{display:flex;flex-direction:row;justify-content:space-between;gap:64px}.hero-title{width:640px;font-size:56px}.hero-text-btn{max-width:640px;flex-direction:column;gap:24px}.hero-paragraph{font-size:18px;margin:0;text-align:left;max-width:640px}.hero-btn{width:160px}.hero-picture{width:1312px;height:498px;object-fit:cover;border-radius:40px}}.about{height:348px;background-image:linear-gradient(#0006,#0006),url(/first-joint-project-01/assets/feature-1x-B1eBuPgP.webp);background-size:cover;background-position:center;background-repeat:no-repeat;padding-top:64px;padding-bottom:64px;text-align:center;transition:background-color .25s cubic-bezier(.4,0,.2,1)}@media screen and (min-resolution: 192dpi){.about{background-image:linear-gradient(#0006,#0006),url(/first-joint-project-01/assets/feature-2x-CSKZBYEr.webp)}}.about-text{font-family:Fira Sans,sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#fff;margin-bottom:12px}.about-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em;color:#fff;margin-bottom:20px}.about-title-text{font-family:Fira Sans,sans-serif;font-size:16px;line-height:1.6;color:#fff}@media screen and (min-width: 768px){.about{padding-top:80px;padding-bottom:80px;height:325px}.about-title-text{font-size:18px;width:573px;display:inline-flex;justify-content:center;align-items:center}.about-text{margin-bottom:16px}.about-title{margin:0 auto 24px}}@media screen and (min-width: 1440px){.about{padding-top:112px;padding-bottom:94px;height:462px}.about-title{font-size:56px;width:629px;white-space:normal;justify-content:center;align-items:center}}.advantages{padding-top:32px;padding-bottom:32px}.subtitle{margin-bottom:12px;font-weight:600;font-size:16px;line-height:1.5;color:#030a06}.advantages-title{text-align:start;margin-bottom:20px}.section-description{font-size:18px;line-height:1.6;color:#030a06;max-width:768px;margin-bottom:48px}.features-list{display:flex;flex-wrap:wrap;gap:48px}.feature-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:24px;line-height:1.4;letter-spacing:.01em;color:#030a06;margin-bottom:4px}.feature-text{font-weight:400;font-size:16px;line-height:1.6}.advantages-img{min-width:288px}@media only screen and (min-width: 768px){.advantages{padding-top:64px;padding-bottom:64px}.subtitle{margin-bottom:16px}.advantages-title{margin-bottom:24px}.section-description{margin-bottom:32px}.features-list{gap:24px}.advantages-img{margin-bottom:32px}.features-item{flex:1 1 calc(50% - 24px)}.features-item:last-child{flex:1 1 100%}.feature-title{margin-top:32px;margin-bottom:8px}.axter{width:340px}}@media only screen and (min-width: 1440px){.subtitle{margin-bottom:16px}.advantages-title{font-size:48px;margin-bottom:24px}.section-description{font-size:18px;margin-bottom:80px}.features-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.features-item{width:421px;height:447px}.feature-title{font-size:32px;margin-bottom:24px}.advantages-img{margin-bottom:32px;width:421px}}.assortment{align-items:center;padding-bottom:32px;padding-top:32px}.assortment-title{text-transform:capitalize;margin-bottom:32px}.assortment-image{width:100%;height:auto;display:block}.assortment-list{display:grid;grid-template-columns:1fr;row-gap:40px}.assortment-item{width:100%}.assortment-description{border:none;margin-top:16px}.product-name{font-family:Fira Sans,sans-serif;font-weight:600;font-size:18px;line-height:1.6;text-align:center}.product-description{font-weight:400;font-size:14px;line-height:1.6;text-align:center;margin-bottom:8px}.assortment-price{font-weight:600;font-size:20px;line-height:1.6;text-align:center}.order-button{text-align:center}.buy-button{width:100%;max-width:288px;height:40px;align-items:center;justify-content:center;border:1px solid #030a06;border-radius:6px;padding:7px 0;font-size:16px;color:#030a06;margin:16px auto 0;background-color:transparent;transition:background-color .3s ease,color .3s ease}.buy-button:hover,.buy-button:focus{color:#fff;border:1px solid #113916;background:#113916;opacity:.8}@media screen and (min-width: 768px){.assortment{padding-top:64px;padding-bottom:64px}.assortment-list{display:grid;grid-template-columns:repeat(2,1fr);column-gap:24px;row-gap:24px}.assortment-item article{max-width:340px;display:flex;flex-direction:column;min-height:100%}.assortment-description{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.buy-button{width:340px;max-width:340px}}@media screen and (min-width: 1440px){.assortment-list{grid-template-columns:repeat(4,1fr);column-gap:24px;row-gap:64px;padding:0;margin:0;list-style:none}.assortment-item article{min-width:310px;margin:0}.assortment-cover{width:310px}.assortment-image,.buy-button{max-width:310px;width:100%}}.gallery{padding-top:32px;padding-bottom:32px}.gallery-title{width:768px;max-width:100%;margin:0 auto 16px;text-align:center}.gallery-subtitle{width:768px;max-width:100%;margin:0 auto 32px;font-family:Fira Sans,sans-serif;font-size:16px;line-height:1.5;text-align:center;color:#030a06}.gallery-list{display:grid;grid-template-columns:1fr;gap:16px}.gallery-item{width:100%}.gallery-img{border-radius:32px;width:100%;height:100%;object-fit:cover}@media screen and (min-width: 768px){.gallery{padding-top:64px;padding-bottom:64px}.gallery-list{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;align-items:start;gap:24px}.gallery-list li:nth-child(1){grid-column:2;grid-row:3;height:338px}.gallery-list li:nth-child(2),.gallery-list li:nth-child(3){grid-row:span 2;height:700px}.gallery-list li:nth-child(4){grid-column:1;grid-row:1;height:338px}}@media screen and (min-width: 1440px){.gallery-list{grid-template-columns:repeat(3,1fr);gap:24px}.gallery-list li:nth-child(1){grid-column:1;grid-row:2;height:421.33px}.gallery-list li:nth-child(2){grid-column:2;grid-row:1 / span 2;height:865px}.gallery-list li:nth-child(3){grid-column:3;grid-row:1 / span 2;height:865px}.gallery-list li:nth-child(4){grid-column:1;grid-row:1;height:421.33px}}.feedbacks{padding-top:32px;padding-bottom:32px}.feedbacks-title{margin-bottom:32px}.feedbacks-list{display:flex;flex-direction:column;gap:40px;text-align:left}.feedbacks-item{background-color:#ebf8ed;display:flex;flex-direction:column}.feedbacks-rating{display:flex;gap:4px;margin-bottom:12px}.feedbacks-star-icon{fill:#030a06}.feedbacks-star-icon.filled{fill:#66ac71}.feedbacks-text{font-family:Comfortaa,serif;font-size:20px;font-weight:700;line-height:1.4;letter-spacing:.01em;color:#1c1e1dcc;margin-bottom:12px}.feedbacks-customer-name{font-family:Fira Sans,sans-serif;font-weight:600;font-size:16px;line-height:1.6;color:#030a06;margin-top:auto}@media screen and (min-width: 768px){.feedbacks{padding-top:64px;padding-bottom:64px}.feedbacks-title{font-size:36px;margin-bottom:32px}.feedbacks-rating{margin-bottom:24px}.feedbacks-list{flex-direction:row;flex-wrap:wrap;row-gap:32px;column-gap:24px}.feedbacks-text{margin-bottom:24px}.feedbacks-item{max-width:340px}}@media screen and (min-width: 1440px){.feedbacks-container{text-align:-webkit-center}.feedbacks-title{font-size:48px;margin-bottom:80px;width:560px}.feedbacks-list{flex-wrap:nowrap}.feedbacks-item{flex-basis:calc((100% - 72px)/4)}}.support{padding-top:32px;padding-bottom:32px}.support .container{flex-direction:column}.support-title{margin-bottom:24px;text-align:left}.support-subtitle{font-size:18px;margin-bottom:32px;text-align:left}.support-form{display:flex;flex-direction:column}.form-group{width:100%;position:relative;margin-bottom:24px}.form-label{font-family:Fira Sans,sans-serif;display:block;margin-bottom:8px;font-size:16px;line-height:1.6;color:#030a06;text-align:left}.form-input,.form-textarea{font-family:Fira Sans,sans-serif;width:100%;border:1px solid rgba(3,10,6,.15);border-radius:6px;background-color:#030a060d;font-size:16px;transition:all .3s ease;margin-bottom:0;outline:none}.form-input{padding:12px 8px}.form-textarea{padding:12px 12px 0;min-height:180px;resize:none}.form-input:not(:placeholder-shown):invalid,.form-textarea:not(:placeholder-shown):invalid{border-color:#d64040;background-color:#d640400d}.form-input:not(:placeholder-shown):valid,.form-textarea:not(:placeholder-shown):valid{border-color:#030a064d}.error-message{display:none;font-family:Fira Sans,sans-serif;font-size:12px;line-height:1.6;color:#d64040;text-align:left}.form-input:not(:placeholder-shown):invalid+.error-message,.form-textarea:not(:placeholder-shown):invalid+.error-message{display:block}.submit-btn{font-family:Fira Sans,sans-serif;border:1px solid #030a06;border-radius:6px;padding:12px 24px;max-width:288px;background-color:#030a06;color:#fff;font-size:16px;font-weight:500;transition:all .3s ease;margin-bottom:24px}.submit-btn:hover{background-color:#1a2a21;border-color:#1a2a21}.support-image{display:block;width:100%;height:428px;aspect-ratio:16/9;border-radius:40px;background-size:cover;background-position:center;background-image:url(/first-joint-project-01/assets/support-1x-DOOcbsY-.webp)}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.support-image{background-image:url(/first-joint-project-01/assets/support-2x-BGLIO5gz.webp)}}@media (min-width: 768px){.support-image{aspect-ratio:4/3}.support{padding-top:64px;padding-bottom:64px}.submit-btn{max-width:249px}}@media (min-width: 1440px){.support .container{display:flex;flex-direction:row}.support-content{flex:0 1 644px;width:644px}.support-title{font-size:48px}.support-image{flex:1;position:sticky;top:32px;height:767px;aspect-ratio:unset;margin-left:24px}.submit-btn{max-width:198px}}.footer{background-color:#75d281;padding-top:48px;padding-bottom:48px}.footer-logo{display:flex;text-align:center;justify-content:center}.footer-nav{margin-top:48px;margin-bottom:48px}.footer-nav-list{display:flex;flex-direction:column;gap:32px;justify-content:center;text-align:center}.footer-nav-item{font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#030a06}.footer-nav-item a{text-decoration:none;color:#030a06;transition:color .3s ease,text-decoration .3s ease}.footer-nav-item a:hover,.footer-nav-item a:focus{color:bisque;outline:none}.footer-social-container{margin-bottom:48px}.footer-social-list{text-align:center;justify-content:center;display:flex;gap:12px;padding:0;margin:0;list-style:none}.footer-social-icon{width:32px;height:32px;display:block}.footer-social-item{width:32px;height:32px}.footer-social-item-link{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.footer-contacts{padding-top:24px;padding-bottom:24px;text-align:center;justify-content:center;border-top:1px solid rgba(3,10,6,.15)}.footer-contacts{font-style:normal}.contacts-list{display:flex;flex-direction:column;gap:16px}.contacts-link{font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#030a06}.footer-copyright-text{text-align:center;justify-content:center;font-family:Fira Sans,sans-serif;font-weight:400;font-size:14px;line-height:1.6;color:#030a06}@media only screen and (min-width: 768px){.footer{padding-top:64px;padding-bottom:64px}.footer-logo{width:164px;height:70px;margin:0 auto;text-align:center;justify-content:center}.footer-nav{margin-top:32px;margin-bottom:32px}.footer-nav-list{flex-direction:row}.footer-social-container{margin-bottom:24px}.footer-social-icon,.footer-social-item,.footer-social-link{width:40px;height:40px}.footer-contacts{padding-top:16px;padding-bottom:16px}.contacts-list{flex-direction:row;text-align:center;justify-content:center}}@media only screen and (min-width: 1440px){.footer-container{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:52px;min-height:70px;flex-wrap:wrap}.footer{padding-top:80px;padding-bottom:80px}.footer-logo{display:flex;justify-content:center;align-items:center}.footer-logo img{max-width:164px;height:auto;display:block}.footer-nav-container{padding-left:32px;padding-right:32px}.footer-social-container{margin-bottom:0}.footer-social-icon,.footer-social-item,.footer-social-link{width:24px;height:24px}.footer-nav{margin-top:22px;margin-bottom:22px}.footer-social-list{margin-top:0;margin-bottom:0}}