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}img{display:block;max-width:100%;height:auto}.header{padding:20px 0}.nav-list{display:flex;align-items:center;justify-content:flex-end;gap:40px}.nav-link{font-weight:500;letter-spacing:.02em;line-height:1.5}.nav-link:hover,.nav-link:focus{color:#747bff}.PageHeader{position:absolute;top:32px;display:flex;justify-content:center;width:100%;z-index:10;padding:0 15px}.HeaderWrapper{display:flex;justify-content:space-between;width:343px;min-height:80px}.HeaderLogo{display:flex;justify-content:space-between;gap:8px}.HeaderLogoText{font-family:Inter Tight,sans-serif;font-weight:500;font-size:20px;letter-spacing:-.02em;color:#fafafa}@media screen and (max-width: 767px){.HeaderBurgerButton{display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;padding:0;height:28px;width:28px}.HeaderBurgerVector{stroke:#fafafa}}.HeaderNavigation,.HeaderOrderLink{display:none}@media screen and (min-width: 768px){.HeaderBurgerButton{display:none}.PageHeader{padding:0 32px}.HeaderWrapper{width:704px}.HeaderNavigation{position:relative;display:flex}.HeaderMenuButton{display:flex;width:67px;height:39px;justify-content:center;align-items:center;background-color:transparent;border:none;padding:0;font-family:Inter Tight,sans-serif;font-weight:500;font-size:16px;letter-spacing:-.02em;text-decoration:underline;text-underline-offset:3px;color:#fafafa;transition:color .25s ease}.HeaderMenuList{display:none}.MenuIsVisible{display:flex;position:absolute;top:47px;flex-direction:column;justify-content:space-between;align-items:center;gap:5px;animation:fadeIn 1s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.HeaderMenuLink{font-family:Inter Tight,sans-serif;font-weight:500;font-size:16px;letter-spacing:-.02em;color:#fafafa;transition:color .25s ease}.HeaderOrderLink{display:flex;justify-content:center;align-items:center;border-radius:60px;width:163px;height:55px;background-color:#ed3b44;font-size:16px;letter-spacing:-.02em;color:#fafafa;transition:background-color .25s ease}}@media screen and (min-width: 1440px){.HeaderWrapper{width:1376px}.HeaderMenuButton:hover,.HeaderMenuLink:hover,.HeaderMenuLink:focus{color:#ed3b44}.HeaderOrderLink:hover{background-color:#e0373f}}.HeroSection{background-repeat:no-repeat;background-image:url(/portfolio-goit-project/assets/mobile-hero-375a065c.png);margin:0 auto}@media screen and (min-resolution: 192dpi),screen and (min-resolution: 2dppx),screen and (min-device-pixel-ratio: 2){.HeroSection{background-size:contain;background-image:url(/portfolio-goit-project/assets/mobile-hero@2x-b8ce9147.png)}}.HeroWrapper{position:relative;min-height:812px;display:flex;justify-content:center;align-items:center}.HeroHeaderOne{font-weight:500;font-size:50px;line-height:1;letter-spacing:-.03em;text-transform:uppercase;color:#fafafa}.HeroSocialsList{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;position:absolute;bottom:32px}.HeroSocialsLinks{display:flex;align-items:center;justify-content:center;border:1px solid rgba(250,250,250,.2);border-radius:60px;width:37px;height:37px;font-weight:500;font-size:14px;letter-spacing:-.02em;color:#fafafa;font-family:Inter Tight;line-height:24px;transition:border .25s ease}.HeroSocialsLinks:focus{border:1px solid #fafafa}.HeroEmail{width:178px}@media screen and (min-width: 768px){.HeroSection{background-image:url(/portfolio-goit-project/assets/tablet-hero-c8a11795.png)}@media screen and (min-resolution: 192dpi),screen and (min-resolution: 2dppx),screen and (min-device-pixel-ratio: 2){.HeroSection{background-size:contain;background-image:url(/portfolio-goit-project/assets/tablet-hero@2x-c5c42892.png)}}.HeroWrapper{min-height:1024px}.HeroHeaderOne{font-weight:500;font-size:90px}.HeroSocialsList{flex-wrap:nowrap;gap:8px;bottom:32px;right:32px}.HeroSocialsLinks{width:55px;height:55px;font-size:16px;font-weight:500}.HeroEmail{width:223px}.HeroSection .Container{padding:0 32px}}@media screen and (min-width: 1440px){.HeroSection{background-image:url(/portfolio-goit-project/assets/desktop-hero-49016ec8.png)}@media screen and (min-resolution: 192dpi),screen and (min-resolution: 2dppx),screen and (min-device-pixel-ratio: 2){.HeroSection{background-size:contain;background-image:url(/portfolio-goit-project/assets/desktop-hero@2x-35b63dbd.png)}}.HeroWrapper{min-height:900px}.HeroSocialsLinks:hover{border:1px solid #fafafa}}.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}.about-me-section{padding:32px 16px;display:flex;justify-content:center}.about-me-description{position:relative;max-width:343px;height:500px;border-radius:24px;background:rgb(36,37,39)}.about-me-description-wrapper{position:absolute;max-width:279px;left:32px;right:32px;top:32px;bottom:272px}.about-me-description-text{color:#fafafa;font-size:24px;font-weight:500;line-height:1.17;letter-spacing:-.03em;text-align:left;text-transform:uppercase}.accent-red{color:#ed3b44}.accent-color{color:#fafafa66}.tumb-picture{margin-top:16px;border-radius:24px;overflow:hidden;max-width:343px}.list-about{margin-top:32px;max-width:343px;display:flex;flex-direction:column;gap:20px;justify-content:flex-start;align-items:flex-start;padding:0}.about-me-item-caption-and-button-wrapper{max-width:343px;min-width:320px;height:36px;display:flex;justify-content:space-between;align-items:center;padding:0;margin-bottom:12px}.title .title-about{color:#fafafa66;font-size:16px;font-weight:600;line-height:1.5px;letter-spacing:-.02em;text-align:left;text-transform:uppercase}.title .about-button{width:36px;height:36px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:9px;border:1px solid rgba(250,250,250,.2);border-radius:100px;background-color:transparent}.icon-about-me{stroke:#fafafa;width:18px;height:18px}.title .panel-about .text-about{color:#fafafa;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-.02em;text-align:left}.title.js-enabled .panel-about{visibility:hidden}.title.is-active .panel-about{visibility:visible}.title.is-active .icon-about-me{transform:rotate(180deg)}.about-me-accordion-text-wrapper{display:flex;flex-direction:column;row-gap:32px}.title .panel-about{overflow:hidden;transition-property:height,visibility;transition-timing-function:ease}.about-me-accordion-pannel-list{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;row-gap:10px}.line-between-accordion-item{margin-top:20px;max-width:343px;min-width:343px;border:1px solid rgba(250,250,250,.2)}.about-me-swiper{margin-top:32px}.about-me-swiper-wrapper{display:flex;position:relative}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var( --swiper-wrapper-transition-timing-function, initial );box-sizing:content-box}.swiper-slide{margin-right:30px}.swiper-wrapper{padding-left:0}.swiper-slide-item{display:flex;justify-content:center;align-items:center;width:130px;height:130px;border-radius:100%;border:1px solid rgba(250,250,250,.2)}.about-me-swiper-slide-backing{position:absolute;top:0;left:0;background-color:#ed3b44;width:130px;height:130px;border-radius:100%;z-index:-1}.swipper-and-button-wraper{display:flex;flex-direction:row;align-items:center;justify-content:center}.swiper-list{display:flex;flex-direction:row}.swiper-slide-caston.active{border-radius:50%;background-color:#ed3b44}.swiper-slide-caston{color:#fafafa;width:auto!important;margin-top:64px;font-size:16px}.icon-next-button{stroke:#3b3b3b;fill:transparent;width:40px;height:40px}@media screen and (max-width: 374px){.about-me-container-section{width:310px;padding-right:15px}.about-me-section{padding-left:20px;padding-right:0}.about-me-item-caption-and-button-wrapper{padding-right:15px}.line-between-accordion-item{max-width:310px;min-width:310px}.swiper-slide-item{width:120px;height:120px}.swiper-slide{margin-right:15px!important}.text-about{padding-right:15px}}@media screen and (min-width: 768px){.about-me-container-section{margin-left:32px;margin-right:32px}.about-me-section{padding-top:41px;padding-bottom:48px}.about-me-description{max-width:704px;height:673px;background:rgb(36,37,39)}.about-me-description-wrapper{max-width:576px;height:200px;left:64px;right:64px;top:64px;bottom:436px}.about-me-description-text{font-size:38px;font-weight:500;line-height:1.05;letter-spacing:-.03em;text-align:left;text-transform:uppercase}.tumb-picture{margin-top:16px;border-radius:24px;overflow:hidden;max-width:704px}.list-about{margin-top:64px;max-width:704px;display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:flex-start;padding:0}.about-me-item-caption-and-button-wrapper{max-width:704px;min-width:704px;height:40px;margin-bottom:8px}.title .about-button{width:40px;height:40px;padding:10px}.icon-about-me{stroke:#fafafa;width:20px;height:20px}.line-between-accordion-item{margin-top:32px;max-width:704px;border:1px solid rgba(250,250,250,.2)}.swipper-and-button-wraper{display:flex;flex-direction:row;align-items:center;justify-content:center}.swiper-slide-item{width:200px;height:200px}.swiper-list{display:flex!important;flex-direction:row}.swiper-list>:first-child{border-radius:50%;background-color:#ed3b44}.swiper-slide-caston{color:#fafafa;width:auto!important;margin-top:64px;font-size:20px}.icon-next-button{stroke:#3b3b3b;fill:transparent;width:40px;height:40px}}@media screen and (min-width: 1440px){.about-me-section{padding-top:48px;padding-bottom:82px}.about-me-description-and-photo-wrapper{display:flex;flex-direction:row;column-gap:16px}.about-me-description{border-radius:24px;background:rgb(36,37,39);width:680px;height:700px}.about-me-description-wrapper{max-width:552px;height:200px;left:64px;right:64px;top:64px;bottom:436px}.tumb-picture{margin-top:0;border-radius:24px;overflow:hidden;max-width:680px}.about-me-picture>img{height:100%}.list-about{margin-top:96px;max-width:1376px;justify-content:flex-start;align-items:flex-start;padding:0}.about-me-item-caption-and-button-wrapper{max-width:1376px;min-width:1376px}.panel-about{padding-left:696px;padding-right:64px}.line-between-accordion-item{margin-top:32px;max-width:1376px;border:1px solid rgba(250,250,250,.2)}.swipper-and-button-wraper{display:flex;flex-direction:row;align-items:center;justify-content:center}.swiper-list{display:flex!important;flex-direction:row}.swiper-list>:first-child{border-radius:50%;background-color:#ed3b44}.swiper-slide-caston{color:#fafafa;width:auto!important;margin-top:64px;font-size:20px}.swiper-slide-caston.active{background-color:#ed3b44;border:#ed3b44;border-radius:50%}.icon-next-button{stroke:#3b3b3b;fill:transparent;width:40px;height:40px;margin-right:30px}}@media screen and (max-width: 767px){.benefits{max-width:375px;margin:0 auto;padding:0 16px 32px;display:flex;flex-direction:column}}.benefitsTiyle{font-family:Inter Tight;font-size:16px;font-weight:600;line-height:24px;letter-spacing:-.02em;text-align:left;color:#fafafa66;text-transform:uppercase;padding-bottom:32px}.benefitsUl{display:flex;flex-direction:column;gap:16px;padding-bottom:32px}.benefitsItems{background-color:#242527;border-radius:20px}.benefitsIcon{width:48px;height:48px;background-color:#ed3b44;border-radius:10px;margin-top:14px;margin-left:24px;margin-bottom:64px;padding:12px;fill:#fafafa}.benefitsItemsTitle{font-family:Inter Tight;font-size:20px;font-weight:600;line-height:30px;letter-spacing:-.02em;text-align:left;color:#fafafa;margin-left:24px;margin-bottom:8px}.benefitsText{font-family:Inter Tight;font-size:16px;font-weight:500;line-height:24px;letter-spacing:-.02em;text-align:left;color:#fafafa99;margin-left:24px;margin-right:24px;padding-bottom:20px}.orderLink{display:block;width:189px;padding:18px 36px;border-radius:60px;border:1px solid #FAFAFA33;cursor:pointer;font-family:Inter Tight;font-size:16px;font-weight:500;line-height:1.21;letter-spacing:-.02em;color:#fafafa;transition:border-color .25s ease}.orderLink:hover,.orderLink:focus{border-color:#fafafa}@media screen and (min-width: 768px){.benefits{max-width:768px;margin:0 auto;padding:0 32px 32px}.benefitsUl{display:flex;flex-direction:row;flex-wrap:wrap}.benefitsItems{max-width:344px}}@media screen and (min-width: 1440px){.benefits{max-width:1440px;margin:0 auto;display:block;position:relative}.benefitsTiyle{position:absolute}.benefitsBlokList{padding-left:694px}.benefitsUl{display:flex;flex-direction:row;flex-wrap:wrap}.benefitsItems{max-width:332px}}@media screen and (max-width: 767px){.Section{padding-top:32px;padding-bottom:32px}.TitleProject{color:#fafafa66;font-size:16px;font-weight:600;line-height:24px;letter-spacing:-.02em;text-align:left;text-transform:uppercase;margin-bottom:32px}.swiper{width:100%;height:100%}.swiper-slide{margin-bottom:32px;border-radius:24px}.DiscriptProject{background-color:#fbfbfb;border-top-left-radius:24px;border-top-right-radius:24px;padding:32px}.TechnologiesListProject{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:96px}.TechnologiesText{display:flex;padding:13px 18px;border:1px solid rgba(28,29,32,.2);border-radius:60px}.ProjectName{color:#1c1d20;font-size:24px;font-weight:500;line-height:28px;letter-spacing:-.03em;text-align:left;margin-bottom:32px}.LinkGithubProject{padding:13px 32px;border-radius:60px;background:rgb(237,59,68);color:#fafafa;line-height:19px;letter-spacing:-.02em;text-align:left;cursor:pointer}.ProjectPictureContainer{border-radius:0 0 24px 24px;background:rgb(36,37,39);padding:100px 16px}.ArrowBox{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px}.SwButtonPrev{width:52px;height:52px;display:flex;align-items:center;padding:14px;border:1px solid rgba(250,250,250,.5);border-radius:60px;fill:transparent;stroke:#fafafa;transform:rotate(180deg);cursor:pointer}.IconArrowPrev{height:24px;width:24px}.SwButtonNext{width:52px;height:52px;display:flex;align-items:center;padding:14px;border:1px solid rgba(250,250,250,.5);border-radius:60px;fill:transparent;stroke:#fafafa;cursor:pointer}.IconArrowNext{height:24px;width:24px}.swiper-button-disabled{border:1px solid rgba(250,250,250,.2);stroke:#3b3b3b;cursor:default}}@media screen and (min-width: 768px) and (max-width: 1439px){.Section{padding-top:48px;padding-bottom:48px}.TitleProject{color:#fafafa66;font-size:16px;font-weight:600;line-height:24px;letter-spacing:-.02em;text-align:left;text-transform:uppercase;margin-bottom:32px}.swiper{width:100%;height:100%}.swiper-slide{margin-bottom:64px;border-radius:24px}.DiscriptProject{background-color:#fbfbfb;border-top-left-radius:24px;border-top-right-radius:24px;padding:64px}.TechnologiesListProject{display:flex;gap:6px;margin-bottom:164px}.TechnologiesText{display:flex;padding:18px;border:1px solid rgba(28,29,32,.2);border-radius:60px;color:#1c1d20;line-height:19px;letter-spacing:-.02em;text-align:left}.ProjectName{width:494px;color:#1c1d20;font-size:44px;font-weight:500;line-height:44px;letter-spacing:-.03em;text-align:left;margin-bottom:44px}.LinkGithubProject{padding:18px 50px;border-radius:60px;background:rgb(237,59,68);color:#fafafa;line-height:19px;letter-spacing:-.02em;text-align:left;cursor:pointer}.LinkGithubProject:hover,.LinkGithubProject:focus{background-color:#e0373f}.ProjectPictureContainer{display:flex;justify-content:center;border-radius:0 0 24px 24px;background:rgb(36,37,39);padding:120px 45px}.ArrowBox{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px}.SwButtonPrev{display:flex;align-items:center;height:68px;width:68px;padding:18px;border:1px solid rgba(250,250,250,.5);border-radius:60px;fill:transparent;stroke:#fafafa;transform:rotate(180deg);cursor:pointer}.SwButtonNext{display:flex;align-items:center;height:68px;width:68px;padding:18px;border:1px solid rgba(250,250,250,.5);border-radius:60px;fill:transparent;stroke:#fafafa;cursor:pointer}.SwButtonNext:hover,.SwButtonPrev:hover{stroke:#3b3b3b}.swiper-button-disabled{border:1px solid rgba(250,250,250,.2);stroke:#3b3b3b;cursor:default}}@media screen and (min-width: 1440px){.Section{padding-top:82px;padding-bottom:82px}.TitleProject{color:#fafafa66;font-size:16px;font-weight:600;line-height:24px;letter-spacing:-.02em;text-align:left;text-transform:uppercase;margin-bottom:32px}.swiper{width:100%;height:100%}.swiper-slide{display:flex!important;flex-direction:row;justify-content:center;margin-bottom:64px;border-radius:24px}.DiscriptProject{width:50%;background-color:#fbfbfb;border-radius:24px 0 0 24px;padding:64px}.TechnologiesListProject{display:flex;gap:6px;margin-bottom:164px}.TechnologiesText{display:flex;padding:18px;border:1px solid rgba(28,29,32,.2);border-radius:60px;color:#1c1d20;line-height:19px;letter-spacing:-.02em;text-align:left}.ProjectName{width:494px;color:#1c1d20;font-size:44px;font-weight:500;line-height:44px;letter-spacing:-.03em;text-align:left;margin-bottom:44px}.LinkGithubProject{padding:18px 50px;border-radius:60px;background:rgb(237,59,68);color:#fafafa;line-height:19px;letter-spacing:-.02em;text-align:left;cursor:pointer}.LinkGithubProject:hover,.LinkGithubProject:focus{background-color:#e0373f}.ProjectPictureContainer{display:flex;justify-content:center;width:50%;border-radius:0 24px 24px 0;background:rgb(36,37,39);padding:120px 45px}.ArrowBox{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px}.SwButtonPrev{display:flex;align-items:center;height:68px;width:68px;padding:18px;border:1px solid rgba(250,250,250,.5);border-radius:60px;fill:transparent;stroke:#fafafa;transform:rotate(180deg);cursor:pointer}.SwButtonNext{display:flex;align-items:center;height:68px;width:68px;padding:18px;border:1px solid rgba(250,250,250,.5);border-radius:60px;fill:transparent;stroke:#fafafa;cursor:pointer}.SwButtonNext:hover,.SwButtonPrev:hover{stroke:#3b3b3b}.swiper-button-disabled{border:1px solid rgba(250,250,250,.2);stroke:#3b3b3b;cursor:default}}.faq-container{max-width:375px;margin:0 auto;padding:0 16px}.title-faq{margin-bottom:32px;font-weight:600;font-size:16px;line-height:1.5;letter-spacing:-.02em;color:#fafafa66}.faq-item:first-child{border-top:1px solid rgba(250,250,250,.2)}.faq-item{border-bottom:1px solid rgba(250,250,250,.2);background-color:#1c1d20;padding:20px 0}.faq-item:last-child{margin-bottom:0}.title-item-list{font-size:20px;line-height:1.5;letter-spacing:-.02em;width:265px;color:#fafafa;font-weight:600;transition:color .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.qwestions{display:flex;justify-content:space-between;align-items:center}.icon-answer{width:20px;height:20px}.btn-answer{background:none;border:1px solid rgba(250,250,250,.2);width:40px;height:40px;border-radius:50%;background-color:#1c1d20;padding:0;margin-left:auto;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:border .25s cubic-bezier(.4,0,.2,1)}.text-item-list{box-sizing:content-box;font-weight:500;font-size:16px;line-height:1.5;letter-spacing:-.02em;color:#fafafa99;padding-top:16px}.icon-answer{display:block;transition:stroke .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);background-repeat:no-repeat;height:20px;width:20px;stroke:#fafafa}.is-active .icon-answer,.is-active .title-item-list,.title-item-list:hover,.title-item-list:active,.icon-answer:hover,.icon-answer:active,.btn-answer:hover .icon-answer{color:#ed3b44;stroke:#1c1d20}.btn-answer:hover,.btn-answer:active,.is-active .btn-answer{border:1px solid #ed3b44;background-color:#ed3b44}.ac.icon-open,.is-active .icon-answer{transform:rotate(180deg)}.ac-panel{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media screen and (min-width: 768px){.faq-container{max-width:704px;margin:0 auto;padding:0}.title-item-list{width:485px}.text-item-list{width:656px;padding-top:26px}.faq-item{padding:32px 0 24px}}@media screen and (min-width: 1440px){.faq-container{max-width:1376px;margin:0 auto}.faq-item{padding:32px 0 26px}.faq-list{display:flex;flex-wrap:wrap}.faq-list li:nth-child(1){order:1;border-bottom:none;border-right:1px solid rgba(250,250,250,.2);padding-right:31.5px}.faq-list li:nth-child(2){order:3;border-bottom:none;border-right:1px solid rgba(250,250,250,.2);padding-right:31.5px}.faq-list li:nth-child(3){order:5;border-right:1px solid rgba(250,250,250,.2);padding-right:31.5px}.faq-list li:nth-child(4){order:2;border-bottom:none;padding-left:31.5px}.faq-list li:nth-child(5){order:4;border-right:none;border-bottom:none;padding-left:31.5px}.faq-list li:nth-child(6){order:6;padding-left:31.5px}.faq-list li{flex-basis:calc((100% - 68px)/2);box-sizing:border-box;border-bottom:1px solid rgba(250,250,250,.2);border-top:1px solid rgba(250,250,250,.2)}.faq-item:first-child{border-top:1px solid rgba(250,250,250,.2)}}.ac .ac-panel{overflow:hidden;transition:height .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1)}.TitleText{font-weight:600;font-size:16px;line-height:150%;letter-spacing:-.02em;color:#fafafa66;text-align:left;text-transform:uppercase;margin-bottom:32px}.ButtonPrev{display:flex;padding:14px;border:1px solid rgba(250,250,250,.5);border-radius:60px;fill:transparent;stroke:#fafafa;transform:rotate(180deg)}.ButtonNext{display:flex;padding:14px;border:1px solid rgba(250,250,250,.5);border-radius:60px;fill:transparent;stroke:#fafafa}#reviewsList{display:flex;flex-wrap:nowrap;gap:16px;justify-content:flex-start;max-width:100%}.Review{border:1px solid rgba(250,250,250,.2);border-radius:20px;padding:32px 24px;flex-basis:calc((100% + -0px)*1);margin-right:0}.UserIcon{border-radius:10px;width:48px;height:48px}.Name{font-weight:600;font-size:20px;line-height:150%;letter-spacing:-.02em;color:#fafafa;padding-bottom:8px;padding-top:32px}.ReviewText{font-weight:500;font-size:16px;line-height:150%;height:188px;letter-spacing:-.02em;color:#fafafa99}@media screen and (max-width: 767px){.ArrowNav{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px}.Section{padding-top:32px;padding-bottom:32px}.Container{max-width:375px;margin:0 auto;padding:0 15px}}@media screen and (min-width: 768px){.ArrowNav{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px}.Section{padding-top:48px;padding-bottom:48px}.Container{max-width:768px;margin:0 auto;padding:0 15px}#reviewsList{gap:16px}.Review{border:1px solid rgba(250,250,250,.2);border-radius:20px;padding:32px 24px;flex-basis:360px;display:flex;flex-direction:column}}@media screen and (min-width: 1440px){.ArrowNav{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px}.Section{padding-top:82px;padding-bottom:82px}.Container{max-width:1280px;margin:0 auto;padding:0 15px}#reviewsList{gap:16px}.Review{display:flex;flex-direction:column;flex-basis:calc((100% - 48px)/4)}.ButtonNext:hover,.ButtonPrev:hover{stroke:#3b3b3b}}.BtnOff{stroke:#fafafa33;border-color:#fafafa33}.SocialIconBack,.SocialIconNext{stroke:inherit}.WorkTogetherSection{padding-top:32px;padding-bottom:32px;background-image:url(/portfolio-goit-project/assets/glass-effect-2-537e2db4.png);background-repeat:repeat-y;background-position-x:290px}@media screen and (min-resolution: 192dpi),screen and (min-resolution: 2dppx),screen and (min-device-pixel-ratio: 2){.WorkTogetherSection{background-image:url(/portfolio-goit-project/assets/glass-effect-2@2x-131de229.png)}}.WorkTogetherPhoto{width:44px;height:44px;display:inline-block;margin-bottom:-8px;margin-right:8px}.WorkTogetherTitle{display:inline;text-transform:uppercase;font-size:40px;line-height:1.2;letter-spacing:-.03em;color:#fafafa;font-weight:400}.WorkTogetherTitle .WorkWord{color:#ed3b44}.WorkTogetherTitle .NewLine{display:block}.CoopInputGroup{display:flex;flex-wrap:wrap;flex-direction:column;gap:16px}.CoopForm{margin-top:63px}.CoopInput{width:100%;border:none;border-bottom:1px solid rgba(250,250,250,20%);background-color:transparent;height:44px;padding-bottom:20px;color:#fafafa}.CoopInput::placeholder{color:#fafafa99}.CoopInput:focus,.CoopInput:active{outline-style:none;box-shadow:none;border-bottom:1px solid rgba(250,250,250,50%)}.CoopInput.Success{border-bottom-color:#3cbc81;transition:border-bottom-color .25s ease}.CoopInput.Invalid{border-bottom-color:#e74a3b;transition:border-bottom-color .25s ease}.CoopResultMsg{margin-top:4px;font-size:14px;line-height:1.28;letter-spacing:-.02em;color:#e74a3b;transition:color .25s ease}.CoopResultMsg.Success{color:#3cbc81}.CoopResultMsg.Invalid{color:#e74a3b}.CoopSubmitBtn{margin-top:32px;width:100px;height:100px;border:none;border-radius:50%;color:#fafafa;background-color:#ed3b44;transition:background-color .25s ease}.CoopSubmitBtn:hover,.CoopSubmitBtn:focus{background-color:#e0373f}.ContactsList{margin-top:64px;display:flex;flex-wrap:wrap;gap:4px}.ContactLink{display:flex;align-items:center;border:1px solid rgba(250,250,250,20%);color:#fafafa;font-size:14px;padding:10px 12px;border-radius:60px;letter-spacing:-.02em;line-height:1;transition:border-color .25s ease}.ContactLink:hover,.ContactLink:focus{border-color:#fafafa}.WorkTogetherModalWrapper{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;background-color:#0f0f1099;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease-in,visibility .5s ease-in}.WorkTogetherModalContainer{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);width:100%}.WorkTogetherModal{position:relative;background-color:#1c1d20;border:1px solid rgba(250,250,250,10%);border-radius:20px}.IsOpen{overflow:hidden;opacity:1;visibility:visible;pointer-events:auto}.WorkTogetherModalList{display:flex;flex-wrap:wrap;margin:64px 32px;letter-spacing:-.02em;gap:16px;justify-content:center;text-align:center}.WorkTogetherModalTitle{color:#fafafa;font-size:20px;line-height:1.5}.WorkTogetherModalText{color:#fafafa99}.WorkTogetherModalClose{background:none;border:none;position:absolute;padding:0;right:20px;top:20px;stroke:#fafafa}@media screen and (min-width: 768px){.WorkTogetherSection{padding-top:80px;padding-bottom:169px;background-position-x:570px}.WorkTogetherPhoto{width:70px;height:70px;margin-bottom:-12px;margin-right:20px}.WorkTogetherTitle{font-size:64px}.CoopInputGroup{display:inline-flex;flex-direction:row;gap:32px}.CoopInputItem{width:245px}.CoopSubmitBtn{margin-top:0;margin-left:32px;width:150px;height:150px}.CoopForm{margin-top:18px}.ContactsList{margin-top:18px;gap:8px}.ContactLink{padding:18px 32px;font-size:16px}.WorkTogetherModalContainer{width:522px}.WorkTogetherModalList{width:364px;margin:64px}}@media screen and (min-width: 1440px){.WorkTogetherSection{background-position-x:1040px;padding-left:196px}.CoopInputItem{width:390px}.CoopInputGroup{gap:32px}.CoopSubmitBtn{margin-left:86px}}.CoversSection{padding-top:32px;padding-bottom:32px;background-color:#1c1d20;overflow:hidden}.VisuallyHidden{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}.CoverBgContainer{height:508px;background-image:url(/portfolio-goit-project/assets/covers-bg-630e9a7e.png);background-repeat:no-repeat;background-position:right -190px bottom -40px;background-size:950px;overflow:hidden}.CoversProjectContainer{transform:translateY(-30%) rotate(16deg);display:flex;flex-direction:column;align-items:center;gap:25px}.CoversProjectList{display:flex;gap:30px}.CoversImgContainer{width:282px;height:166px;overflow:hidden}.AnimationOn{animation:moveRightLeft 4s ease-in-out infinite}.CoversImg{object-fit:contain}@keyframes moveRightLeft{0%{transform:translate(-18%)}50%{transform:translate(18%)}to{transform:translate(-18%)}}@media screen and (min-width: 768px){.CoversSection{padding-top:48px;padding-bottom:48px}.CoverBgContainer{height:960px;background-image:url(/portfolio-goit-project/assets/covers-bg-630e9a7e.png);background-repeat:no-repeat;background-position:right -290px bottom -170px;background-size:1750px}.CoversProjectContainer{gap:35px}.CoversProjectList{gap:45px}.CoversImgContainer{width:544px;height:314px}}@media screen and (min-width: 1440px){.CoversSection{padding-top:82px;padding-bottom:82px}.CoverBgContainer{background-image:url(/portfolio-goit-project/assets/covers-bg-630e9a7e.png);background-repeat:no-repeat;background-position:right -320px bottom -320px;background-size:2050px}}.ModalMenu{position:fixed;top:-100%;right:-100%;width:100%;height:100%;background-image:url(/portfolio-goit-project/assets/modal-bg-291206e7.png);z-index:999;opacity:0;transition:top .35s ease-in-out,right .35s ease-in-out,opacity .35s ease-in-out}.Open{top:0;right:0;opacity:1}.ModalBodyLock{overflow:hidden}.Menu{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.MenuItem{color:#fff;margin:10px 0;text-decoration:underline;cursor:pointer}.OrderButton{background-color:#ed3b44;border:none;color:#fff;padding:15px 30px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:20px 2px;cursor:pointer;border-radius:50px}.CloseModalBtn{stroke:#fafafa;position:absolute;top:39px;right:40px;background-color:transparent;height:32px;width:32px;outline:transparent;border:1px solid transparent}@media screen and (min-resolution: 192dpi),screen and (min-resolution: 2dppx),screen and (min-device-pixel-ratio: 2){.ModalMenu{background-image:url(/portfolio-goit-project/assets/modal-bg@2x-ee78ed88.png)}}:root{font-family:Inter Tight;font-size:16px;font-weight:500;line-height:24px;background-color:#1c1d20;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@media screen and (max-width: 767px){.Container{max-width:375px;margin:0 auto;padding:0 15px}}@media screen and (min-width: 768px){.Container{max-width:768px;margin:0 auto;padding:0 15px}}@media screen and (min-width: 1440px){.Container{max-width:1440px;margin:0 auto;padding:0 32px}}html{scroll-behavior:smooth}