*,*:before,*:after{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:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}:root{--black: #1c1d20;--dark: #242527;--dark-light: #3b3b3b;--red: #ed3b44;--white: #fafafa;--timing-function: .25s cubic-bezier(.4, 0, .2, 1)}body{font-family:Inter Tight,sans-serif;font-size:16px;font-weight:500;color:var(--white);background-color:var(--black);margin:0;overflow-x:hidden}html{scroll-behavior:smooth}.container{padding:0 16px}@media screen and (min-width: 375px){.container{width:375px;margin:0 auto;padding:0 32px}}@media screen and (min-width: 768px){.container{width:768px;padding:0 32px}}@media screen and (min-width: 1440px){.container{width:1440px}}.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}.header{position:absolute;left:50%;transform:translate(-50%);width:100%;padding-top:32px;z-index:9999}.container-head{min-width:320px;max-width:375px;width:100%;padding:0 16px;margin:0 auto}@media only screen and (min-width: 768px){.container-head{max-width:768px;padding:0 32px}}@media only screen and (min-width: 1440px){.container-head{max-width:1440px}}.header-container{display:flex;justify-content:space-between;flex-direction:row}@media only screen and (max-width: 375px){.header-container{display:flex;flex-direction:row;margin:0;padding-top:32px}}.header-img-box{display:flex;flex-direction:row;gap:8px;min-width:172px;animation-duration:1s;animation-name:slidein}.header-image{max-width:80px;height:auto;border-radius:18px}.name-icon{width:84px;height:19px;position:absolute;transition:scale var(--timing-function)}.header-img-box:hover .name-icon{scale:1.15}.header-img-box:focus .name-icon{scale:1.15}.menu-box{display:none}@media only screen and (min-width: 768px){.menu-box{display:flex;flex-direction:column;animation-duration:1s;animation-name:slidein}}.menu-link{display:flex;justify-content:center;background-color:transparent;color:var(--white);font-size:16px;font-weight:500;line-height:1.19;letter-spacing:-.02em;text-decoration:underline;cursor:pointer;transition:color var(--timing-function);border:none;padding:0}.drop-down{margin-top:8px;overflow:hidden}.menu-list{display:flex;flex-direction:column;gap:5px;align-items:center;animation-duration:1s;animation-name:slidein}.list-item-link{color:var(--white);font-size:16px;font-weight:500;line-height:1.19;letter-spacing:-.02em;transition:color var(--timing-function)}.order-btn{display:none}@media only screen and (min-width: 768px){.order-btn{display:flex;justify-content:center;text-align:center;width:174px;height:56px;padding:18px 24px;border-radius:60px;color:var(--white);background-color:var(--red);margin-left:auto;font-size:16px;font-weight:500;line-height:1.19;letter-spacing:-.02em;animation-duration:1s;animation-name:slidein;transition:background-color var(--timing-function),transform var(--timing-function)}}.burger-btn-box{margin-left:auto}@media only screen and (min-width: 768px){.burger-btn-box{display:none}}.burger-btn{display:flex;background-color:transparent;border:none;padding:0;animation-duration:1s;animation-name:slidein}.burger-backdrop{position:relative;overflow:hidden}.burger-menu{z-index:999;position:fixed;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;transform:translate(-100%);opacity:0;background-repeat:no-repeat;background-size:cover}.burger-menu.is-open{transform:translate(0);opacity:1}.close-btn{position:absolute;padding:0;margin:0;border:0;top:39px;right:23px;width:28px;height:28px;background-color:transparent}.close-icon{fill:var(--white)}.burger-menu-list{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:auto;margin-bottom:auto}.burger-list-item-link{color:var(--white);font-size:16px;font-weight:500;line-height:1.19;letter-spacing:-.02em;text-decoration:underline;transition:color var(--timing-function)}.burger-order-btn-box{margin-bottom:64px}.burger-order-btn{font-size:16px;font-weight:500;line-height:1.19;letter-spacing:-.02em;display:flex;justify-content:center;width:174px;height:56px;padding:18px 24px;border-radius:60px;color:var(--white);background-color:var(--red);margin-left:auto;animation-duration:1s;animation-name:slidein;transition:background-color var(--timing-function),transform var(--timing-function)}@keyframes slidein{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.hero-wrapper{padding-block:32px}.hero-title{text-align:start;padding-top:249px;margin-bottom:212px}@media only screen and (min-width: 768px){.hero-title{text-align:start;padding-top:220px;margin-bottom:187px}}@media only screen and (min-width: 1440px){.hero-title{text-align:start;padding-top:268px;margin-left:auto;margin-right:auto;margin-bottom:243px;width:1140px}}.header-1{font-size:50px;font-weight:500;line-height:1;letter-spacing:-.03em;text-transform:uppercase}@media only screen and (min-width: 768px){.header-1{font-size:90px}}.hero-info{display:flex;justify-content:end;align-items:center;gap:4px}.hero-list{display:flex;justify-content:center;align-items:center;gap:4px}.hero-item{border-radius:60px;border:1px solid rgba(250,250,250,.2);transition:border-color var(--timing-function)}.hero-item:hover,.hero-item:focus,.hero-item:active{border-color:var(--white)}.social-link{display:flex;justify-content:center;align-items:center;min-width:24px;min-height:24px}@media only screen and (min-width: 375px){.social-link{min-width:34px;min-height:34px}}@media only screen and (min-width: 768px){.social-link{min-width:55px;min-height:55px}}.heder-contact-info{border-radius:60px;border:1px solid rgba(250,250,250,.2);transition:border-color var(--timing-function)}.heder-contact-info:hover,.heder-contact-info:focus,.heder-contact-info:active{border-color:var(--white)}.heder-contact-info-link{display:flex;min-width:166px;min-height:24px;justify-content:center;align-items:center}@media only screen and (min-width: 375px){.heder-contact-info-link{min-width:178px;min-height:34px}}@media only screen and (min-width: 768px){.heder-contact-info-link{min-width:223px;min-height:55px}}.small-text{font-size:12px}@media only screen and (min-width: 375px){.small-text{font-size:14px}}.container-hero{position:relative;min-width:320px;max-width:375px;width:100%;padding:0 16px;margin:0 auto}@media only screen and (min-width: 768px){.container-hero{max-width:768px;padding:0 32px}}@media only screen and (min-width: 1440px){.container-hero{max-width:1440px}}.about-me{padding-top:64px;padding-bottom:32px}.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-box .ac{margin-top:0}.about-box .acor-txt{font-family:inherit;font-size:16px;font-weight:500;line-height:24px;letter-spacing:-.02em;text-align:left;color:#fafafa}.all-txt.first-margin .acor-txt:first-child{margin-bottom:32px}.all-txt .acor-txt{margin-bottom:10px}.about-subtitle{display:flex;flex-direction:column;align-items:center;margin-left:auto;margin-right:auto}.about-subtitle-content{padding:32px;height:500px;width:100%;background-color:#242527;border-radius:24px;margin-bottom:16px;box-sizing:border-box}.about-subtitle-text{width:100%;font-size:24px;line-height:1.17;text-align:left;color:#fafafa;font-weight:500;letter-spacing:-.03em;text-transform:uppercase}.subtitle-func{color:#2b4441}.subtitle-web-grey{color:#fafafa66}.about-me-photo{max-width:100%;text-align:center}.about-me-avatar{max-width:100%;height:auto;border-radius:24px}.accordion-info-about-me-list{display:flex;justify-content:center;margin:0 auto 32px;flex-direction:column}ul.accordion-info-about-me-list .about-me-item-container.ac{border:none;border-bottom:1px solid #fafafa33;padding-bottom:20px;position:relative;background-color:transparent;padding-top:32px}.ac-header.acc-caption .ac-trigger{text-align:left;margin-bottom:24px;padding:0;font-family:inherit;color:#fafafa66;font-size:16px;font-style:normal;font-weight:600;line-height:24px;letter-spacing:-.32px;text-transform:uppercase}.ac-text p{font-family:Inter Tight,sans-serif;font-size:16px;line-height:1.5;letter-spacing:-.02em;font-weight:500;color:#fafafa;padding:0}.acor-txt-one{max-width:360px}.acor-txt-two{max-width:450px}li.about-me-item-container.ac .ac-panel{display:flex;flex-direction:column;gap:10px}.about-me-item-container:first-child div.about-me-text.ac-panel{gap:32px}ul.accordion-info-about-me-list li.ac .ac-trigger.accordion-button-up-down:after{content:"";position:absolute;top:16px;right:18px;width:34px;height:34px;border:1px solid rgba(250,250,250,.2);border-radius:100px;transform:translate(50%,-50%);transition:box-shadow .3s ease}ul.accordion-info-about-me-list li.ac .ac-trigger.accordion-button-up-down:hover:after{border-color:#fafafa;box-shadow:0 0 15px #2b4441}.about-me-arrow-icon{position:absolute;top:7px;right:8px;transition:transform .3s ease-in-out}ul.accordion-info-about-me-list li.ac.is-active .about-me-arrow-icon{transform:rotate(-180deg)}@media only screen and (min-width: 768px){.about-me{padding-top:64px}.about-subtitle{margin-bottom:64px}.all-txt.first-margin .acor-txt:first-child{margin-bottom:16px}.about-subtitle-text{font-size:38px;line-height:40px;letter-spacing:-.04em}.about-subtitle-content{padding:64px;height:700px}.about-subtitle{width:704px}.accordion-info-about-me-list{width:704px;margin-bottom:64px}}@media only screen and (min-width: 1440px){.about-me{padding-top:96px}.about-subtitle{flex-direction:row;width:1376px;gap:16px;margin-bottom:96px}.accordion-info-about-me-list{width:1376px}.about-subtitle-content{margin:0;max-width:680px}.about-subtitle-text{letter-spacing:-.06em}.ac-panel.triple.about-me-text{display:flex;justify-content:space-between}li.about-me-item-container.ac .ac-panel{flex-direction:row}.all-txt,.ac-panel.about-me-text{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column}.acor-txt{width:612px;text-align:right}.all-txt.first-margin .acor-txt:first-child{margin-bottom:32px}}.skills-container{display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:90%}.about-me-two.container{padding-bottom:32px}.skills.swiper{position:relative;overflow:hidden;max-width:260px;height:auto;margin:0}.swiper-wrapper{display:flex;transition:transform .3s ease;width:100%}.skill-list.swiper-wrapper{margin:0}.skill-item.swiper-slide{width:50%;flex-shrink:0;display:flex;justify-content:center;align-items:center;font-weight:500;font-size:16px;line-height:1.5;letter-spacing:-.02em;color:#fafafa}.skill-item.swiper-slide.skill-item-circle{aspect-ratio:1 / 1;width:clamp(80px,20vw,200px);border-radius:50%;border:1px solid rgba(250,250,250,.2);display:flex;justify-content:center;align-items:center;text-align:center}.skills .swiper-slide-active{background-color:#1e2f2c}.btn-next{fill:none;stroke:#3b3b3b;width:clamp(40px,5vw,80px);cursor:pointer}@media only screen and (min-width: 375px){.skills-container{justify-content:flex-start;flex-direction:row;gap:55px;width:100%;margin:0 auto}.btn-next{width:28px}}@media only screen and (min-width: 768px){.skills.swiper{max-width:600px}.about-me-two.container{padding-bottom:48px}.skills-container{max-width:704px;gap:64px}.skill-list.swiper-wrapper{margin-bottom:0}.skill-item.swiper-slide.skill-item-circle{height:100%}.skill-item.swiper-slide{font-size:20px}.btn-next{width:80px}}@media only screen and (min-width: 1440px){.skills-container{max-width:1312px;gap:72px;padding:0 32px}.skills.swiper{max-width:1200px}.btn-next{width:40px}.about-me-two.container{padding-bottom:82px}}.benefits{padding-top:32px;padding-bottom:32px}.benefits-all{padding:0 16px;max-width:375px;margin-left:auto;margin-right:auto}.benefits-title{font-weight:600;font-size:16px;line-height:1.5;letter-spacing:-.02em;text-transform:uppercase;color:#fafafa66;margin-bottom:32px}.benefits-ul{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.card{border-radius:20px;padding:24px;width:344px;height:270px;background:#242527}.benefits-icons{border-radius:10px;padding:12px;width:48px;height:48px;background:#2b4441;margin-bottom:64px}.benefits-card{font-family:Inter Tight,sans-serif;font-weight:600;font-size:20px;line-height:1.5;letter-spacing:-.02em;color:#fafafa;margin-bottom:8px}.benefits-text{font-family:Inter Tight,sans-serif;font-weight:500;font-size:16px;line-height:1.5;letter-spacing:-.02em;color:#fafafa99}.button-benefits{border:1px solid rgba(250,250,250,.2);border-radius:60px;padding:18px 36px;font-family:Inter Tight,sans-serif;font-weight:500;font-size:16px;letter-spacing:-.02em;color:#fafafa;display:inline-block;transition:background-color .3s,transform .25s cubic-bezier(.4,0,.2,1)}.button-benefits:hover,.button-benefits:focus{border:1px solid #fafafa}@media screen and (min-width: 768px){.benefits{padding:48px 0}.benefits-all{padding:0 32px;max-width:768px}.benefits-ul{margin-bottom:64px}}@media screen and (min-width: 1440px){.benefits{padding:82px 0}.benefits-all{display:flex;max-width:1440px}.benefits-ul{width:680px}.card{width:332px}.benefits-title{margin-right:auto}}.projects{padding-top:32px;padding-bottom:32px}.projects-container{max-width:375px;margin-left:auto;margin-right:auto;padding:0 16px}.projects-title{font-weight:600;font-size:16px;letter-spacing:-.02em;text-transform:uppercase;color:#fafafa66;margin-bottom:32px}.proj-swiper{overflow:hidden}.swiper-wrapper{margin-bottom:32px}.swiper-wrapper.proj-wrapper .swiper-slide{width:100%;display:flex;flex-direction:column;border-radius:24px;box-shadow:0 4px 4px #00000040}.projects-content{border-radius:24px 24px 0 0;width:100%;background-color:#fafafa;padding:32px;color:#1c1d20;font-weight:500}.projects-skill-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:96px}.projects-skill-item{border:1px solid rgba(28,29,32,.2);border-radius:60px;padding:13px 18px;font-size:16px;letter-spacing:-.02em}.projects-text{font-size:24px;line-height:1.16667;letter-spacing:-.03em;margin-bottom:32px}.projects-link{display:inline-block;background-color:#2b4441;border-radius:60px;padding:13px 32px;font-size:16px;letter-spacing:-.02em;color:#fafafa;transition:background-color var(--timing-function),transform var(--timing-function)}.projects-img-cont{padding:100px 16px;background-color:#242527;border-radius:0 0 24px 24px}.proj-btn-box{display:flex;gap:12px;justify-content:center}.proj-swiper-button-prev,.proj-swiper-button-next{display:flex;align-items:center;justify-content:center;border:1px solid rgba(250,250,250,.5);border-radius:60px;padding:14px;transition:border .25s cubic-bezier(.4,0,.2,1)}.proj-btn-disabled{border:1px solid rgba(250,250,250,.2)}.proj-svg{fill:none;stroke:#fff;transition:stroke .25s cubic-bezier(.4,0,.2,1)}.proj-btn-disabled .proj-svg{stroke:#3b3b3b}@media screen and (min-width: 768px){.projects{padding:48px 0}.projects-container{max-width:704px;padding:0 32px}.swiper-wrapper{margin-bottom:64px}.swiper-wrapper.proj-wrapper .swiper-slide{box-shadow:none}.projects-content{padding:64px}.projects-skill-list{margin-bottom:164px}.projects-skill-item{padding:18px}.projects-text{font-size:44px;line-height:1}.projects-link{padding:18px 50px}.projects-img-cont{padding:120px 45px}.proj-btn-box{gap:20px}.proj-swiper-button-prev,.proj-swiper-button-next{padding:18px}.proj-svg{width:32px;height:32px}}@media screen and (min-width: 1440px){.projects{padding:82px 0}.projects-container{max-width:1440px}.swiper-wrapper.proj-wrapper .swiper-slide{flex-direction:row}.projects-content{border-radius:24px 0 0 24px;width:50%}.projects-skill-list{margin-bottom:223px}.projects-img-cont{border-radius:0 24px 24px 0;padding:120px 37px;width:50%}}.faq-section{margin:0 auto;padding:32px 0 64px}.container.faq-container{margin:0 auto;padding:0 16px;display:flex;flex-direction:column;align-items:flex-start;gap:32px}.faq-title{margin:0;padding:0;color:#fafafa66;font-size:16px;font-weight:600;line-height:24px;letter-spacing:-.32px}ul.accordion-container li.ac.faq-item-container{margin:0;padding:20px 0;background-color:transparent;color:#fafafa;border:none;border-top:1px solid rgba(250,250,250,.2);border-bottom:1px solid rgba(250,250,250,.2)}ul.accordion-container li.ac button.ac-trigger.faq-button{margin:0;padding:0 78px 0 0;color:#fafafa;font-family:Inter Tight,sans-serif;font-size:20px;font-weight:600;line-height:30px;letter-spacing:-.4px}ul.accordion-container li.ac button.ac-trigger.faq-button:focus{color:#fafafa}ul.accordion-container li.ac .ac-trigger.faq-button:after{content:"";position:absolute;top:20px;right:16px;width:34px;height:34px;border:1px solid rgba(250,250,250,.2);border-radius:100px;transform:translate(50%,-50%);transition:box-shadow .3s ease}ul.accordion-container li.ac .ac-trigger.faq-button:hover:after{border-color:#fafafa;box-shadow:0 0 15px #2b4441}.faq-arrow-icon{position:absolute;top:11px;right:6px;transition:transform .3s ease-in-out}ul.accordion-container li.ac.is-active>.ac-header .ac-trigger.faq-button:after{content:""}ul.accordion-container li.ac.is-active .faq-arrow-icon{transform:rotate(-180deg)}ul.accordion-container li.ac .ac-panel p.ac-text.faq-text{margin-top:16px;padding:0;color:#fafafa99;font-family:Inter Tight,sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:-.32px}@media only screen and (min-width: 768px){.faq-section.section{padding-top:0;padding-bottom:48px}.container.faq-container{padding:48px 32px}ul.accordion-container li.ac.faq-item-container{padding:32px 0 42px}ul.accordion-container li.ac.faq-item-container.is-active{padding:32px 0 26px}ul.accordion-container li.ac button.ac-trigger.faq-button{padding-right:130px}ul.accordion-container li.ac .ac-panel p.ac-text.faq-text{max-width:656px;margin-top:26px}ul.accordion-container li.ac .ac-trigger.faq-button:after{width:40px;height:40px}.faq-arrow-icon{top:11px;right:6px}}@media screen and (min-width: 1440px){.faq-section.section{padding-bottom:82px}.container.faq-container{padding:82px 32px}ul.accordion-container{display:flex;flex-wrap:wrap;justify-content:space-between}ul.accordion-container li.ac.faq-item-container{max-width:50%;flex:1 1 50%}ul.accordion-container li.ac .ac-panel p.ac-text.faq-text{padding-right:32px}ul.accordion-container li.ac button.ac-trigger.faq-button{padding-right:82px}ul.accordion-container li.ac:nth-child(-n+3) svg{right:42px}ul.accordion-container li.ac:nth-child(-n+3) .ac-trigger.faq-button:after{right:52px}ul.accordion-container li:nth-child(1){order:1}ul.accordion-container li:nth-child(1).ac.faq-item-container{border-right:1px solid rgba(250,250,250,.2)}ul.accordion-container li:nth-child(2){order:3}ul.accordion-container li:nth-child(2).ac.faq-item-container{border-right:1px solid rgba(250,250,250,.2)}ul.accordion-container li:nth-child(3){order:5}ul.accordion-container li:nth-child(3).ac.faq-item-container{border-right:1px solid rgba(250,250,250,.2)}ul.accordion-container li:nth-child(4){order:2}ul.accordion-container li:nth-child(4).ac.faq-item-container{padding-left:32px}ul.accordion-container li:nth-child(5){order:4}ul.accordion-container li:nth-child(5).ac.faq-item-container{padding-left:32px}ul.accordion-container li:nth-child(6){order:6}ul.accordion-container li:nth-child(6).ac.faq-item-container{padding-left:32px}}.covers-section{background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-image .3s ease-in-out}.covers-container{position:relative;display:flex;justify-content:center;overflow:hidden;max-height:508px}.covers-list{transform:rotate(17deg) translateY(-30px);display:flex;column-gap:40px;margin-bottom:40px}.covers-list-item{width:283px;height:163px;animation-name:inViewport;animation-timing-function:linear;animation-iteration-count:infinite}.cover-photo{object-fit:cover}@keyframes inViewport{0%{transform:translate(50%)}50%{transform:translate(-50%)}to{transform:translate(50%)}}@media screen and (min-width: 768px){.covers-container{max-height:960px}.covers-list-item,.cover-photo{width:544px;height:314px}.covers-list{column-gap:60px;margin-bottom:60px}}.reviews-title{font-family:Inter Tight,sans-serif;font-weight:600;font-size:16px;line-height:1.5;letter-spacing:-.02em;color:#fafafa66;margin-bottom:32px}.reviews-list{margin-bottom:32px;min-width:0}.reviews-section{padding:64px 0}.reviews-list-item{box-sizing:border-box;border:1px solid rgba(250,250,250,.2);border-radius:20px;padding:32px 24px}.reviews-list-item-icon{margin-bottom:32px;border-radius:10px}.reviews-list-item-title{margin-bottom:8px}.reviews-btn{border:1px solid rgba(250,250,250,.5);border-radius:60px;padding:14px;width:52px;height:52px;justify-content:center;background-color:inherit}.btn-container{display:flex;gap:20px;justify-content:center;align-items:center}.reviews-list-item-text{font-family:Inter Tight,sans-serif;font-weight:500;font-size:16px;line-height:1.5;letter-spacing:-.02em;color:#fafafa99}.reviews-list-item{min-height:345px}.swiper-container{width:100%;overflow:hidden}.review-icon{width:24px;height:24px}.error-case{margin:100px auto;font-family:Inter Tight,sans-serif;font-weight:500;font-size:16px;line-height:1.5;letter-spacing:-.02em;color:#fafafa99;text-align:center}.prev-icon,.next-icon{stroke-width:2px;stroke:#fafafa;fill:transparent}.next-icon{rotate:180deg}.swiper-button-disabled{border:1px solid rgba(250,250,250,.2)}.swiper-button-disabled .next-icon,.swiper-button-disabled .prev-icon{stroke:#3b3b3b;fill:transparent}@media screen and (min-width: 768px){.reviews-section{padding:96px 0}.reviews-btn{padding:18px;width:68px;height:68px}.review-icon{width:32px;height:32px}}@media screen and (min-width: 1440px){.reviews-section{padding:164px 0}}.footer{margin:0 auto;padding:32px 16px;background-image:url(/goit_portfolio/assets/footer-bcg-img-mob-BIsq_qHX.png);background-position:right center;background-size:contain;background-repeat:no-repeat}.footer-image-wrapper{margin-right:8px;margin-bottom:4px;align-items:start}.footer-image{border-radius:12px;width:44px;height:44px;flex-shrink:0}.footer-title{font-weight:500;font-size:40px;line-height:100%;letter-spacing:-.03em;color:#fff;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;margin-bottom:64px}.footer-title-span{color:#ed3b44;margin-left:8px}.footer-form{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.footer-input{font-weight:500;font-size:16px;line-height:150%;letter-spacing:-.02em;color:#fafafa99;max-width:343px;background:none;border:none;border-bottom:1px solid #555;padding:8px 0;outline:none}.footer-send-btn{width:100px;height:100px;border-radius:100%;border:none;font-weight:500;font-size:16px;letter-spacing:-.02em;color:#fff;background:#ed3b44;margin-bottom:64px;transition:background-color .5s ease-in-out,transform .5s ease-in-out}.footer-contact-info{display:flex;gap:4px}.footer-contact{border:1px solid rgba(250,250,250,.2);border-radius:60px;padding:10px 12px;height:37px;font-weight:500;font-size:14px;letter-spacing:-.02em;color:#fff;font-style:normal;white-space:nowrap;display:flex;justify-content:center;align-items:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;opacity:0;pointer-events:none;transition:opacity .25s ease-in-out}.modal-overlay.is-open{opacity:1;pointer-events:auto}.modal{background-color:#1c1d20;transition:opacity .3s ease-in-out;border:1px solid rgba(250,250,250,.1);width:343px;height:276px;padding:64px 32px;justify-content:center;align-items:center;position:relative;box-sizing:border-box;border-radius:20px}.modal-content{display:flex;flex-direction:column;gap:16px;text-align:center;color:#fff;border-radius:20px;position:relative}.modal-title{font-weight:600;font-size:20px;line-height:150%;letter-spacing:-.02em;text-align:center}.modal-description{font-weight:500;font-size:16px;line-height:150%;letter-spacing:-.02em;text-align:center;color:#fafafa99}.modal-close{border:none;background:none;font-size:22px;cursor:pointer;position:absolute;top:20px;right:20px;color:#fff}.modal-close:hover{color:#ed3b44}@media only screen and (min-width: 768px){.footer{padding:80px 32px 169px;background-image:url(/goit_portfolio/assets/footer-bcg-img-tab-DXH9-CsK.png)}.footer-image-wrapper{margin-right:20px;margin-bottom:8px}.footer-image{border-radius:24px;width:70px;height:70px}.footer-title{font-size:64px;max-width:700px}.footer-title-span{margin-left:12px}.footer-form-container{display:flex;flex-direction:row;gap:32px}.footer-form{display:flex;flex-direction:row;margin-bottom:78px;gap:32px;align-items:center}.footer-input{max-height:44px}.footer-send-btn{width:150px;height:150px;margin-bottom:0}.footer-contact-info{gap:8px}.footer-contact{padding:18px 32px;height:55px;font-size:16px;transition:border-color .25s cubic-bezier(.4,0,.2,1)}.footer-contact:hover,.footer-contact:focus{border-color:#fafafa}.modal{width:492px;height:276px;padding:64px}.modal-close{font-size:24px}}@media only screen and (min-width: 1440px){.footer{padding-left:196px;padding-right:196px;background-image:url(/goit_portfolio/assets/footer-bcg-img-desk-BXjL6va6.png)}.footer-form-container{gap:86px}.footer-input{width:390px}}.theme-buttons{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:flex;gap:10px}.theme-buttons:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,#000000e6,#0003);box-shadow:-50px 0 100px #000c,-30px 0 60px #00000080;filter:blur(15px);border-radius:15px;z-index:-1}.theme-buttons button{position:relative;padding:0;margin:0;border:none;width:26px;height:26px;border-radius:50%;transition:scale var(--timing-function)}.theme-buttons button:hover,.theme-buttons button:focus{scale:1.2}@media screen and (min-width: 768px){.theme-buttons{bottom:14px;left:32px;transform:translate(0)}.theme-buttons button{width:30px;height:30px}}.btn-theme-red{background-color:var(--red)}.btn-theme-green{background-color:#c6e327}.btn-theme-blue{background-color:#0041e8}.btn-theme-orange{background-color:#e6533c}.btn-theme-dark-green{background-color:#2b4441}.btn-theme-yellow{background-color:#ff7f08}.active-btn-change{scale:1.2;transition:scale var(--timing-function)}.theme-red[data-theme-burg-menu]{background-image:url(/goit_portfolio/assets/burg-menu_red-BA5jAsfq.png)}.theme-green[data-theme-burg-menu]{background-image:url(/goit_portfolio/assets/burg-menu-green-C7jV5DR_.png)}.theme-blue[data-theme-burg-menu]{background-image:url(/goit_portfolio/assets/burg-menu-blue-D8H_5boZ.png)}.theme-orange[data-theme-burg-menu]{background-image:url(/goit_portfolio/assets/burg-menu-orange-46oEacE3.png)}.theme-dark-green[data-theme-burg-menu]{background-image:url(/goit_portfolio/assets/burg-menu-dark-green-CoEmGmlH.png)}.theme-yellow[data-theme-burg-menu]{background-image:url(/goit_portfolio/assets/burg-menu-yellow-DBLYiJZv.png)}@media (min-resolution: 2dppx){.theme-red[data-theme-burg-menu]{background-image:url(/goit_portfolio/assets/burg-menu_red_2x-B62FFJX0.png);background-size:cover}.theme-green[data-theme-burg-menu]{background-image:url(/goit_portfolio/assets/burg-menu-green-2x-De22NS-H.png)}.theme-blue[data-theme-burg-menu]{background-image:url(/goit_portfolio/assets/burg-menu-blue-2x-JXGhjqVk.png)}.theme-orange[data-theme-burg-menu]{background-image:url(/goit_portfolio/assets/burg-menu-orange-2x-DuKvP9SP.png)}.theme-dark-green[data-theme-burg-menu]{background-image:url(/goit_portfolio/assets/burg-menu-dark-green-2x-bQYAiFmf.png)}.theme-yellow[data-theme-burg-menu]{background-image:url(/goit_portfolio/assets/burg-menu-yellow-2x-DuLdKER7.png)}}[data-theme-hero]{background-repeat:no-repeat;background-size:cover;background-blend-mode:overlay;transition:background-image var(--timing-function)}.theme-red[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_red_mob-rSoVr1WM.png)}.theme-green[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_green_mob-Ca06paol.png)}.theme-blue[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_blue_mob-C2yBdkb3.png)}.theme-orange[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_orange_mob-Dvnhjaw5.png)}.theme-dark-green[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_dark_green_mob-BewNUYjA.png)}.theme-yellow[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_yellow_mob-BO0O5-AQ.png)}@media (min-resolution: 2dppx){.theme-red[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_red_mob_2x-Bj21uZTQ.png)}.theme-green[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_green_mob_2x-CeFIbkpJ.png)}.theme-blue[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_blue_mob_2x-DIHsrjmo.png)}.theme-orange[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_orange_mob_2x-BQYgs3yq.png)}.theme-dark-green[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_dark_green_mob_2x-D2rSIuSf.png)}.theme-yellow[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_yellow_mob_2x-C7Gc39xa.png)}}@media only screen and (min-width: 768px){.theme-red[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_red_tab-Cg-22SUZ.png)}.theme-green[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_green_tab-C_CrQ1a7.png)}.theme-blue[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_blue_tab-GGS7kdv1.png)}.theme-orange[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_orange_tab-BJOPQF5A.png)}.theme-dark-green[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_dark_green_tab-x5Qb7dj7.png)}.theme-yellow[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_yellow_tab-Bcxy53Bu.png)}}@media only screen and (min-width: 768px) and (min-resolution: 2dppx){.theme-red[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_red_tab_2x-QU9O64Hk.png)}.theme-green[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_green_tab_2x-P_sD7DIc.png)}.theme-blue[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_blue_tab_2x-DCMh1Ori.png)}.theme-orange[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_orange_tab_2x-IPUwivBY.png)}.theme-dark-green[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_dark_green_tab_2x-DtjYIMmU.png)}.theme-yellow[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_yellow_tab_2x-BK4Ek__y.png)}}@media only screen and (min-width: 1440px){.theme-red[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_red-CwZ1oViA.png)}.theme-green[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_green-CwNWHCHM.png)}.theme-blue[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_blue-CF4xmX5S.png)}.theme-orange[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_orange-CsM2Bd7Y.png)}.theme-dark-green[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_dark_green-Cu3hpWDP.png)}.theme-yellow[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_yellow-CHiHXUft.png)}}@media only screen and (min-width: 1440px) and (min-resolution: 2dppx){.theme-red[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_red_2x-D-Xeq_Dp.png)}.theme-green[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_green_2x-DRJi8dOz.png)}.theme-blue[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_blue_2x-Bj4sZCCq.png)}.theme-orange[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_orange_2x-BoVOLjAb.png)}.theme-dark-green[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_dark_green_2x-DzUEfAFq.png)}.theme-yellow[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_yellow_2x-B8-9lrMz.png)}}@media only screen and (min-width: 2048px){.theme-red[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_red_3x-Ci4nwWgx.png)}.theme-green[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_green_3x-BD-IYvMQ.png)}.theme-blue[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_blue_3x-CsUzwGAc.png)}.theme-orange[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_orange_3x-BDt6MjWN.png)}.theme-dark-green[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_dark_green_3x-BrfQ6Sw0.png)}.theme-yellow[data-theme-hero]{background-image:url(/goit_portfolio/assets/hero_yellow_3x-DB3g4l0s.png)}}.theme-red[data-theme-btn]{color:var(--white);background-color:var(--red)}.theme-red:hover[data-theme-btn]{background-color:#e0373f;transform:scale(1.05)}.theme-red:focus[data-theme-btn]{background-color:#e0373f}.theme-green[data-theme-btn]{color:var(--white);background-color:#c6e327}.theme-green:hover[data-theme-btn]{background-color:#596808;transform:scale(1.05)}.theme-green:focus[data-theme-btn]{background-color:#596808}.theme-blue[data-theme-btn]{color:var(--white);background-color:#0041e8}.theme-blue:hover[data-theme-btn]{background-color:#001958;transform:scale(1.05)}.theme-blue:focus[data-theme-btn]{background-color:#001958}.theme-orange[data-theme-btn]{color:var(--white);background-color:#e6533c}.theme-orange:hover[data-theme-btn]{background-color:#9f3626;transform:scale(1.05)}.theme-orange:focus[data-theme-btn]{background-color:#9f3626}.theme-dark-green[data-theme-btn]{color:var(--white);background-color:#2b4441}.theme-dark-green:hover[data-theme-btn]{background-color:#1e3633;transform:scale(1.05)}.theme-dark-green:focus[data-theme-btn]{background-color:#1e3633}.theme-yellow[data-theme-btn]{color:var(--white);background-color:#ff7f08}.theme-yellow:hover[data-theme-btn]{background-color:#ac5300;transform:scale(1.05)}.theme-yellow:focus[data-theme-btn]{background-color:#ac5300}.theme-red:hover[data-theme-text]{color:var(--red)}.theme-red:focus[data-theme-text]{color:var(--red)}.theme-red:active[data-theme-text]{color:var(--red)}.theme-green:hover[data-theme-text]{color:#c6e327}.theme-green:focus[data-theme-text]{color:#c6e327}.theme-green:active[data-theme-text]{color:#c6e327}.theme-blue:hover[data-theme-text]{color:#0041e8}.theme-blue:focus[data-theme-text]{color:#0041e8}.theme-blue:active[data-theme-text]{color:#0041e8}.theme-orange:hover[data-theme-text]{color:#e6533c}.theme-orange:focus[data-theme-text]{color:#e6533c}.theme-orange:active[data-theme-text]{color:#e6533c}.theme-dark-green:hover[data-theme-text]{color:#2b4441}.theme-dark-green:focus[data-theme-text]{color:#2b4441}.theme-dark-green:active[data-theme-text]{color:#2b4441}.theme-yellow:hover[data-theme-text]{color:#ff7f08}.theme-yellow:focus[data-theme-text]{color:#ff7f08}.theme-yellow:active[data-theme-text]{color:#ff7f08}.theme-red[data-theme-text-span]{color:var(--red);transition:color var(--timing-function)}.theme-green[data-theme-text-span]{color:#c6e327;transition:color var(--timing-function)}.theme-blue[data-theme-text-span]{color:#0041e8;transition:color var(--timing-function)}.theme-orange[data-theme-text-span]{color:#e6533c;transition:color var(--timing-function)}.theme-dark-green[data-theme-text-span]{color:#2b4441;transition:color var(--timing-function)}.theme-yellow[data-theme-text-span]{color:#ff7f08;transition:color var(--timing-function)}.theme-red[data-theme-text-svg]{background:var(--red);transition:color var(--timing-function)}.theme-green[data-theme-text-svg]{background:#c6e327;transition:color var(--timing-function)}.theme-blue[data-theme-text-svg]{background:#0041e8;transition:color var(--timing-function)}.theme-orange[data-theme-text-svg]{background:#e6533c;transition:color var(--timing-function)}.theme-dark-green[data-theme-text-svg]{background:#2b4441;transition:color var(--timing-function)}.theme-yellow[data-theme-text-svg]{background:#ff7f08;transition:color var(--timing-function)}.swiper-slide-active.theme-red[data-theme-swiper-active]{background-color:var(--red);transition:background-color var(--timing-function)}.swiper-slide-active.theme-green[data-theme-swiper-active]{background-color:#c6e327;transition:background-color var(--timing-function)}.swiper-slide-active.theme-blue[data-theme-swiper-active]{background-color:#0041e8;transition:background-color var(--timing-function)}.swiper-slide-active.theme-orange[data-theme-swiper-active]{background-color:#e6533c;transition:background-color var(--timing-function)}.swiper-slide-active.theme-dark-green[data-theme-swiper-active]{background-color:#2b4441;transition:background-color var(--timing-function)}.swiper-slide-active.theme-yellow[data-theme-swiper-active]{background-color:#ff7f08;transition:background-color var(--timing-function)}.theme-red[data-theme-btn-up]{border-color:var(--red);transition:border-color var(--timing-function)}.theme-green[data-theme-btn-up]{border-color:#c6e327;transition:border-color var(--timing-function)}.theme-blue[data-theme-btn-up]{border-color:#0041e8;transition:border-color var(--timing-function)}.theme-orange[data-theme-btn-up]{border-color:#e6533c;transition:border-color var(--timing-function)}.theme-dark-green[data-theme-btn-up]{border-color:#2b4441;transition:border-color var(--timing-function)}.theme-yellow[data-theme-btn-up]{border-color:#ff7f08;transition:border-color var(--timing-function)}.theme-red[data-theme-covers]{background-image:url(/goit_portfolio/assets/vectors_red@1x-Dx5GWck4.png)}.theme-green[data-theme-covers]{background-image:url(/goit_portfolio/assets/vectors_green@1x-FRk4orj1.png)}.theme-blue[data-theme-covers]{background-image:url(/goit_portfolio/assets/vectors_blue@1x-D1QyJXRa.png)}.theme-orange[data-theme-covers]{background-image:url(/goit_portfolio/assets/vectors_orange@1x-Dn9FlktW.png)}.theme-dark-green[data-theme-covers]{background-image:url(/goit_portfolio/assets/vectors_darkgreen@1x-C9jLEHKY.png)}.theme-yellow[data-theme-covers]{background-image:url(/goit_portfolio/assets/vectors_yellow@1x-CRhqPCqj.png)}@media only screen and (min-resolution: 2dppx){.theme-red[data-theme-covers]{background-image:url(/goit_portfolio/assets/vectors_red@2x-DxPE_vTB.png)}.theme-green[data-theme-covers]{background-image:url(/goit_portfolio/assets/vectors_green@2x-OYI3lcpP.png)}.theme-blue[data-theme-covers]{background-image:url(/goit_portfolio/assets/vectors_blue@2x-CTdY8mco.png)}.theme-orange[data-theme-covers]{background-image:url(/goit_portfolio/assets/vectors_orange@2x-D9pXz-_C.png)}.theme-dark-green[data-theme-covers]{background-image:url(/goit_portfolio/assets/vectors_darkgreen@2x-B2bQNjsO.png)}.theme-yellow[data-theme-covers]{background-image:url(/goit_portfolio/assets/vectors_yellow@2x-CoVueBDg.png)}}.up-btn{display:flex;justify-content:center;align-items:center;position:fixed;bottom:20px;right:20px;z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 30px #e3e4ed5e;border:2px solid rgba(250,250,250,.2);border-radius:50px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .5s ease-in-out,background-color .5s ease-in-out;will-change:opacity,visibility;padding:8px}@media screen and (min-width: 768px){.up-btn{right:60px;padding:15px}}.up-btn-svg{transform:rotate(-90deg)}.up-btn:hover{background-color:#1e3633;color:#f0f8ff}.up-btn.show{opacity:1;visibility:visible;transition:opacity .5s,background-color .5s ease-in-out;pointer-events:auto;will-change:opacity,visibility}.up-btn.hiding{opacity:0;visibility:visible}
