body{background-color:var(--background-color);color:var(--text-color);font-family:Roboto,sans-serif;font-weight:400;font-size:16px;line-height:1.5}button{font-weight:500;font-size:13px;line-height:1.5;color:var(--text-color);border:none;border-radius:30px}.dark-btn{background-color:var(--button-color)}.light-btn{background-color:#fff;border:.854167px solid var(--dark-color)}.main-btn{padding:6px 18px}.secondary-btn{padding:10px 22px}.visually-hidden{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px}.is-hidden{opacity:0;visibility:0;pointer-events:none}.container{padding-right:15px;padding-left:15px;width:100%;margin:0 auto}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 480px){.container{width:480px}}@media screen and (min-width: 768px){.container{width:734px}.section{padding-top:100px;padding-bottom:100px}}@media screen and (min-width: 1280px){.container{width:1278px}}h1,h2,h3,h4,h5,h6,p{margin-top: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}html{scroll-behavior:smooth}.vite-promo{padding:5rem 0}.vite-promo .container{display:flex;align-items:center;gap:4rem;width:86vw;margin:0 auto;padding:0 20px}.vite-promo .wrapper{max-width:36rem}.vite-promo .title,.vite-promo .text{margin-bottom:1.5rem;font-size:3.5rem;font-weight:700;line-height:1.14;color:#213547}.vite-promo .gradient{display:inline-block;background-image:linear-gradient(120deg,#bd34fe 30%,#41d1ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.vite-promo .tagline{font-size:1.5rem;line-height:1.5;color:#3c3c3cb3}.vite-promo .actions{display:flex;align-items:center;gap:1rem}.vite-promo .link{display:inline-block;padding:.5rem 1.25rem;font-weight:500;text-align:center;white-space:nowrap;color:#ffffffde;background-color:#646cff;border:1px solid transparent;border-radius:1.25rem;transition:color .25s,border-color .25s,background-color .25s}.vite-promo .link:hover,.vite-promo .link:focus{color:#ffffffde;background-color:#747bff}.vite-promo .thumb{position:relative}.vite-promo .thumb:before{content:"";position:absolute;top:0;left:0;z-index:-1;display:block;width:100%;height:100%;border-radius:50%;background-image:linear-gradient(-45deg,#bd34fe 50%,#47caff 50%);filter:blur(4.5rem)}:root{--text-color: #2c2c2c;--main-color: #ffe550;--button-color: #bbf330;--dark-color: #7eb101;--background-color: #fefefe;--modal-color: #c4c4c4;--warning-color: #ff705d;--fruit-shadow: radial-gradient( 50% 50% at 50% 50%, #2f583f 0%, rgba(105, 105, 105, 0) 100% );--transition-duration-and-fun: .3s cubic-bezier(.4, 0, .2, 1)}.header-section{padding:10px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 24px #6969691a}.header-container{width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header-logo-link{line-height:0}.header-wrap{display:flex}.header-nav{display:flex;justify-content:space-between}.header-menu-item{font-size:14px;line-height:1.17;transition:color var(--transition-dur-and-fun),text-decoration var(--transition-dur-and-fun)}.header-menu-item:hover,.header-menu-item:focus{color:var(--button-color);text-decoration:underline}.burger-svg{fill:var(--dark-color)}.mobile-menu-open{background-color:transparent;transition:fill var(--transition-dur-and-fun)}.mobile-menu-close{background-color:transparent;position:absolute;padding:0;top:4px;right:4px;display:flex;justify-content:center;align-items:center}.mobile-menu-open:hover .burger-svg,.mobile-menu-open:focus .burger-svg{fill:var(--main-color)}.mobile-menu{position:absolute;z-index:100;right:20px;top:50px;background-color:#fff;box-shadow:0 4px 24px #6969694d;border-radius:30px 0 30px 30px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-dur-and-fun),visibility var(--transition-dur-and-fun)}.mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--transition-dur-and-fun),visibility var(--transition-dur-and-fun)}.contact-link{border-radius:0 0 30px 30px}.home-link{border-radius:30px 0 0}.mobile-menu-link{font-size:16px;line-height:1.19;display:block;width:100%;padding:16px;transition:background-color var(--transition-dur-and-fun)}.mobile-menu-link:hover,.mobile-menu-link:focus{background-color:var(--button-color)}.mobile-menu-list{display:flex;flex-direction:column;width:130px}.header-menu,.header-btn{display:none}@media screen and (min-width: 480px){.header-container{width:480px}}@media screen and (min-width: 768px){.header-container{width:734px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header-menu{display:flex;align-items:center;justify-content:space-between;width:319px;flex-shrink:0;margin-right:30px}.header-menu-item{min-width:100%}.header-menu-item:hover,.header-menu-item:focus{font-weight:500}.mobile-menu-open,.mobile-menu{display:none}.header-btn{display:block;transition:background-color var(--transition-dur-and-fun)}.header-btn:hover,.header-btn:focus{background-color:var(--main-color)}}@media screen and (min-width: 1280px){.header-menu-item:hover,.header-menu-item:focus{font-weight:700}.header-container{width:1278px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}}.hero-section{padding:60px 0 50px}.hero-title{width:502.42px;font-weight:700;font-size:48px;line-height:1.2;margin-bottom:28px}.hero-desc{font-weight:400;width:514px;font-size:16px;line-height:1.5}.hero-container{display:flex;width:100%}.swiper-button-prev:after,.swiper-button-next:after{content:""}.outer-circle{width:528px;height:528px}.slider-container{position:relative}.left-arrow,.right-arrow{fill:var(--text-color);transition:fill var(--transition-duration-and-fun)}.left-slider{position:absolute;border-radius:8px;border:none;top:210px;left:-30px}.right-slider{position:absolute;right:-30px;top:210px;border-radius:8px;border:none}.slider-btn{background:white;width:40px;height:48px;padding:0;margin:0;transition:background-color var(--transition-duration-and-fun);box-shadow:0 4px 4px #0000000f;border-radius:4px;display:flex;align-items:center;justify-content:center;z-index:50}.left-arrow:is(:hover,:focus),.right-arrow:is(:hover,:focus){fill:var(--dark-color)}.hero-buttons{display:none}.hero-btn{width:98px;height:32px;font-size:12px;font-weight:500;line-height:1.5;background-color:var(--button-color);border-radius:30px;border:none;padding:6px 18px}.hero-btn:is(:hover,:focus){background-color:var(--main-color)}@media screen and (min-width: 320px) and (max-width: 479px){.slider-container{display:none}.hero-container{width:100%}.hero-title{font-size:28px;width:100%}.hero-desc{width:100%;line-height:1.4;font-size:14px;margin-bottom:32px}}@media screen and (min-width: 480px){.hero-container{width:320px}.hero-title{font-size:28px;width:283px}.slider-container{display:none}.hero-desc{width:266px;line-height:1.4;font-size:14px;margin-bottom:32px}}@media screen and (min-width: 768px){.hero-section{padding-bottom:0}.slider-container{display:flex;width:320px;height:320px;position:absolute;right:32px;top:89px;margin:0;border-radius:50%;border:14px solid var(--main-color)}.hero-container{width:734px;position:relative}.outer-circle{width:320px;height:320px}.hero-title{width:537px;font-size:42px}.hero-desc{width:336px;font-size:16px;margin-bottom:40px}.slider-btn{width:34px;height:28px;z-index:50}.left-arrow,.right-arrow{width:11px;height:20px}.hero-buttons{position:absolute;right:45px;top:23px;width:293px;display:block}.left-slider{right:15px}}@media screen and (min-width: 1280px){.hero-section{padding-top:159px;padding-bottom:0;position:relative;width:1278px;margin-left:auto;margin-right:auto}.hero-container{position:static;width:1278px}.slider-container{display:flex;width:580px;height:580px;position:absolute;right:14px;top:14px;border-radius:50%;border:26px solid var(--main-color)}.hero-title{font-size:48px;line-height:1.2}.hero-desc{width:511px;margin-bottom:40px}.outer-circle{width:528px;height:528px}.slider-btn{width:48px;height:40px;transform:translateY(-10%)}.left-arrow,.right-arrow{width:16px;height:29px}.left-slider{transform:translate(-10px)}.right-slider{transform:translate(10px)}.hero-buttons{position:absolute;right:37px;top:72px;width:535px}}.special-wrap{display:flex;align-items:center;flex-direction:column;justify-content:center}.special-images-wrap{display:flex;justify-content:center}.special-image{width:100%;height:auto;margin-bottom:60px}.special-content-wrap{display:flex;align-items:center;flex-direction:column;justify-content:center}.special-title{width:100%;margin-bottom:28px;color:var(--text-color);font-weight:700;line-height:1.17}.special-general-text{width:100%;color:var(--text-color);font-size:14px;line-height:1.4}.special-list{margin-bottom:28px}.special-item:before{display:flex;width:48px;height:48px;margin-bottom:8px;content:"";border-radius:50%;background-color:#fff;background-image:url(/goit-bc50-html-css-project/assets/rocket-icon-9b5154a4.svg);background-repeat:no-repeat;background-position:50% 50%}.special-item:nth-child(2n):before{background-image:url(/goit-bc50-html-css-project/assets/order-icon-b88d33eb.svg)}.special-item:nth-child(3n):before{display:none}.special-item:not(:last-child){margin-bottom:24px}.special-item-title{width:100%;margin-bottom:16px;color:var(--text-color);font-weight:700;line-height:1.16}.special-item-text{width:100%;color:var(--text-color);font-size:14px;line-height:1.4}.special-button{width:106px;height:40px;transition:background-color var(--transition-duration-and-fun),border var(--transition-duration-and-fun);color:var(--text-color);border:2px solid var(--dark-color);border-radius:30px;outline:none;background-color:#fff;font-size:13px;font-weight:500;font-style:inherit;line-height:1.5}.special-button:hover,.special-button:focus{border:transparent;background-color:var(--button-color)}.special-bottom-wrap{display:flex;align-items:center;margin-top:28px;column-gap:24px;justify-content:center}.link-wrap{display:flex;align-items:center;flex-wrap:wrap;transition:color var(--transition-duration-and-fun),text-decoration var(--transition-duration-and-fun);color:#000;font-size:13px;column-gap:4px}.link-wrap:hover,.link-wrap:focus{text-decoration:underline;color:var(--button-color)}@media screen and (min-width: 320px) and (max-width: 479px){.special-section{background-image:url(/goit-bc50-html-css-project/assets/mobile-rectangle-74dac71f.svg);background-repeat:no-repeat;background-position:bottom center;background-size:100% 100%;height:auto;padding-top:42px;padding-bottom:72px}}@media screen and (min-width: 480px) and (max-width: 767px){.special-section{background-image:url(/goit-bc50-html-css-project/assets/mobile-second-rectangle-97f183fb.svg);background-size:100% 100%;height:auto;padding-top:0}.special-title,.special-general-text,.special-item-title,.special-item-text{max-width:280px}.special-bottom-wrap{justify-content:center}}@media screen and (min-width: 768px) and (max-width: 1279px){.special-section{padding-bottom:88px;background-image:url(/goit-bc50-html-css-project/assets/tablet-services-bg-c05c286c.svg);background-repeat:no-repeat;background-size:100% 100%}.special-image{width:705px;height:auto}.special-content-wrap{align-items:flex-start}.special-title{max-width:526px;margin-bottom:20px;font-size:42px;line-height:1.16}.special-general-text{max-width:500px}.special-list{display:flex;flex-wrap:wrap;column-gap:80px}.special-item:last-child{max-width:252px}.special-item-text{max-width:288px}}@media screen and (min-width: 1280px){.special-section{padding-top:231px;padding-bottom:43px;background-image:url(/goit-bc50-html-css-project/assets/desk-background-ab15b3aa.svg);background-size:100% 824px;background-repeat:no-repeat}.special-images-wrap{flex-shrink:0}.special-wrap{display:flex;align-items:center;flex-direction:row;justify-content:center;column-gap:90px}.special-image{width:505px;height:auto;margin-bottom:0}.special-content-wrap{align-items:flex-start}.special-list{display:flex;flex-wrap:wrap;column-gap:67px}.special-title{max-width:526px;font-size:42px;line-height:1.2}.special-general-text{max-width:490px;margin-bottom:40px;font-size:16px;line-height:1.5}.special-item-text{max-width:253px;line-height:1.5}.link-wrap{display:none}}.favorites_title{font-weight:700;font-size:28px;line-height:1.17;text-align:center;color:var(--text-color);margin:0 auto 20px}.favorites_sub_title{font-weight:400;font-size:14px;line-height:1.14;text-align:center;color:var(--text-color);margin:0 auto 60px}.favorites_list{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.favorites_item{display:flex;align-items:center;justify-content:center;width:100%}.favorites_links{display:flex;align-items:center;justify-content:center;height:282px;width:280px;background:var(--background-color);border:11px solid var(--main-color);border-radius:50%;transition:border-color var(--transition-duration-and-fun)}.favorites_links:hover,.favorites_links:focus{border-color:var(--button-color);cursor:pointer}.zoom_img{scale:1;transition:scale var(--transition-duration-and-fun)}.favorites_links:hover .zoom_img,.favorites_links:focus .zoom_img{scale:1.1;transition:scale var(--transition-duration-and-fun)}.favorites_img{width:224px;border-radius:50%;height:224px}.favorites_hidden{display:none}.scrollup_link{position:fixed;right:30px;bottom:30px}.upward{position:fixed;bottom:-100px;right:10px;width:40px;height:40px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB4klEQVR4nO2Y30vDMBDHb4iCiAgyEKSgTeIGQ/ShKDPJLOL2MBgobAN/MP8vXwVfuqadvvnXTaq4SUHX27q1G/eBQB/KJd/mkvv2AAiCIAiCIAiCIAiCINKm5pVsHYhuNKJnWGWUOTpVhj/9HpfGPoMhFGCVcJ6ddenzq7jYn6F9u17xKhuwCshBeVv2+c1fYkeiQ35b99gOLDNyUN7Xht1NEjsSHbB71wgLlhEd2CXt815SseP05r0Lw45hWeh6sFYLucQKjQ8Z2rUoFuSZqmdtqoA1ZxU72u2+3Wq87G1BHnFfS0VtRCeRECM6mHfd91IR8oQbHhwqnz1gdg2TDdKIRxkIDnk1EyrhucSe90xNijPBTGBuXsyNnolJkQnNxHcKJ6utmJq9UJMi57gw1IdchEnRmNQL2fU0qZfmUZmaLC6XWS7DmahmWD5Q5S4QrcbHyWwmpepZu9K321kahIWt4dwIK9qxRGkVsGaUCTAnsFkWrR09iUz6VX2mFmHyozmiuRKJ9u02egKV1Q2ZUqVAB1YpmIksvQA6qMp5K2aSSUEHVCmaiXnxn0lBB9Ox/1XtcSeX7dQhFHTInXh5QsdxjbC+GuZGdJahYV57Gzf4pypLBEEQBEEQBEEQBEHAyvAJtiuqTNrEjT8AAAAASUVORK5CYII=);background-size:cover;background-color:transparent;cursor:pointer;visibility:hidden;opacity:0;transform:translateY(-1500);transition-duration:.5s;scale:1;z-index:1}.upward:hover{scale:1.1}.upward.active{bottom:40px;visibility:visible;opacity:1}@media screen and (min-width: 480px){.favorites_title{width:280px}.upward{right:20px;width:40px;height:40px}}@media screen and (min-width: 768px){.favorites_list{flex-direction:row;flex-wrap:wrap;gap:32px}.favorites_item{width:336px;height:338px}.favorites_hidden{display:flex}.favorites_links{width:336px;height:338px;border:14px solid var(--main-color)}.favorites_img{width:267px;height:267px}.favorites_title{width:656px;font-weight:700;font-size:42px;line-height:1.04}.favorites_sub_title{width:656px;font-weight:400;font-size:16px;line-height:1.18}.upward{right:15px;width:40px;height:40px}}@media screen and (min-width: 1280px){.favorites_list{gap:31px}.favorites_item{width:395px;height:397px}.favorites_links{width:395px;height:397px;border:16px solid var(--main-color)}.favorites_img{width:315px;height:315px}.upward{right:40px;width:50px;height:50px}}.review{background-image:url(/goit-bc50-html-css-project/assets/bg-review-mob-320-ef4f1382.svg);background-repeat:no-repeat;background-position:bottom center;background-size:100% 100%}.review-title{margin-bottom:20px;text-align:left;color:var(--text-color);font-family:Roboto;font-size:28px;font-weight:700;font-style:normal;line-height:1.18}.review-icon{fill:var(--main-color)}.review-description{margin-bottom:32px;color:var(--text-color);font-size:14px;line-height:1.14}.review-card-boy{display:flex;flex-direction:column;width:280px;height:247px;margin-right:auto;margin-bottom:24px;margin-left:auto;padding-right:8px;padding-left:8px;transition:box-shadow var(--transition-duration-and-fun);border-radius:0 30px 30px;background-color:var(--background-color)}.review-card-girl{display:flex;flex-direction:column;width:280px;height:228px;margin-right:auto;margin-left:auto;padding-right:8px;padding-left:8px;transition:box-shadow var(--transition-duration-and-fun);border-radius:0 30px 30px;background-color:var(--background-color)}.review-card-boy:hover,.review-card-girl:hover,.review-card-boy:focus,.review-card-girl:focus{box-shadow:0 4px 4px #00000040,0 4px 4px #00000040,0 4px 4px #00000040}.review-rate{display:flex;margin-top:8px}.review-star{margin-right:4px}.review-text{display:flex;margin-top:28px;margin-bottom:40px;color:var(--text-color);font-size:16px;font-weight:700;line-height:1.19}.review-photo{margin-right:16px}.review-footer{display:flex}.review-name{margin-bottom:2px;color:var(--text-color);font-size:14px;font-weight:500;line-height:1.5}.review-position{color:var(--text-color);font-size:14px;font-weight:400;line-height:1.5}.review-card-description{position:relative}.review-card-description:after{position:absolute;top:-5px;right:-16px;display:block;width:.85px;height:52px;content:"";border-radius:.425px;background-color:var(--dark-color)}@media screen and (min-width: 480px){.review{background-image:url(/goit-bc50-html-css-project/assets/bg-review-mob-480-e882b045.svg)}}@media screen and (min-width: 480px) and (max-width: 767px){.review-title,.review-description{width:280px;margin-left:auto;margin-right:auto}}@media screen and (min-width: 768px){.review{padding-top:60px;padding-bottom:120px;background-image:url(/goit-bc50-html-css-project/assets/bg-review-tab-e3d6b82b.svg)}.review-title,.review-description{width:100%}.review-title{font-size:42px;line-height:1.17}.review-description{margin-bottom:32px;font-size:16px;line-height:1.19}.review-card-list{display:flex;row-gap:32px}.review-card-boy,.review-card-girl{width:336px;height:244px;margin-right:0;margin-left:0;padding-right:0;padding-left:0}.review-card-boy{margin-right:32px}.review-rate{margin-top:12px;margin-left:12px}.review-text{display:flex;margin:28px 8px 40px 12px;font-size:18px;font-weight:700;line-height:1.17}.review-card-description:after{width:1px;height:52px}.review-photo{margin-left:8px}}@media screen and (min-width: 1280px){.review{background-image:url(/goit-bc50-html-css-project/assets/bg-review-desk-4dad3503.svg);padding-top:100px}.review-title,.review-description{width:100%}.review-title,.review-description{margin-left:1px}.review-rate{margin-left:14px;margin-top:14px}.review-card-boy,.review-card-girl{width:501px;height:227px;margin-left:0;margin-right:139px;margin-bottom:24px}.review-card-list{margin-left:1px}.review-text{margin-left:14px}.review-footer{margin-left:4px}}.subscribe{width:100%;padding-top:52px;padding-bottom:60px}.subscribe-wrap{position:relative;display:flex;justify-content:center}.subscribe-box{width:100%}.subscribe-title{margin-bottom:20px;color:var(--text-color);font-size:28px;font-weight:700;line-height:1.2}.subscribe-inner{width:100%}.subscribe-text{margin-bottom:40px;color:var(--text-color);font-size:14px;line-height:calc(16 / 14)}.cubscribe-form{position:relative;display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:space-between;gap:20px}.subscribe-input{width:100%;display:block;padding:12px 11px;transition:color var(--transition-duration-and-fun);text-transform:capitalize;color:var(--text-color);border:.854167px solid var(--main-color);border-radius:30px;outline:transparent;font-family:Roboto;font-size:12px;font-weight:500}.subscribe-input::placeholder{color:#505050;font-size:12px;line-height:1.5}.subscribe-input:valid{border:.854167px solid var(--dark-color)}.subscribe-input:invalid:not(:placeholder-shown){border:.854167px solid var(--warning-color)}.subscribe-error{position:absolute;top:41px;left:0;display:inline-flex;align-items:center;opacity:0;color:var(--warning-color);font-size:10px;line-height:1.5}.subscribe-error:before{width:12px;height:12px;margin-right:4px;content:"";background-image:url(/goit-bc50-html-css-project/assets/warning-9f4ede53.svg)}.subscribe-input:invalid:not(:placeholder-shown):not(:focus-visible)+.subscribe-error{opacity:1}.subscribe-button{display:block;margin-left:auto;padding:11px 22px;transition:background-color var(--transition-duration-and-fun)}.subscribe-input:invalid:not(:placeholder-shown)~.subscribe-button{border:.854167px solid var(--warning-color);cursor:no-drop}.subscribe-button:hover,.subscribe-button:focus{background-color:var(--main-color)}.subscribe-img{position:absolute;top:-17px;justify-content:center;width:163px;height:78px;transform:translateY(-100%)}@media screen and (min-width: 480px){.subscribe-inner{width:100%}.subscribe-box{width:280px}}@media screen and (min-width: 768px){.subscribe{padding-top:82px;padding-bottom:100px}.subscribe-wrap{justify-content:flex-end}.subscribe-box{width:656px}.subscribe-title{width:100%;font-size:42px;line-height:calc(49 / 42)}.subscribe-inner{width:520px}.subscribe-text{margin-bottom:24px;font-size:16px;line-height:1.5}.cubscribe-form{flex-wrap:nowrap;gap:22px}.subscribe-img{top:-20px;justify-content:end;width:281px;height:136px}}@media screen and (min-width: 1280px){.subscribe{position:relative;padding-top:0;top:-47px;padding-bottom:17px}.subscribe-wrap{align-items:center;justify-content:space-between}.subscribe-title{line-height:1.2}.subscribe-inner{width:532px}.cubscribe-form{display:flex;align-items:start;flex-wrap:nowrap;justify-content:flex-start;gap:32px}.subscribe-input{width:395px}.subscribe-img{position:relative;top:0;width:547px;height:267px;transform:none}}.footer-block{width:100%;box-shadow:0 4px 24px #6969691a;background-image:url(/goit-bc50-html-css-project/assets/footer-mobile-1-4c572672.png),url(/goit-bc50-html-css-project/assets/footer-mobile-orang-1128163f.png),url(/goit-bc50-html-css-project/assets/footer-mobile-apple-da3f408b.png);background-position:bottom 0 right 50%,bottom 360px right 0,bottom 370px left 0;background-size:253px,100px,120px;background-repeat:no-repeat}@media (min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.footer-block{background-image:url(/goit-bc50-html-css-project/assets/footer-mobile-1@2x-2267e608.png),url(/goit-bc50-html-css-project/assets/footer-mobile-orang@2x-99002e79.png),url(/goit-bc50-html-css-project/assets/footer-mobile-apple@2x-623f3bc1.png)}}.footer-block{padding-top:60px;padding-bottom:60px}.footer-wraper{display:flex;justify-content:space-between}.footer-nav{margin-right:101px}.footer-nav-menu{font-weight:500;font-size:14px;line-height:1.5;color:var(--text-color)}.footer-nav-menu-item{margin-bottom:20px}.footer-subscribe{margin-top:40px}.block-subscribe-text{font-weight:500;font-size:14px;line-height:150%;color:var(--text-color);margin-bottom:12px}.footer-subscribe-text{font-weight:500;font-size:14px;line-height:1.5;color:var(--text-color)}.footer-subscribe-link{font-weight:400;font-size:10px;line-height:1.2;text-decoration-line:underline;color:var(--dark-color)}.footer-form{position:relative}.footer-subscribe-input{justify-content:center;color:#757575;background-color:#fefefe;width:100%;height:42px;margin-bottom:20px}.footer-error{top:42px}.footer-submit-button{display:flex;justify-content:center;align-items:center;margin-left:0;margin-right:auto;padding:8px 22px;transition:border var(--transition-duration-and-fun)}.footer-submit-button:hover,.footer-submit-button:focus{border:.85px solid var(--main-color)}.footer-subscribe-text{margin-right:0;margin-top:24px;font-weight:400;font-size:10px;line-height:1.2;color:var(--text-color)}.footer-polici{font-weight:400;font-size:10px;line-height:1.5;color:var(--text-color);margin-top:20px}.footer-polici-link{font-weight:400;font-size:10px;line-height:12px;text-decoration-line:underline;color:var(--dark-color)}.footer-list{margin:60px auto 40px;font-weight:400;font-size:10px;line-height:1.2;text-decoration-line:underline;color:var(--dark-color);display:flex;justify-content:space-between}.footer-text{text-align:center;font-weight:400;font-size:10px;line-height:1.2;color:var(--text-color)}@media screen and (min-width: 480px){.footer-container{width:320px}.footer-block{min-width:320px}.footer-subscribe{width:280px}}@media screen and (min-width: 768px){.footer-container{width:734px}.footer-block{max-height:506px;background-image:url(/goit-bc50-html-css-project/assets/kapli-smile-19ef08aa.png),url(/goit-bc50-html-css-project/assets/manzana-2216720c.png),url(/goit-bc50-html-css-project/assets/footer-part-orange-41af2724.png),url(/goit-bc50-html-css-project/assets/kapli-c41141c0.png),url(/goit-bc50-html-css-project/assets/banan-97f3d44e.png),url(/goit-bc50-html-css-project/assets/footer-part-apple-a05ac96f.png),url(/goit-bc50-html-css-project/assets/footer-mobile-orang-1128163f.png);background-position:bottom 0 left 100px,bottom 0 right 65%,bottom 0 left -10px,bottom 0 right 110px,bottom 0 right 45%,bottom 0 right 0,bottom 141px right 0px;background-size:168px,140px,140px,168px,180px,150px,150px;background-repeat:no-repeat}@media (min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.footer-block{background-image:url(/goit-bc50-html-css-project/assets/kapli-smail@2x-986ae045.png),url(/goit-bc50-html-css-project/assets/manzana@2x-cf83eeac.png),url(/goit-bc50-html-css-project/assets/footer-part-orange@2x-1be784f4.png),url(/goit-bc50-html-css-project/assets/kapli@2x-60bab3f9.png),url(/goit-bc50-html-css-project/assets/banan@2x-a6c8bfa4.png),url(/goit-bc50-html-css-project/assets/footer-part-apple@2x-c98d84e5.png),url(/goit-bc50-html-css-project/assets/footer-mobile-orang@2x-99002e79.png)}}.footer-nav-menu{display:flex;gap:28px;margin-left:114px;margin-right:233px}.footer-logo{margin-bottom:40px}.footer-subscribe{width:656px}.footer-subscribe-input{width:279px;margin-right:13px}.footer-submit-button{width:103px;height:42px;margin-left:0;padding:11px 22px}.footer-form{display:flex}.footer-subscribe-text{margin-top:12px}.footer-block-second{display:flex;align-items:center;width:100%;margin-top:100px;margin-bottom:100px}.footer-list{margin:0;justify-content:flex-start;gap:20px}.footer-text{display:flex;flex-shrink:0;margin-left:236px}@media screen and (min-width: 1280px){.footer-container{width:1278px}.footer-block{max-height:395px;background-image:url(/goit-bc50-html-css-project/assets/big-kapli-e97db859.png),url(/goit-bc50-html-css-project/assets/big-orange-6678655c.png),url(/goit-bc50-html-css-project/assets/banan-97f3d44e.png),url(/goit-bc50-html-css-project/assets/kapli-smile-19ef08aa.png),url(/goit-bc50-html-css-project/assets/aple-065adab1.png),url(/goit-bc50-html-css-project/assets/kapli-2-1fe38a0e.png),url(/goit-bc50-html-css-project/assets/manzana-2216720c.png),url(/goit-bc50-html-css-project/assets/naranja-2c72b51a.png);background-position:50% 100%,50% 100%,66% 100%,28% 100%,87% 100%,78% 100%,34% 100%,18% 100%;background-size:570px,380px,232px,182px,181px,178px,163px,196px;background-repeat:no-repeat}@media (min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.footer-block{background-image:url(/goit-bc50-html-css-project/assets/big-kapli@2x-5c879886.png),url(/goit-bc50-html-css-project/assets/big-orange@2x-6c64ae14.png),url(/goit-bc50-html-css-project/assets/banan@2x-a6c8bfa4.png),url(../img/foto_footer/destop/kapli-smaile@2x.png),url(/goit-bc50-html-css-project/assets/aple@2x-56ffbf2c.png),url(/goit-bc50-html-css-project/assets/kapli-2@2x-e33c83a5.png),url(/goit-bc50-html-css-project/assets/manzana@2x-cf83eeac.png),url(/goit-bc50-html-css-project/assets/naranja@2x-35bec982.png)}}.footer-block-first{display:flex;justify-content:space-between;padding-top:0}.footer-subscribe{width:395px;display:flex;flex-direction:column;margin-top:0;margin-left:auto}.footer-text{margin-left:auto}.footer-nav,.footer-submit-button{margin-right:0}}}.backdrop{position:fixed;width:100%;height:100%;left:0px;top:0px;background:rgba(94,99,99,.7);transition:var(--transition-duration-and-fun);z-index:100}.modal{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);padding:32px;width:100%;height:449px;background:var(--main-color);box-shadow:0 4px 4px #0000000f;border-radius:30px}.modal-close-btn{position:absolute;right:0;top:0;transform:translate(-16px,16px);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--background-color);box-shadow:0 4px 4px #0000000f;border-radius:50%;border:none}.modal-title{font-weight:700;font-size:24px;line-height:120%;color:var(--text-color);text-align:center}.input-wrap{position:relative}.form-label{margin-left:14px;margin-bottom:2px;font-weight:500;font-size:16px;line-height:140%}.modal-input{width:100%;height:48px;background:#ffffff;border:1px solid rgba(18,18,18,.12);box-shadow:inset 0 2px 4px #00000026;border-radius:30px;outline:none;padding:12px 14px;margin-bottom:24px}.modal-input.last{margin-bottom:0}.submit-button{display:block;width:106px;height:40px;margin-top:32px;margin-left:auto;margin-right:auto;background:var(--background-color);border:2px solid var(--dark-color);border-radius:30px;font-weight:500;font-size:13px;line-height:150%}.modal-input::placeholder{font-weight:400;font-size:16px;line-height:20px;color:#c4c4c4}.modal-input:valid{border:1px solid var(--dark-color)}.modal-input:invalid:not(:placeholder-shown){border:1px solid #ff705d}.name-error{opacity:0;position:absolute;left:30px;top:108px;transform:translate(14px,48px);display:inline-flex;align-items:center;font-size:10px;line-height:1.5;color:#ff705d}.name-error:before{content:"";background-image:url(/goit-bc50-html-css-project/assets/warning-9f4ede53.svg);margin-right:4px;width:12px;height:12px}.phone-error{opacity:0;position:absolute;left:30px;top:204px;transform:translate(14px,48px);display:inline-flex;align-items:center;font-size:10px;line-height:1.5;color:#ff705d}.phone-error:before{content:"";background-image:url(/goit-bc50-html-css-project/assets/warning-9f4ede53.svg);margin-right:4px;width:12px;height:12px}.email-error{opacity:0;position:absolute;left:30px;top:300px;transform:translate(14px,48px);display:inline-flex;align-items:center;font-size:10px;line-height:1.5;color:#ff705d}.email-error:before{content:"";background-image:url(/goit-bc50-html-css-project/assets/warning-9f4ede53.svg);margin-right:4px;width:12px;height:12px}.modal-input:not(:focus):not(:placeholder-shown):invalid+.name-error{opacity:1}.modal-input:not(:focus):not(:placeholder-shown):invalid+.phone-error{opacity:1}.modal-input:not(:focus):not(:placeholder-shown):invalid+.email-error{opacity:1}.order-form:valid .submit-button{background-color:var(--button-color)}.modal-input:invalid:placeholder-shown~.submit-button{border-color:var(--dark-color);cursor:not-allowed}.modal-input:invalid:not(:placeholder-shown)~.submit-button{border-color:#ff705d;opacity:.5;cursor:not-allowed}.message{position:absolute;top:73%;left:32%;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-duration-and-fun)}.message-text{position:absolute;color:var(--background-color);font-weight:500;font-size:14px;line-height:16px;text-align:center}.order-form:invalid .submit-button:hover+.message{opacity:1}@media screen and (min-width: 480px){.modal{width:458px}.modal-input{width:394px}}:root{font-family:Roboto,sans-serif;font-size:16px;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}