h1,h2,h3,h4,h5,h6,p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}html{scroll-behavior:smooth}body{font-family:Fira Sans,sans-serif;line-height:1.6;color:#030a06;background-color:#ebf8ed}section{padding-top:32px;padding-bottom:32px}@media screen and (min-width: 768px){section{padding-top:64px;padding-bottom:64px}}.button{display:inline-block;font-family:inherit;font-size:16px;line-height:1.6;border-radius:6px}.section-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em}@media screen and (min-width: 1440px){.section-title{font-size:48px}}.container{max-width:320px;margin:0 auto;padding:0 16px}@media screen and (min-width: 768px){.container{max-width:768px;padding-right:32px;padding-left:32px}}@media screen and (min-width: 1440px){.container{max-width:1440px;padding-right:64px;padding-left:64px}}@keyframes slide{0%{transform:translate(-140%) translateY(-50%)}to{transform:translate(-104%) translateY(-50%)}}@keyframes stretch{0%{opacity:0;transform:translate(-50%) translateY(100%) scale(.2)}to{opacity:1;transform:translate(-50%) translateY(100%) scale(1)}}.header{background-color:#75d281}.container-header{display:flex;justify-content:space-between;align-items:center;padding-right:20px;padding-left:20px;width:100%}.header-logo{margin-top:14px;margin-bottom:14px;display:flex}.header-logo-icon{fill:#030a06}.nav-list,.contacts{display:none}.menu-open-btn{width:32px;height:32px;justify-content:center;align-items:center;display:flex;border:none;background-color:transparent;padding:0}.burger-icon{fill:#030a06}.burger-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#75d281;z-index:9999;display:none;flex-direction:column;box-sizing:border-box}.burger-menu-overlay.is-open{opacity:1;pointer-events:auto;visibility:visible;display:flex}.burger-menu{display:flex;flex-direction:column;height:100%;width:320px;padding:14px 20px 92px}.burger-menu-close{position:absolute;top:16px;right:20px;background-color:transparent;padding:0;fill:#000;width:32px;height:32px;display:inline-flex;justify-content:center;align-items:center;border:none}.burger-nav{width:280px;margin-top:32px}.burger-nav-list{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:88px;height:316px;row-gap:32px}.burger-contact{padding-top:32px;margin-top:auto;font-style:normal}.burger-contact-list{display:flex;flex-direction:column;row-gap:16px;width:158px;height:68px}@media (min-width: 768px){.container-header{padding-right:32px;padding-left:32px}.burger-menu{box-sizing:border-box}.menu-open-btn{width:24px;height:24px}.burger-menu{width:768px;padding:14px 32px 128px}.burger-menu-close{right:24px}.burger-nav{width:768px}}@media (min-width: 1440px){.container-header{max-width:1440px;display:flex;align-items:center;padding-left:64px;padding-right:64px}.menu-open-btn,.burger-menu-overlay{display:none}.nav-list,.contacts{display:flex}.header-logo{width:104px;height:39px;margin-right:auto}.header-logo-icon{width:104px;height:39px}.header-navbar{display:flex;align-items:center;justify-content:space-between;width:auto;padding:0}.nav-list{width:566px;display:flex;gap:32px;flex-direction:row;align-items:center}.nav-link:hover,.nav-link:focus,.contacts-link:hover,.contacts-link:focus{border-bottom:1px solid #030a06}.nav-link:active,.contacts-link:active{color:#3ac04c;border-bottom:1px solid #3ac04c}.contacts{display:flex;flex-shrink:0;align-items:center;margin-left:auto}.contacts-list{width:290px;display:flex;gap:16px;font-style:normal}.burger-menu{display:none}}.hero{padding-top:64px;padding-bottom:64px}.hero-text-content-wrapper{margin-bottom:24px}.hero-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:40px;line-height:1.2;letter-spacing:.01em;margin-bottom:20px}.hero-text{margin-bottom:24px}.img-wrapper{border-radius:40px;overflow:hidden}@media screen and (min-width: 768px){.hero{padding-top:32px}.hero-text-content-wrapper{display:flex;justify-content:space-between;margin-bottom:20px}.hero-title{max-width:340px;margin-bottom:0}.hero-content-btn-container{max-width:340px}.hero-text{font-size:18px;margin-bottom:32px}}@media screen and (min-width: 1440px){.hero-title{max-width:640px;font-size:56px}.hero-content-btn-container{max-width:640px}}.hero-btn{padding:12px 0;text-align:center;background-color:#030a06;color:#fff;width:288px;transition:background-color .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.hero-btn:active{background-color:#113916;opacity:.6}@media screen and (min-width: 768px){.hero-btn{width:148px}}@media screen and (min-width: 1440px){.hero-btn:focus,.hero-btn:hover{opacity:.5}}.about{padding-top:64px;padding-bottom:64px;background-color:#2e2f42;background-image:linear-gradient(to bottom,#0006,#0006),url(/ecotote-team-project/assets/about-mob-1x-BE-vxPTl.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}@media screen and (min-resolution: 2x),screen and (-webkit-min-device-pixel-ratio: 2){.about{background-image:linear-gradient(to bottom,#0006,#0006),url(/ecotote-team-project/assets/about-mob-2x-BdIu-bLP.jpg)}}.about-container{text-align:center}.about-title{margin-bottom:12px;font-weight:600;font-size:16px;line-height:1.5;color:#fff}.about-subtitle{margin-bottom:20px;color:#fff}.about-text{color:#fff}@media screen and (min-width: 768px){.about{padding-top:80px;padding-bottom:80px;background-image:linear-gradient(to bottom,#0006,#0006),url(/ecotote-team-project/assets/about-tab-1x-CYaWHUzv.jpg)}@media screen and (min-resolution: 2x),screen and (-webkit-min-device-pixel-ratio: 2){.about{background-image:linear-gradient(to bottom,#0006,#0006),url(/ecotote-team-project/assets/about-tab-2x-C4RnLf1S.jpg)}}.about-title{margin-bottom:16px}.about-subtitle{margin-left:auto;margin-right:auto;margin-bottom:24px;max-width:629px}.about-text{font-size:18px}}@media screen and (min-width: 1440px){.about{max-width:1440px;margin:0 auto;background-color:#2e2f42;padding-top:112px;padding-bottom:94px;background-image:linear-gradient(to bottom,#0006,#0006),url(/ecotote-team-project/assets/about-desk-1x-DUOpO7go.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}@media screen and (min-resolution: 2x),screen and (-webkit-min-device-pixel-ratio: 2){.about{background-image:linear-gradient(to bottom,#0006,#0006),url(/ecotote-team-project/assets/about-desk-2x-Bir0xWnL.jpg)}}.about-title{font-size:20px}.about-subtitle{font-size:56px}.about-text{max-width:573px;margin-right:auto;margin-left:auto}}.advantages-header{display:flex;flex-direction:column-reverse;gap:12px;margin-bottom:20px}.advantages-container{margin-bottom:48px}.advantages-title{font-family:Comfortaa,sans-serif}.advantages-subtitle{font-weight:600;font-size:16px;line-height:150%;color:#030a06}.advantages-text{font-weight:400;font-size:16px;line-height:160%}.advantages-list{display:flex;flex-direction:column;gap:48px}.advantages-img-wrapper{margin-bottom:8px}.advantages-img-wrapper img{overflow:hidden;border-radius:32px}.advantages-card-subtitle{font-family:Comfortaa,sans-serif;font-weight:700;font-size:24px;line-height:140%;letter-spacing:.01em;text-align:left;margin-bottom:8px}.advantages-card-text{color:#030a06;font-weight:400;font-size:16px;line-height:160%}@media screen and (min-width: 768px){.advantages{display:flex;justify-content:center;align-items:center;padding:64px 0}.advantages-container{margin-bottom:32px}.advantages-header{gap:16px;margin-bottom:24px}.advantages-text{text-align:left;font-size:18px}.advantages-list{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:24px 24px}.advantages-card{width:100%;max-width:100%;flex:1 1 auto;display:flex;flex-direction:column;align-items:stretch;margin:0;padding:0;box-sizing:border-box}.advantages-card picture,.advantages-card img{width:100%;height:auto;display:block}.advantages-card-two{margin-bottom:42px}.advantages-item{flex:1 1 calc(50% - 12px)}.advantages-item-wide{flex:1 1 100%}.advantages-img-wrapper{margin-bottom:32px}}@media screen and (min-width: 1440px){.advantages-header{text-align:left}.advantages-container{margin-bottom:80px}.advantages-text{width:768px}.advantages-list{flex-wrap:nowrap;gap:24px;justify-content:center;align-items:stretch}.advantages-item{flex:1 1 calc(100% - 16px)}.advantages-card-subtitle{margin-bottom:24px;font-weight:700;font-size:32px;line-height:140%;letter-spacing:.01em}}.assortment{padding-top:32px;padding-bottom:32px;background:#ebf8ed}.assortment-container{display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.assortment-title{text-align:center;margin-bottom:32px}.assortment-list{display:flex;flex-wrap:wrap;gap:40px}.assortment-picture{margin-bottom:16px;border-radius:32px;overflow:hidden}.assortment-subtitle-text{text-align:center;margin-bottom:16px}.assortment-subtitle{font-weight:600;font-size:18px;line-height:1.6;text-align:center;color:#030a06}.assortment-text{font-weight:400;font-size:14px;line-height:1.6;text-align:center;color:#030a06;margin-bottom:8px}.assortment-price{font-weight:600;font-size:20px;line-height:1.6;text-align:center;color:#030a06}.assortment-btn{width:288px;height:40px;padding:8px 20px;border:1px solid #030a06;background-color:transparent;color:#030a06;transition:opacity .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.assortment-btn:active{border:1px solid #113916;color:#113916;opacity:.6}@media screen and (min-width: 768px){.assortment{padding-top:64px;padding-bottom:64px}.assortment-list{gap:24px}.assortment-item{display:flex;flex-wrap:wrap;width:calc((100% - 24px)/2)}.assortment-img{width:340px;height:408px}.assortment-subtitle-text{width:340px}.assortment-btn{margin-top:auto;width:340px}}@media screen and (min-width: 1440px){.assortment-title{font-size:48px}.assortment-list{gap:64px 24px}.assortment-item{width:310px;width:calc((100% - 72px)/4)}.assortment-img{width:310px;height:371px}.assortment-subtitle-text,.assortment-btn{width:310px}.assortment-btn:hover,.assortment-btn:focus{opacity:.5}}.gallery-title{text-align:center;margin-bottom:16px}@media screen and (min-width: 768px){.gallery-title{margin-bottom:24px}}.gallery-text{font-weight:400;font-size:18px;letter-spacing:0em;text-align:center;margin-bottom:32px}.gallery-img source,.gallery-img img{border-radius:32px;object-fit:cover}.gallery-item.img-1{grid-area:img-1}.gallery-item.img-2{grid-area:img-2}.gallery-item.img-3{grid-area:img-3}.gallery-item.img-4{grid-area:img-4}.gallery-picture{display:flex;flex-direction:column;gap:16px}@media screen and (min-width: 768px){.gallery-picture{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:24px;grid-template-areas:"img-4 img-2" "img-3 img-2" "img-3 img-1"}}@media screen and (min-width: 1440px){.gallery-picture{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:24px;grid-template-areas:"img-4 img-2 img-3" "img-1 img-2 img-3"}}.feedbacks-title{width:100%;text-align:center;margin-bottom:32px}.feedback-text{font-family:Comfortaa,sans-serif;font-size:20px;font-weight:700;line-height:1.4;letter-spacing:.01em}.feedback-author{font-size:16px;font-weight:600;letter-spacing:0em}.feedback-list{display:flex;flex-direction:column;row-gap:40px}.feedback-item{flex-basis:100%;display:flex;flex-direction:column;gap:12px}.star-text{display:flex;flex-direction:column;gap:12px}.star-list{padding:2px;display:flex;flex-direction:row;gap:4px}.star-icon{fill:#3ac04c}@media screen and (min-width: 768px){.feedback-list{flex-direction:row;flex-wrap:wrap;row-gap:32px;column-gap:24px}.feedback-item{flex-basis:calc((100% - 24px)/2);gap:24px}.star-text{gap:24px}}@media screen and (min-width: 1440px){.feedbacks-title{width:560px;margin-bottom:80px;margin-left:auto;margin-right:auto}.feedback-item{flex-basis:calc((100% - 72px)/4);justify-content:space-between}}.support-section-subtitle{margin:24px 0 32px;font-size:18px}.input-wrapper-container{margin:8px 0 24px}.support-form input,.support-form textarea{width:100%;padding:8px 12px;border-radius:6px;background-color:#030a060d;outline:1px solid rgba(3,10,6,.15);border:none;resize:none}.support-form input{height:42px}.support-form textarea{height:180px}.support-form input::placeholder,.support-form textarea::placeholder{color:#030a0699}.support-form input:not(:placeholder-shown):invalid{outline:1px solid rgba(214,64,64,1);color:#d64040}.input-text-invalid{font-size:12px;visibility:hidden}.input-text-invalid{color:#d64040}.support-form input:not(:placeholder-shown):invalid~.input-text-invalid{visibility:visible}.support-button{width:100%;height:50px;color:#fff;border:none;background-color:#030a06}.support-button:hover{background-color:#030a0680}.support-button:active{background-color:#11391699}.support-button:disabled{background-color:#030a0633}.support-bg-img{margin:24px 0 0;height:428px;border-radius:40px;background-image:image-set(url(/ecotote-team-project/assets/support-mob-img-1x-DxaVGaOz.jpg) 1x,url(/ecotote-team-project/assets/support-mob-img-2x-CuKjdVSA.jpg) 2x);background-repeat:no-repeat;background-size:cover;background-position:center}@media screen and (min-width: 768px){.support-button{width:249px}.support-bg-img{background-image:image-set(url(/ecotote-team-project/assets/support-tab-img-1x-DRWHbx0m.jpg) 1x,url(/ecotote-team-project/assets/support-tab-img-2x-Erz1tzVj.jpg) 2x)}}@media screen and (min-width: 1440px){.support .container{display:flex;column-gap:24px}.support-form-section{width:50%}.support-bg-img{margin:0;width:50%;height:767.36px;background-image:image-set(url(/ecotote-team-project/assets/support-desk-img-1x-Dj7Jdb8x.jpg) 1x,url(/ecotote-team-project/assets/support-desk-img-2x-BEdl6zgj.jpg) 2x)}}.footer{background-color:#75d281}.footer-container{padding-top:48px;padding-bottom:48px}.logo-link{margin:0;padding:0;display:flex;align-items:center;justify-content:center}.footer-logo-icon{fill:#030a06;display:block;width:281px;height:121px}.footer-content{margin-bottom:48px;display:flex;flex-direction:column;row-gap:48px;align-items:center}.footer-menu{display:flex;flex-direction:column;row-gap:32px}.footer-social{display:flex;flex-direction:row;column-gap:12px;align-items:center}.social-link{margin:0;padding:0;display:flex;align-items:center;justify-content:center}.social-icon{display:block;fill:#030a06}.social-link:hover .social-icon,.social-link:focus .social-icon{outline:1px solid #030a06;border-radius:6px}.social-link:active .social-icon{outline:1px solid #3ac04c;border-radius:6px;fill:#3ac04c}.footer-info{border-top:1px solid rgba(3,10,6,.15);padding-top:24px;padding-bottom:16px;display:flex;flex-direction:column;row-gap:24px;align-items:center}.footer-contacts-list{font-weight:400;letter-spacing:0em;font-style:normal;display:flex;flex-direction:column;row-gap:16px}.copyright-text{font-size:14px;font-weight:400;letter-spacing:0em}@media screen and (min-width: 768px){.footer-logo-icon{width:164px;height:70px}.footer-container{padding-top:64px;padding-bottom:64px}.footer-content{margin-bottom:24px;row-gap:32px}.footer-menu{flex-direction:row;column-gap:32px}.footer-info{padding-top:16px;padding-bottom:0;row-gap:16px}.footer-contacts-list{flex-direction:row;column-gap:32px;justify-content:center}}@media screen and (min-width: 1440px){.footer-container{padding-top:80px;padding-bottom:80px}.footer-content{margin-bottom:52px;flex-direction:row;justify-content:space-between;align-items:center}}.btn-up{position:fixed;right:15px;bottom:15px;width:38px;height:38px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:none;background-color:#ebf8ed;box-shadow:0 4px 12px #00000040;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);z-index:1000}.btn-up.visible{opacity:1;visibility:visible;transform:translateY(0)}.btn-up:active{transform:translateY(0)}.btn-up-icon{fill:#030a06}@media screen and (min-width: 768px){.btn-up{right:20px;bottom:20px;width:48px;height:48px}.btn-up-icon{width:24px;height:24px}}@media screen and (min-width: 1440px){.btn-up{background-color:#75d281}.btn-up:hover{background-color:#3ac04c;transform:translateY(-3px)}}