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:currentColor;text-decoration:none}button{cursor:pointer}:root{font-family:Comfortaa,Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:160%;color:#030a06;background-color:#ebf8ed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html{scroll-behavior:smooth}body{display:flex;flex-direction:column;margin:0}.container{min-width:320px;max-width:375px;margin:0 auto;padding:0 16px}.section{padding:32px 0}@media only screen and (min-width: 768px){.container{max-width:768px;padding:0 32px}.section{padding:64px 0}}@media only screen and (min-width: 1440px){.container{max-width:1440px;padding:0 64px}}h2.subheading{font-weight:700;font-size:36px;line-height:120%;letter-spacing:.01em}p.small-text{font-weight:400;font-size:16px;line-height:160%}@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;top:0;z-index:1000}.icon-logo.header-logo-icon{width:84px;height:36px}.header-container{display:flex;justify-content:space-between;align-items:center;padding:8px 12px 8px 20px;width:100%}.header-nav{display:flex;align-items:center}.header-logo{color:#030a06;flex-shrink:0;display:flex}.header-logo:hover,.header-logo:focus{color:#000;transition:color .2s ease}.header-logo:active{color:#3ac04c;transition:color .2s ease}.mobile-menu .icon-logo,.icon-logo{width:84px;height:36px}.nav-list{display:none;list-style:none;padding:0;margin:0;gap:32px}.nav-link{color:#030a06;text-decoration:none;font-size:18px;line-height:1.5;font-weight:500}.nav-link:hover,.nav-link:focus{color:#000;transition:color .2s ease;border-bottom:1px solid #030a06;width:50px;height:26px}.nav-link:active{color:#3ac04c;transition:color .2s ease;border-bottom:1px solid #3ac04c;width:50px;height:26px}.contacts{display:none;list-style:none;padding:0;margin:0;gap:24px;align-items:center}.contacts-link{color:#030a06;text-decoration:none;font-size:18px;line-height:1.5;font-weight:500;transition:color .2s ease;font-family:Fira Sans,sans-serif;font-style:normal}.contacts-link:hover,.contacts-link:focus{color:#000;transition:color .2s ease;border-bottom:1px solid #030a06;width:50px;height:26px}.mobile-menu-button{background:none;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center}.mobile-menu-icon{width:32px;height:32px;fill:#030a06}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#75d281;z-index:1001;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;transform:translate(100%);transition:transform .3s ease-in-out;padding:0;opacity:0;visibility:hidden;pointer-events:none;max-width:100%}.mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);transition:transform .3s ease-in-out}.mobile-menu-close{background:none;border:none;cursor:pointer;align-self:flex-end;position:absolute;display:flex;justify-content:center;align-items:center;top:8px;right:12px;width:48px;height:48px}.mobile-menu-button{width:48px;height:48px}.mobile-menu>.header-logo{padding:14px 20px}.mobile-icon-close{width:32px;height:32px;fill:#030a06}.mobile-nav{padding-top:32px}.mobile-nav-list{list-style:none;margin:0 0 32px;display:flex;flex-direction:column;gap:24px;padding:32px 20px}.mobile-nav-link{font-family:Fira Sans,sans-serif;color:#030a06;text-decoration:none;font-size:16px;line-height:1.6;font-weight:400;transition:color .2s ease}.mobile-nav-link:hover,.mobile-nav-link:focus{color:#000;transition:color .2s ease}.mobile-menu-footer{display:flex;flex-direction:column;gap:16px;margin-top:auto;padding-top:32px;padding-left:16px}.mobile-contact{font-family:Fira Sans,sans-serif;color:#030a06;text-decoration:none;font-size:16px;line-height:1.6;font-weight:400;transition:color .2s ease}.mobile-contact:hover,.mobile-contact:focus{color:#000;transition:.25s ease-in-out}@media screen and (min-width: 768px){.header-container{padding:8px 16px 8px 32px}.nav-list,.contacts{display:none}.mobile-menu>.header-logo{padding:14px 32px}.mobile-menu-close{right:16px}.mobile-nav-list{margin-bottom:0;padding:32px}.mobile-menu-footer{padding-left:32px}}@media screen and (min-width: 1440px){.header-container{padding:13.2px 64px}.header-logo{margin-right:174.5px}.icon-logo{width:106.51px;height:45.65px}.mobile-menu-button{display:none}.nav-list,.contacts{display:flex}.nav-list{gap:32px;font-size:18px}.nav-link{font-family:Fira Sans,sans-serif;font-size:16px;font-weight:400;line-height:160%;padding:23px 0}.contacts{gap:24px;align-items:center}.contacts-list{display:flex;list-style:none;padding:0;margin:0;gap:16px}.contacts-link{color:#030a06;text-decoration:none;font-size:16px;line-height:1.6;font-weight:400;padding:23px 0}.contacts-link:hover,.contacts-link:focus{color:#000}.icon-logo.header-logo-icon{width:106px;height:45px}}.hero-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.hero-content-container{display:flex;flex-direction:column;align-items:center}.main-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:40px;line-height:1.2;letter-spacing:.01em;color:#030a06;margin-bottom:20px;display:block;width:auto;max-width:288px;text-align:left}.hero-content{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;margin-bottom:24px}.subsubtitle{font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#030a06}.main-button{font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#fff;background-color:#030a06;cursor:pointer;text-align:center;display:flex;justify-content:center;margin:0 auto;align-items:center;border-radius:6px;border:none;width:288px;height:50px}.main-button:hover,.main-button:focus{background-color:#030a06;transition:opacity .25s ease-in-out,background-color .25s ease-in-out;opacity:.5}.main-button:active{background-color:#113916;opacity:.6;transition:opacity .25s ease-in-out,background-color .25s ease-in-out}.hero-image{border-radius:40px}@media screen and (min-width: 768px){.hero-container{flex-direction:column;align-items:flex-start}.hero-content-container{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;gap:24px;margin-bottom:20px}.main-title{max-width:calc((100% - 24px)/2);margin-bottom:0}.subsubtitle{font-size:18px;max-width:340px}.hero-content{align-items:flex-start;gap:32px}.main-button{margin:0;width:148px;height:50px}.hero-picture-container{flex-direction:column;align-items:flex-start}}@media screen and (min-width: 1440px){.hero-container{flex-direction:column}.hero-content-container{display:flex}.main-title{display:inline-block;font-size:56px;max-width:calc((100% - 32px)/2);text-align:left}.hero-content{gap:32px;margin-bottom:20px}.subsubtitle{max-width:640px;font-size:18px}.main-button{width:148px;height:50px}}.container-about{background-image:linear-gradient(#0006,#0006),url(/goit-g16-prj-1/assets/feature-mobile-Dw5QXXf4.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:348px;padding:64px 16px;max-width:none}.container-about>.subheading3{font-family:Fira Sans,sans-serif;font-weight:600;font-size:16px;line-height:150%;margin-bottom:13px}.container-about>.subheading{margin-bottom:20px;font-family:Comfortaa,sans-serif;max-width:288px}.container-about>.small-text{font-family:Fira Sans,sans-serif;max-width:288px}@media (min-resolution: x2) and (min-width: 320px){.container-about{background-image:linear-gradient(#0006,#0006),url(/img/about/feature-mobile@2x.jpg)}}@media (min-width: 768px){.container-about{background-image:linear-gradient(#0006,#0006),url(/goit-g16-prj-1/assets/feature-tablet-BcLEzYX-.jpg);height:325px;padding:80px 97.5px}.container-about>.subheading3{font-weight:600;font-size:16px;line-height:150%;margin-bottom:16px}.container-about>.subheading{font-weight:700;font-size:36px;line-height:120%;letter-spacing:.01em;margin-bottom:24px}.container-about>.small-text{font-weight:400;font-size:18px;line-height:160%;max-width:573px}}@media (min-resolution: x2) and (min-width: 768px){.container-about{background-image:linear-gradient(#0006,#0006),url(/img/about/feature-tablet@2x.jpg)}}@media (min-width: 1440px){.container-about{background-image:linear-gradient(#0006,#0006),url(/goit-g16-prj-1/assets/feature-desk-C3FOQtsQ.jpg);padding:112px 336px 94px;height:462px}.container-about>.subheading3{font-weight:600;font-size:16px;line-height:150%}.container-about>.subheading{font-weight:700;font-size:56px;line-height:120%;letter-spacing:.01em;max-width:629px}.container-about>.small-text{font-weight:400;font-size:18px;line-height:160%;max-width:573px}}@media (min-resolution: x2) and (min-width: 1440px){.container-about{background-image:linear-gradient(#0006,#0006),url(/img/about/feature-desk@2x.jpg)}}body{margin:0;background-color:#ebf8ed}.advantages-container{margin:0 auto}.container-advantages{display:flex;flex-direction:column;margin-bottom:48px;justify-content:space-between}.title{font-family:Fira Sans,sans-serif;font-weight:600;font-size:16px;line-height:1.5;margin-bottom:12px}.heading{font-family:Comfortaa,sans-serif;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em;margin-bottom:20px}.title-text{font-family:Fira Sans,sans-serif;font-size:16px;line-height:1.6;max-width:288px;margin:0}.picture{width:100%}img{display:block;max-width:100%;height:auto}.images-list{list-style:none;padding:0;display:flex;flex-direction:column;margin:0 auto}.list-point,.list-point-bag{display:flex;flex-direction:column;align-items:flex-start}.list-point{margin-bottom:48px}.advantages-img,.advantages-img-bag{width:100%;object-fit:cover;flex-shrink:0;border-radius:32px;height:198px;display:block;height:100%;margin-bottom:8px}.list-name{font-family:Comfortaa,sans-serif;font-weight:700;font-size:24px;line-height:1.4;letter-spacing:.01em;margin-bottom:4px}.list-text{font-family:Fira Sans,sans-serif;font-size:16px;line-height:1.6}@media screen and (min-width: 768px){.title{margin-bottom:16px}.heading{font-size:36px;line-height:1.2;margin-bottom:24px}.title-text{font-size:18px;line-height:1.6;max-width:689px}.images-list{flex-direction:row;flex-wrap:wrap;display:flex;justify-content:space-between;gap:24px}.list-point{width:calc((100% - 24px)/2);margin-bottom:0}.list-point-bag{width:100%}.list-point-bag{margin-bottom:0}.advantages-img,.advantages-img-bag{gap:32px}.list-name{margin-bottom:8px}.picture{margin-bottom:32px}.list-wrap{display:flex;justify-content:space-between;flex-direction:column;height:100%}}@media screen and (min-width: 1440px){.title{margin-bottom:16px}.heading{font-size:48px;line-height:1.2;margin-bottom:24px}.images-list{flex-wrap:wrap;align-items:flex-start;display:flex;flex-direction:row;gap:24px}.list-point,.list-point-bag{width:calc((100% - 48px) / 3)}.list-name{font-size:32px}.title-text{max-width:768px}.advantages-img,.advantages-img-bag{width:100%;object-fit:cover;border-radius:32px;margin-bottom:32px}.list-name{margin-bottom:24px}.container-advantages{margin-bottom:80px}.picture{margin-bottom:0}}.assortment-group{display:flex;flex-direction:column;align-items:center;gap:40px}.assortment-item{display:flex;flex-direction:column;align-items:center;width:100%;max-width:288px;text-align:center}.assortment-section .subheading{margin-bottom:32px;text-align:center}.assortment-image{border-radius:32px;margin-bottom:16px}.bag-title{font-family:Fira Sans,sans-serif;font-weight:600;font-size:18px;line-height:1.6;text-align:center;color:#030a06}.small-text-assortment{font-family:Fira Sans,sans-serif;font-weight:400;font-size:14px;line-height:1.6;text-align:center;color:#030a06;margin-bottom:8px}.bag-price{font-family:Fira Sans,sans-serif;font-weight:600;font-size:20px;line-height:1.6;text-align:center;color:#030a06;margin-bottom:16px}.assortment-button{font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#030a06;display:flex;justify-content:center;background-color:#ebf8ed;border:1px solid #030a06;border-radius:6px;padding-block:8px;padding-inline:20px;width:100%;height:40px;transition:all .3s ease}.assortment-button:hover,.assortment-button:focus{color:#030a06;border-color:#030a06;opacity:.5}.assortment-button:active{color:#113916;border-color:#113916;transition:none}@media only screen and (min-width: 768px){.assortment-group{flex-direction:row;flex-wrap:wrap;column-gap:24px;row-gap:48px;align-items:stretch}.assortment-item{width:calc((100% - 24px)/2);max-width:100%;align-items:stretch}.assortment-button{margin-top:auto}}@media only screen and (min-width: 1440px){.assortment-group{row-gap:64px;align-items:stretch}.assortment-item{width:calc((100% - 72px)/4)}.assortment-section .subheading{font-size:48px}}.gallery-section{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column}.gallery-item{max-width:288px;border-radius:32px}@media only screen and (min-width: 768px){.gallery-section{flex-direction:row}}@media only screen and (min-width: 1440px){.gallery-section{max-width:1312px;margin:0 auto}}.section-text{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:288px}@media only screen and (min-width: 768px){.section-text{max-width:704px}}@media only screen and (min-width: 1440px){.section-text{max-width:1440px}}.subheading.subheading-title{padding:0 auto;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em;text-align:center;color:#030a06;margin-bottom:16px}@media only screen and (min-width: 767px){.subheading.subheading-title{margin-bottom:24px}}@media only screen and (min-width: 1440px){.subheading.subheading-title{font-size:48px}}.small-text.paragraf{font-family:Fira Sans,sans-serif;padding:0 auto;margin-bottom:32px;font-weight:400;font-size:18px;line-height:1.6;text-align:center;color:#030a06}.gallery-list{display:flex;flex-direction:column;row-gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}@media only screen and (min-width: 767px){.gallery-list{max-height:1062px;display:flex;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:24px;grid-row-gap:24px}.gallery-item:nth-child(1){order:10}.gallery-item:nth-child(2){order:8}.gallery-item:nth-child(3){order:6}.gallery-item:nth-child(4){order:4}.div1{grid-area:2 / 2 / 3 / 3}.div2{grid-area:1 / 2 / 2 / 3}.div3{grid-area:2 / 1 / 3 / 2}.div4{grid-area:1 / 1 / 2 / 2}}@media only screen and (min-width: 1440px){.gallery-list{max-height:865px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:24px;grid-row-gap:24px}.div1{grid-area:2 / 1 / 3 / 2}.div2{grid-area:1 / 2 / 3 / 3}.div3{grid-area:1 / 3 / 3 / 4}.div4{grid-area:1 / 1 / 2 / 2}.gallery-item{max-width:100%}}@media only screen and (min-width: 768px){.gallery-item{margin:0;padding:0}}.thumb{overflow:hidden;border-radius:32px}.feedbacks-header{font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em;text-align:center;margin-bottom:32px}.reviews-list{display:flex;flex-direction:column;gap:40px;margin:0;padding:0}.stars{display:flex;gap:4px;margin-bottom:12px;fill:#3ac04c}.review-text{font-weight:700;font-size:20px;line-height:1.4;letter-spacing:.01em;margin-bottom:12px}.review-author{font-family:Fira Sans,sans-serif;font-weight:600;font-size:16px;line-height:1.6}@media screen and (min-width: 768px){.stars,.review-text{margin-bottom:24px}.reviews-list{flex-wrap:wrap;flex-direction:row;row-gap:32px;column-gap:24px}.review-item{width:calc((100% - 24px)/2);min-width:280px}}@media screen and (min-width: 1440px){.feedbacks-header{font-size:48px;margin:0 auto 80px}.reviews-list{gap:24px}.review-item{width:calc((100% - 72px)/4);display:flex;flex-direction:column}.review-author{margin-top:auto}}.support{font-family:Fira Sans,Arial,sans-serif;margin-top:32px;margin-bottom:32px}.support>.container{display:flex;flex-direction:column;gap:24px;height:1261px}.support .subheading{margin-bottom:24px;font-family:Comfortaa,Arial,sans-serif}.support .support-text{margin-bottom:32px;font-size:18px;font-weight:400;line-height:160%}.support-form{display:flex;flex-direction:column;gap:24px}.support-form-label{display:flex;flex-direction:column;gap:8px}input,textarea{width:100%;display:block;border:1px solid rgba(3,10,6,.15);background:#030a060d;border-radius:6px;outline:none;resize:none;padding:12px;transition:border-color .25s ease-in-out}input{padding:12px 8px}input::placeholder,textarea::placeholder{color:#030a0699}input:not(:placeholder-shown):invalid{border-color:#d64040}.text-invalid{font-size:12px;color:#d64040;display:none}input:not(:placeholder-shown):invalid~.text-invalid{display:block;margin-bottom:-25.6px}.support-img{background-repeat:no-repeat;height:100%;background-image:url(/goit-g16-prj-1/assets/support-m-mz-aCD5O.jpg);background-position:center center;background-size:cover;border-radius:40px}.support-form>button{border:1px solid #030a06;background:#030a06;color:#fff;border-radius:6px;padding:12px 24px;transition:opacity .25s ease-in-out,border .25s ease-in-out,background-color .25s ease-in-out}.support-form>button:hover,.support-form>button:focus{opacity:.5;transition:opacity .25s ease-in-out}.support-form>button:active{border:1px solid #113916;background-color:#113916;opacity:.6;transition:opacity .25s ease-in-out}@media screen and (min-resolution: 192dpi){.support-img{background-image:url(/goit-g16-prj-1/assets/support-m@2x-HuJUHQhy.jpg)}}@media screen and (min-width: 768px){.support>.container{height:1239px}.support-img{width:704px;background-image:url(/goit-g16-prj-1/assets/support-t-BsuJz7TZ.jpg)}.support{margin-top:64px;margin-bottom:64px}.support .subheading{max-width:468px}.support-form>button{max-width:249px}}@media screen and (min-width: 768px) and (min-resolution: 192dpi){.support-img{background-image:url(/goit-g16-prj-1/assets/support-t@2x-DxrYJQqP.jpg)}}@media screen and (min-width: 1440px){.support>.container{flex-direction:row;height:895px}.support-text-container{width:644px}.support-img{width:644px;height:100%;background-image:url(/goit-g16-prj-1/assets/support-d-Driw8QXM.jpg)}.support .subheading{font-size:48px;max-width:100%}.support-form>button{max-width:198px}}@media screen and (min-width: 1440px) and (min-resolution: 192dpi){.support-img{background-image:url(/goit-g16-prj-1/assets/support-d@2x-BxCoYz1T.jpg)}}@media screen and (min-width: 1440px){.support-img{height:767px}.support.section{margin-top:0;margin-bottom:0}.support>.container{height:100%}}.text-invalid{position:absolute;transform:translateY(76px)}.footer{background:#76cd82;padding:30px 0;font-family:Arial,sans-serif}.footer-top{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:48px;margin-bottom:48px}.icon-logo{width:32px;height:32px}.footer-menu-text{font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;font-style:normal;line-height:160%;color:#030a06}.footer-menu-text:hover,.footer-menu-text:focus{color:#000;transition:color .2s ease}.footer-menu-text:active{color:#3ac04c;transition:color .2s ease}.footer-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px}.footer-social{display:flex;gap:12px;justify-content:center;align-items:center}.footer-social-link{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border:1px solid transparent}.footer-social-link:hover,.footer-social-link:focus{color:#000;transition:color .2s ease;border:1px solid #000;border-radius:6px}.footer-social-link:active{fill:#3ac04c;transition:fill .2s ease;border-color:#3ac04c;transition:border-color .2s ease}.footer-bottom{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:24px;border-top:1px solid rgba(3,10,6,.15);padding-top:24px;padding-bottom:16px}.footer-contacts{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.footer-link:hover,.footer-link:focus{color:#030a06;border-color:#030a06;text-decoration:underline;transition:.25s ease-in-out}.footer-link:active{color:#3ac04c;border-color:#3ac04c;transition:.25s ease-in-out;text-decoration:underline}.footerlogo-link:disabled{opacity:.2}.footerlogo-link:hover,.footer-logo-link:focus{color:#030a06;border-color:#030a06;opacity:.5;transition:.25s ease-in-out}.footer-logo-link:active{color:#030a06;border-color:#030a06;transition:.25s ease-in-out}.footer-link-button:hover,.footer-link-button:focus{opacity:.5;transition:.25s ease-in-out}.footer-link-button:active{color:#113916;opacity:.6}.footer-link-button.footer-link-button:disabble{color:#030a06;opacity:.2}@media (min-width: 768px){.footer-menu{flex-direction:row;gap:32px}.footer-logo{object-fit:contain}.footer-contacts{display:flex;flex-direction:row;gap:32px}.footer-top{gap:32px;margin-bottom:24px}.footer-bottom{padding-top:16px;padding-bottom:0;gap:16px}.footer-social-link,.icon-social-footer{width:40px;height:40px}.footer-logo{width:164.25px;height:70px;margin:0 auto;object-fit:contain}.logo-link{width:164.25px;height:70px}}@media (min-width: 1440px){.footer-top{flex-direction:row}.footer-social-link,.icon-social-footer{width:24px;height:24px}.footer-top{margin-bottom:52px}}
