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}address{font-style:normal}html{scroll-behavior:smooth}body{font-family:Fira Sans,Comfortaa,sans-serif;background-color:#ebf8f1;color:#030a06}h2{font-family:Comfortaa,sans-serif}.container{max-width:320px;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}}.header{background-color:#75d281}.header-container{display:flex;align-items:center;justify-content:space-between;padding-left:20px;padding-right:20px}.header-nav-list,.header-address{display:none}.header-logo{display:block;padding-top:14px;padding-bottom:14px;transition:background-color .25s,border-radius .25s,fill .25s}.header-logo:hover,.header-logo:focus{background-color:#030a06;border-radius:5px}.header-logo:hover .header-logo-icon{fill:#fff}.header-logo:focus .header-logo-icon{fill:#fff}.burger-btn{padding:0;border:none;background-color:transparent}.burger-icon{display:block;fill:#030a06}@media screen and (min-width: 768px){.header-container{padding-left:32px;padding-right:32px}}@media screen and (min-width: 1440px){.header-container{padding-left:64px;padding-right:64px;display:flex}.header-nav{display:flex;flex-direction:row;align-items:center}.header-logo{margin-right:177px}.header-logo-icon{width:106px;height:45px}.header-nav-list{display:flex;flex-direction:row;column-gap:32px}.header-address{display:flex}.header-address-list{display:flex;flex-direction:row;column-gap:16px}.burger-btn{display:none}.header-address-link,.header-nav-link{font-family:Fira Sans,sans-serif;font-size:16px;line-height:1.6;color:#030a06;padding-top:23px;padding-bottom:23px;transition:opacity .25s}.header-address-link:hover,.header-address-link:focus,.header-nav-link:hover,.header-nav-link:focus{opacity:.5}}ul,ol{list-style-type:none;padding-left:0;margin:0}.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}.navbar-container{max-width:320px;position:fixed;background-color:#75d281}.navbar{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;background-color:#75d281;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.is-open{opacity:1;visibility:visible;pointer-events:auto}.navbar-container{position:relative;padding:64px 0 92px;margin:0 auto;display:flex;flex-direction:column;height:100%}.navbar-logo{position:absolute;top:14px;left:20px;transition:background-color .25s cubic-bezier(.4,0,.2,1),border-radius .25s cubic-bezier(.4,0,.2,1),fill .25s cubic-bezier(.4,0,.2,1)}.navbar-close{width:32px;height:32px;position:absolute;top:16px;right:20px;border:none;background-color:#75d281;cursor:pointer;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.navbar-nav{padding:32px 20px;margin-bottom:auto}.navbar-nav-list{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:32px}.nav-link{text-decoration:none;font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:160%;letter-spacing:0em;color:#030a06;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.navbar-address{padding:32px 16px 0}.contacts-list{display:flex;flex-direction:column;gap:16px}.contact-item{list-style:none}.contact-link{text-decoration:none;font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:160%;letter-spacing:0em;color:#030a06;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.navbar-close:hover,.navbar-close:focus,.nav-link:hover,.nav-link:focus,.contact-link:hover,.contact-link:focus{opacity:.5}.navbar-logo:hover,.navbar-logo:focus{background-color:#030a06;border-radius:5px}.navbar-logo:hover .navbar-logo-icon{fill:#fff}.navbar-logo:focus .navbar-logo-icon{fill:#fff}@media screen and (min-width: 768px){.navbar-container{max-width:768px;padding-bottom:128px}.navbar-nav,.navbar-address{padding-left:32px;padding-right:32px}.navbar-logo{position:absolute;top:14px;left:32px}.navbar-close{position:absolute;top:16px;right:24px;border:none;background-color:#75d281;cursor:pointer;transition:opacity .25s cubic-bezier(.4,0,.2,1)}}.hero{padding-top:64px;padding-bottom:64px;display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.hero-items{display:flex;flex-direction:column}.hero-item{flex:0 0 50%}.hero-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:40px;line-height:1.2;letter-spacing:.01em;color:#030a06;margin-bottom:20px}.hero-par{font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#030a06;margin-bottom:24px}.hero-btn{border-radius:6px;padding:12px 24px;background:#030a06;margin-bottom:24px;display:inline-block;font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#fff;text-decoration:none;text-align:center}.hero-img{width:100%}.hero-img-wrapper{line-height:0;padding:0;margin:0;border:none;position:relative;overflow:hidden;border-radius:40px;background-color:#ebf8ed}.hero-img-wrapper img{display:block;width:100%;height:100%;margin:0;padding:0;border:none;object-fit:cover}@media screen and (max-width: 767px){.hero-item{display:flex;flex-direction:column}}@media screen and (min-width: 768px){.hero{display:flex;flex-direction:column;align-items:flex-start}.hero-title{margin-bottom:0}.hero-content{max-width:768px}.hero-par{font-size:18px;padding-bottom:32px;margin-bottom:0}.hero-btn{width:auto;margin-bottom:0}.hero-item{min-height:192px;min-width:340px}.hero-item:last-child{padding-left:24px}.hero-items{flex-direction:row;padding-bottom:20px}}@media screen and (min-width: 1440px){.hero-item:last-child{padding-left:32px}.hero-title{font-size:56px;max-width:640px}}.section-about{background-image:linear-gradient(#0006,#0006),url(/EcoTote-Group18/assets/about_mob-B6nVS-pr.jpg);margin:0;width:100%;padding-top:64px;padding-bottom:64px;background-repeat:no-repeat;background-position:center;background-size:cover}@media screen and (min-resolution: 2x){.section-about{background-image:linear-gradient(#0006,#0006),url(/EcoTote-Group18/assets/about_mob@2x-yuDb6gmw.jpg)}}.about-container{margin:0 auto;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;color:#fff}.about-title{font-family:Fira Sans,sans-serif;font-weight:600;font-size:16px;line-height:1.5;text-align:center;margin-bottom:12px}.about-subtitle{font-family:Comfortaa,sans-serif;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em;text-align:center;margin-bottom:20px}.about-text{font-weight:400;font-size:16px;line-height:1.6;text-align:center;margin:0 auto}@media screen and (min-width: 768px){.section-about{background-image:linear-gradient(#0006,#0006),url(/EcoTote-Group18/assets/about_mob-B6nVS-pr.jpg);padding-top:80px;padding-bottom:80px}@media screen and (min-resolution: 2x){.section-about{background-image:linear-gradient(#0006,#0006),url(/EcoTote-Group18/assets/about_mob-B6nVS-pr.jpg)}}.about-container{max-width:768px;margin:0 auto}.about-title{margin-bottom:16px}.about-subtitle{margin-bottom:24px}.about-text{font-size:18px;max-width:573px}}@media screen and (min-width: 1440px){.section-about{background-image:linear-gradient(#0006,#0006),url(/EcoTote-Group18/assets/about_desk-DqxRYDuS.jpg);padding-top:112px;padding-bottom:94px}@media screen and (min-resolution: 2x){.section-about{background-image:linear-gradient(#0006,#0006),url(/EcoTote-Group18/assets/about_desk@2x-B1-7DEfI.jpg)}}.about-container{max-width:768px;margin:0 auto}.about-subtitle{font-size:56px;max-width:629px}}.section-advantages{padding-top:32px;padding-bottom:32px}.advantages-container{max-width:320px}.advantages-info{margin-bottom:48px}.advantages-subtitle{font-family:Fira Sans,sans-serif;font-weight:600;font-size:16px;line-height:1.5;margin-bottom:12px}.advantages-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em;margin-bottom:20px}.advantages-text{font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6}.advantages-list{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;column-gap:24px;row-gap:48px}.advantages-item{max-width:288px;width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:8px}.advantages-image{border-radius:32px;width:100%}.advantages-picture-info{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:4px;height:100%}.advantages-picture-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:24px;line-height:1.4;letter-spacing:.01em}.advantages-picture-text{font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6}@media screen and (min-width: 768px){.section-advantages{padding-top:64px;padding-bottom:64px}.advantages-container{max-width:768px}.advantages-title{margin-bottom:24px}.advantages-text{font-size:18px}.advantages-info{margin-bottom:32px}.advantages-list{row-gap:24px}.advantages-item{flex-basis:calc((100% - 24px)/2);max-width:none;width:auto;gap:32px}.advantages-item:nth-child(3){flex-basis:100%}.advantages-picture-info{justify-content:space-between;gap:8px;min-height:125px}.advantages-item:nth-child(3) .advantages-picture-info{justify-content:inherit;min-height:auto}}@media screen and (min-width: 1440px){.advantages-container{max-width:1440px}.advantages-title{font-size:48px}.advantages-info{max-width:768px;margin-bottom:80px}.advantages-list{display:flex;align-items:flex-start;justify-content:center;flex-direction:row;gap:24px}.advantages-item{max-width:421px;width:calc((100% - 48px) / 3)}.advantages-item:nth-child(3){max-width:421px}.advantages-picture-info{gap:24px}.advantages-picture-title{font-size:32px}}.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{font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em;text-align:center;color:#030a06;margin-bottom:32px}.assortment-list{display:flex;flex-wrap:wrap;gap:40px}.assortment-img{width:288px;height:345px;margin-bottom:16px;align-items:center;border-radius:32px}.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{border:1px solid #030a06;background-color:transparent;border-radius:6px;padding:8px 20px;width:288px;height:40px;font-weight:400;font-size:16px;line-height:1.6;color:#030a06;transition:background-color .25s cubic-bezier(.4,0,.2,1)}.assortment-btn:hover{background:#113916;color:#fff}.assortment-btn:focus{background:#113916;color:#fff}@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}}.list{list-style:none;padding-left:0;margin:0}.gallery-section{background-color:#ebf8ed;padding:32px 0;width:100%;box-sizing:border-box}.gallery-container{max-width:320px;width:100%;box-sizing:border-box}.gallery-title{font-family:Comfortaa,sans-serif;margin:0 0 16px;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em;text-align:center;color:#030a06}.gallery-description{font-family:Fira Sans,sans-serif;margin:0 0 32px;font-weight:400;font-size:18px;line-height:1.6;text-align:center;color:#030a06}.gallery-list{list-style-type:none;padding-left:0;margin:0;display:flex;flex-wrap:wrap;gap:16px}.gallery-img-wrapper{line-height:0;padding:0;margin:0;border:none;position:relative;overflow:hidden;border-radius:32px;background-color:#ebf8ed}.gallery-img-wrapper img{display:block;width:100%;height:100%;margin:0;padding:0;border:none;object-fit:cover}.gallery-link{text-decoration:none}@media screen and (min-width: 768px){.gallery-section{padding:64px 0}.gallery-container{width:100%;max-width:768px;margin:0 auto}.gallery-title{margin:0 0 24px}.gallery-description{margin:0 0 32px}.gallery-list{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:24px}.gallery-list-item:nth-child(4){grid-column:1;grid-row:1}.gallery-list-item:nth-child(3){grid-column:1;grid-row:2 / span 2}.gallery-list-item:nth-child(2){grid-column:2;grid-row:1 / span 2}.gallery-list-item:nth-child(1){grid-column:2;grid-row:3}}@media screen and (min-width: 1440px){.gallery-section{padding:64px 0}.gallery-container{width:100%;max-width:1440px;margin:0 auto}.gallery-title{font-size:48px}.gallery-list{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:24px}.gallery-list-item:nth-child(4){grid-column:1;grid-row:1}.gallery-list-item:nth-child(1){grid-column-start:1;grid-row-start:2}.gallery-list-item:nth-child(2){grid-row:span 2 / span 2;grid-column-start:2;grid-row-start:1}.gallery-list-item:nth-child(3){grid-row:span 2 / span 2;grid-column-start:3;grid-row-start:1}}.feedbacks-testimonial{padding-top:32px;padding-bottom:32px;max-width:320px;margin:0 auto}.heading{font-family:Comfortaa,sans-serif;font-weight:700;font-size:36px;line-height:120%;letter-spacing:.01em;text-align:center;margin:0 auto 32px;max-width:288px}.feedbacks-column{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.feedbacks-item{width:100%}.feedbacks-stars{display:flex;gap:4px;margin-bottom:12px}.star{fill:#3ac04c;width:20px;height:20px}.star.inactive{fill:#030a06}.feedbacks-quote{font-family:Comfortaa,sans-serif;font-weight:700;font-size:20px;line-height:140%;letter-spacing:.01em;margin-bottom:12px}.feedbacks-author{font-family:Fira Sans,sans-serif;font-weight:600;font-size:16px;line-height:160%}@media screen and (min-width: 768px){.feedbacks-testimonial{padding-bottom:64px;padding-top:64px;max-width:768px}.heading{margin-bottom:32px;max-width:560px}.feedbacks-item{width:calc(50% - 16px)}.feedbacks-stars,.feedbacks-quote{margin-bottom:24px}.feedbacks-column{gap:32px 24px}}@media screen and (min-width: 1440px){.feedbacks-testimonial{max-width:1440px}.heading{font-size:48px;margin-bottom:80px}.feedbacks-column{flex-wrap:nowrap;justify-content:space-between;gap:24px}.feedbacks-item{width:calc(25% - 18px)}}button:focus-visible{outline:2px solid #4a90e2;outline:-webkit-focus-ring-color auto 5px}.support-section{padding-top:32px;padding-bottom:32px}.mb-6{margin-bottom:24px}.input-wrapper{padding-bottom:24px}.support-form{width:100%}.support-container{display:flex;flex-wrap:wrap;gap:24px;width:100%;max-width:320px}.support-image{width:288px;height:428px;border-radius:40px;background-image:url(/EcoTote-Group18/assets/support1_mob-min-DcomMUP7.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}@media screen and (min-resolution: 2x){.support-image{background-image:url(/EcoTote-Group18/assets/support2_mob@2x-min-B2TC-2C3.jpg)}}.support-content{display:flex;flex-direction:column;gap:32px}.support-section-title{display:flex;flex-direction:column;gap:24px}.support-heading{font-family:Comfortaa,Helvetica;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em;color:#030a06;position:relative}.support-text{font-family:Fira Sans,sans-serif;font-weight:400;font-size:18px;line-height:1.6;color:#030a06;position:relative;align-self:stretch}.pb-6{padding-bottom:24px}.support-text-wrapper{position:relative;font-family:Fira Sans,Helvetica;font-weight:400;color:#030a06;font-size:16px;letter-spacing:0px;line-height:160%;font-style:normal}.mb-6 input,.mb-6 .text-area{margin-top:8px}input .support-form,textarea .support-form{color:#030a06}input:invalid,textarea:invalid{border-color:#d64040;box-shadow:0 0 0 1px #d64040}.support-placeholder-wrapper{align-items:center;gap:8px;padding:8px 12px;flex:0 0 auto;background-color:#030a060d;border-radius:6px;border:1px solid;border-color:#030a0626;display:flex;position:relative;align-self:stretch;width:100%}.support-text-wrapper-2{position:relative;flex:1;font-family:Fira Sans,Helvetica;font-weight:400;font-size:16px;letter-spacing:0px;line-height:160%;font-style:normal}.support-placeholder{padding:8px 12px;background-color:#030a060d;border-radius:6px;border:1px solid;border-color:#030a0626;position:relative;align-self:stretch;width:100%;flex:1;font-family:Fira Sans,Helvetica;font-weight:400;font-size:16px;letter-spacing:0px;line-height:160%;font-style:normal}.support-text-area{width:100%;resize:none}.support-type-your-message-wrapper{flex-wrap:wrap;height:182px;align-items:flex-start;gap:134px 0px;padding:12px;background-color:#030a060d;border-radius:6px;border:1px solid;border-color:#030a0626;display:flex;position:relative;align-self:stretch;width:100%}.support-button{width:100%;background-color:#030a06;border-radius:6px;cursor:pointer;font-weight:400;font-size:16px;line-height:1.6;padding:12px 24px;color:#fff}input:placeholder-shown,textarea:placeholder-shown{border-color:#030a0626!important;box-shadow:none}@media screen and (min-width: 768px){.support-section{padding-top:64px;padding-bottom:64px}.support-container{max-width:768px}.support-button{box-sizing:border-box;display:flex;width:202px;align-items:center;justify-content:center;gap:8px;padding:12px 24px;flex:0 0 auto}.support-image{width:704px;height:428px;background-image:url(/EcoTote-Group18/assets/support1_tablet-min-ClZ-bWn5.jpg)}@media screen and (min-resolution: 2x){.support-image{background-image:url(/EcoTote-Group18/assets/support2_tablet@2x-min-BnQs0NQL.jpg)}}}@media screen and (min-width: 1440px){.support-container{flex-wrap:nowrap;max-width:1440px}.support-image{max-width:644px;width:100%;height:768px;background-image:url(/EcoTote-Group18/assets/support1_desk-min-CUmEtpyW.jpg)}@media screen and (min-resolution: 2x){.support-image{background-image:url(/EcoTote-Group18/assets/support2_desk@2x-min-Dir3sDLe.jpg)}}}.footer{background-color:#75d281;padding-top:48px;padding-bottom:48px}.footer-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:48px;margin-bottom:48px}.footer-nav{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:48px}.footer-logo-link{display:inline-block;transition:background-color .25s,border-radius .25s,fill .25s}.footer-logo-link:hover,.footer-logo-link:focus{background-color:#030a06;border-radius:5px}.footer-logo-link:hover .footer-logo-icon{fill:#fff}.footer-logo-link:focus .footer-logo-icon{fill:#fff}.footer-nav-list{display:flex;flex-direction:column;row-gap:32px;align-items:center}.footer-nav-link{font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#030a06;transition:opacity .25s}.footer-nav-link:hover,.footer-nav-link:focus{opacity:.5}.footer-list-social{display:flex;flex-direction:row;gap:12px}.footer-icon-link{display:flex;width:32px;height:32px;align-items:center;justify-content:center}.footer-icon{fill:#030a06;transition:opacity .25s}.footer-icon-link:focus .footer-icon,.footer-icon-link:hover .footer-icon{opacity:.5}.footer-wrap-adress{max-width:100%;display:flex;flex-direction:column;row-gap:24px;padding-top:24px;padding-bottom:16px;border-top:1px solid rgba(3,10,6,.15);align-items:center}.footer-address-list{display:flex;flex-direction:column;gap:16px}.footer-address-link{font-family:Fira Sans,sans-serif;font-size:16px;line-height:1.6;color:#030a06;transition:opacity .25s}.footer-address-link:focus,.footer-address-link:hover{opacity:.5}.text-footer{font-family:Fira Sans,sans-serif;font-size:14px}@media screen and (min-width: 768px){.footer{padding-top:64px;padding-bottom:64px}.footer-wrap{row-gap:32px;margin-bottom:24px}.footer-nav{row-gap:32px}.footer-nav-list{flex-direction:row;column-gap:32px}.footer-logo-icon{width:160px;height:60px}.footer-icon-link,.footer-icon{width:40px;height:40px}.footer-wrap-adress{row-gap:16px;padding-top:16px;padding-bottom:0}.footer-address-list{display:flex;flex-direction:row;gap:32px}}@media screen and (min-width: 1440px){.footer{padding-top:80px;padding-bottom:80px}.footer-wrap{flex-direction:row;justify-content:space-between;margin-bottom:52px}.footer-nav{display:flex;flex-direction:row;justify-content:space-between}.footer-nav-link{display:block;padding-top:22px;padding-bottom:22px}.footer-logo-link{display:block;margin-right:212px}.footer-logo-icon{width:159px}.footer-icon-link,.footer-icon{width:24px;height:24px}}
