h1,h2,h3,h4,h5,h6,p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}.hidden{display:none}.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}.container{animation:rubberBand;animation-duration:2s;min-width:320px;max-width:375px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}.redline{outline:2px solid red}.greenline{outline:2px solid green}.blackline{outline:2px solid black}@media screen and (min-width: 768px){.container{max-width:768px;padding:0 32px}}@media screen and (min-width: 1440px){.container{max-width:1440px;padding:0 60px}}.header{background-color:var(--color-light-blue);padding:28px 0}@media only screen and (min-width: 768px){.header{padding:28px 0 27px}}@media only screen and (min-width: 1440px){.header{padding:34px 0}}.header-container{display:flex;align-items:center;justify-content:space-between}@media only screen and (min-width: 1440px){.header-container{display:block}}@media only screen and (min-width: 1440px){.header-navigation{display:flex;align-items:center;justify-content:space-between}}.header-logo{min-height:16px;min-width:100px;display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 768px){.header-logo{min-width:127px}}.header-svg{stroke:var(--color-blue);fill:var(--color-blue)}@media only screen and (min-width: 768px){.header-svg{min-height:16px;min-width:127px}}.header-navigation-list{display:none}@media only screen and (min-width: 1440px){.header-navigation-list{display:flex;gap:30px}}.header-navigation-link{font-weight:400;font-size:18px;line-height:1.5;color:var(--color-blue)}.menu-toggle{background-color:transparent;border:none;padding:0;line-height:0}@media only screen and (min-width: 1440px){.menu-toggle{display:none}}.header-menu-svg{stroke:var(--color-blue)}@media only screen and (min-width: 768px){.header-menu-svg{min-width:40px;min-height:40px}}@keyframes heartbeat{0%{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}10%{transform:scale(.91);animation-timing-function:ease-in}17%{transform:scale(.98);animation-timing-function:ease-out}33%{transform:scale(.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}.heartbeat{animation:heartbeat 2s ease-in-out infinite both}.hero-title{max-width:300px;color:var(--blue-font, #0a224a);font-family:var(--secondary-font);font-size:28px;font-style:normal;font-weight:400;text-transform:uppercase;margin-bottom:14px}.hero-text{max-width:300px}.hero-button{width:224px;padding:17px 65px;justify-content:center;align-items:center;float:left;margin-top:36px;gap:6px;background:var(--blue-font, #0a224a);height:50px;color:var(--white, #fff);font-size:18px;line-height:1.33;border:none}.hero-button:hover,.hero-button:focus{background-color:var(--color-hover, #061835)}.hero-container{background-repeat:no-repeat;padding-top:140px}@media screen and (min-width: 320px){.hero-container{align-items:center;height:716px;width:766px;background-image:url(/AllAboutCode/assets/hero-mob-539b87d3.jpg)}@media (min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero-container{align-items:center;background-size:contain;background-image:url(/AllAboutCode/assets/hero-mob-2x-da536519.jpg)}}}@media screen and (min-width: 768px){.hero{padding-top:60px;padding-bottom:170px}.hero-container.container{padding-left:0;padding-right:0}.hero-container{padding-top:60px;align-items:center;height:531px;width:688px;background-image:url(/AllAboutCode/assets/hero-tab1-17a8c5dd.jpg),url(/AllAboutCode/assets/hero-tab2-6b434ab6.jpg);background-position:left bottom,right bottom;background-size:43%,51%}@media (min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero-container{background-image:url(/AllAboutCode/assets/hero-tab1-2x-97f8b985.jpg),url(/AllAboutCode/assets/hero-tab2-2x-eaae40fe.jpg);background-position:left bottom,right bottom}}.hero-title{max-width:648px;font-size:50px}}@media screen and (min-width: 768px) and (max-width:1399px){.hero-text{max-width:312px;padding-top:400px;font-size:18px;float:left}}@media screen and (min-width: 1440px){.hero-text{max-width:312px;padding-top:225px;font-size:18px;float:right}}@media screen and (min-width: 1440px){.hero-container{padding-top:0;align-items:center;height:530px;width:1320px;background-image:url(/AllAboutCode/assets/hero1-2cbc462a.jpg),url(/AllAboutCode/assets/hero2-f4d48f11.jpg),url(/AllAboutCode/assets/hero3-1892f471.jpg);background-position:left bottom,center bottom,right top;background-size:23.5%,50%,23.5%}@media (min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero-container{background-image:url(/AllAboutCode/assets/hero1-2x-316c1a16.jpg),url(/AllAboutCode/assets/hero2-2x-7fa25620.jpg),url(/AllAboutCode/assets/hero3-2x-e457798b.jpg)}}}.section-about h1,.section-about h2{background-color:var(--color-light-blue)}.about{margin:64px 0;background-color:var(--color-light-blue)}.about-subtitle{position:relative;color:var(--color-blue);font-size:16px;font-weight:400;line-height:1.5;margin-bottom:30px;padding-left:50px}.about-subtitle:before{content:"";position:absolute;display:block;width:30px;height:1px;flex-shrink:0;background-color:var(--color-blue);left:0;top:50%;transform:translateY(-50%)}.about-title{color:var(--color-blue);font-size:28px;font-weight:400;line-height:1.5;text-transform:uppercase;margin-bottom:30px}.about-text{color:var(--color-blue);font-size:16px;font-weight:400;line-height:1.5}.about-list .about-text{text-align:center;width:170px}.about-list{margin-top:30px;display:flex;gap:30px;flex-direction:column}.about-item{display:flex;flex-direction:column;align-items:center;gap:14px}.about-img{flex-shrink:0;padding:0}.about-list-title{color:var(--color-blue);text-align:center;font-size:50px;font-weight:400;line-height:1.5;text-transform:uppercase;width:170px}@media screen and (max-width: 374px){.about{margin:64px 0}.about-title{font:22px}.about-text{font:12px}}@media screen and (min-width: 375px){.about-title,.about-text{width:343px}}@media screen and (min-width: 768px){.about{margin-left:0;margin-right:0;margin-bottom:30px;padding:36px 64px}.about-title{font-size:32px;line-height:1.4;width:576px}.about-text{font-size:18px;width:576px}.about-list{flex-direction:row;justify-content:space-between;gap:0}.about-img{display:flex;justify-content:center;flex-shrink:0}}@media screen and (min-width: 1440px){.section-about .container{display:flex;gap:24px}.about{margin-top:20px;margin-bottom:20px;padding:36px 69px 34px}.about-img{max-width:536px}.about-title,.about-text{width:622px}}.price{max-width:100%;padding-top:64px}.price-list{display:flex;flex-direction:column;border-top:.5px solid var(--blue-font, #0A224A);border-bottom:.5px solid var(--blue-font, #0A224A)}.price-item{display:flex;flex-direction:row;justify-content:space-between;padding-top:30px;padding-bottom:30px;border-top:.5px solid var(--blue-font, #0A224A);border-bottom:.5px solid var(--blue-font, #0A224A)}.price-text-name{color:var(--blue-font, #0A224A);font-size:28px;font-weight:400;text-transform:uppercase;position:relative;display:inline-block;overflow:hidden}.price-text-money{color:var(--blue-font, #0A224A);font-size:16px;font-weight:700;line-height:1.5;text-align:right;margin-top:9px}@media screen and (min-width: 768px){.price{padding-top:100px}.price-text-name{font-size:32px}.price-text-money{font-size:18px}}@media screen and (min-width: 1440px){.price-container{width:1096px;margin-left:112px}.price-item{position:relative;padding-left:20px;cursor:pointer;transition:padding-left .5s ease}.price-item:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:100px;height:3px;opacity:0;transition:opacity .3s ease;background-color:red}.price-item:hover{padding-left:120px}.price-item:hover:before{opacity:1}}#our-products{padding-top:100px}.our-products-label{font-family:var(--primary-font);font-size:28px;font-style:normal;font-weight:400;line-height:42px;text-align:center;text-transform:uppercase;color:#0a224a;margin-bottom:33px}.products-list{align-items:center;display:inline-flex;gap:24px}.product-paragraph{color:var(--blue-font, #0A224A);font-family:var(--primary-font);font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin-top:16px}@media (max-width: 767px){.product-item:not(:first-child){display:none}}@media (min-width: 376px) and (max-width: 1439px){.product-item:nth-child(n+3){display:none}.products-list{gap:16px}.product-paragraph{font-size:18px;line-height:27px}}@media (min-width: 768px){.product-paragraph{font-size:18px;line-height:27px}.our-products-label{font-size:32px;line-height:45px}}.bestsellers{max-width:100%;padding-top:64px;padding-bottom:64px}.bestsellers-title{color:var(--blue-font, #0A224A);font-size:28px;font-weight:400;line-height:42px;text-transform:uppercase;text-align:center;margin-bottom:21px}.left-part{margin-bottom:30px}.bestsellers-text-cont{margin-top:14px}.bestsellers-list{list-style:none;display:flex;flex-wrap:wrap;gap:30px}.bestsellers-text{color:var(--blue-font, #0A224A);font-size:16px;font-weight:400;line-height:24px;margin-bottom:10px}.bestsellers-price{color:var(--blue-font, #0A224A);font-size:16px;font-weight:700;line-height:24px}@media screen and (min-width: 320px){.no-mob{display:none}}@media screen and (min-width: 768px){.container{max-width:768px;padding:0 32px}.bestsellers{padding-top:100px;padding-bottom:100px}.bestsellers-title{font-size:32px}.bestsellers-text,.bestsellers-price{font-size:18px}.bestsellers-list{display:flex;flex-wrap:wrap;gap:32px 20px}.bestsellers-item{flex-basis:calc((100% - 20px)/2)}.no-mob{display:flex;flex-direction:column}}@media screen and (min-width: 1440px){.container{max-width:1440px;padding:0 60px}.bestsellers-container{width:1216px}.best-cont{display:flex;gap:24px}.left-part{margin:0}.bestsellers-list{display:flex;flex-wrap:wrap;gap:30px 20px}.bestsellers-list{margin:0}.bestsellers-item{flex-basis:calc((100% - 20px)/2)}.right-part{width:709px}}.clients-reviews{background-color:var(--color-light-blue);padding-top:36px;padding-bottom:36px}.cl-rev-title{font-size:28px;font-weight:400;line-height:1.5;text-transform:uppercase;text-align:center;margin-bottom:30px}.cl-rev-list{display:flex}.cl-rev-item{background-color:var(--color-white, #ffffff);width:100%;margin-left:0;margin-right:auto;padding:24px}.cl-rev-item:not(:nth-child(-n + 1)){display:none}.cl-rev-wrap{display:flex;flex-wrap:wrap;gap:14px;align-content:center;align-items:center;margin-bottom:24px}.client{height:28px;font-size:17px;font-weight:700;line-height:1.78;text-transform:uppercase;margin-bottom:2px}.term{height:18px;font-size:13px;font-weight:400;line-height:1.29}.client-review{font-size:12px;font-weight:400;line-height:1.67}@media screen and (min-width: 375px){.client-review{font-size:14px;font-weight:400;line-height:1.43;width:296px}.client{height:28px;font-size:18px;font-weight:700;line-height:1.78;text-transform:uppercase;margin-bottom:2px}.term{height:18px;font-size:14px;font-weight:400;line-height:1.29}}@media screen and (min-width: 768px){.cl-rev-title{font-size:32px;line-height:1.41}.client-avatar{width:56px;height:56px}.cl-rev-wrap{margin-bottom:14px}.client{margin-bottom:4px;height:37px;font-size:20px;font-weight:700;line-height:2.25}.term{height:24px;font-size:16px;font-weight:400;line-height:1.5}.cl-rev-list{gap:16px}.cl-rev-item:not(:first-child){display:block}.cl-rev-item:not(:nth-child(-n + 2)){display:none}.cl-rev-item{width:calc((100% - 16px)/2)}.client-review{font-size:18px;font-weight:400;line-height:1.5;width:296px}}@media screen and (min-width: 1440px){.client-avatar{width:56px;height:56px}.cl-rev-wrap{margin-bottom:16px}.client{margin-bottom:4px;height:37px;font-size:20px;font-weight:700;line-height:2.25}.term{height:24px;font-size:16px;font-weight:400;line-height:1.5}.cl-rev-list{gap:23px}.cl-rev-item{padding:32px}.cl-rev-item:not(:nth-child(-n + 2)){display:block}.client-review{font-size:18px;font-weight:400;line-height:1.5;width:360px}}.newsletter{padding-top:64px;padding-bottom:64px;max-width:100%}.newsletter-form-wrap{max-width:100%;margin-bottom:30px}.newsletter-title{margin-top:0;margin-bottom:20px;font-size:28px;font-weight:400;line-height:1.5;text-align:center;text-transform:uppercase;color:var(--blue-font, #0a224a)}.newsletter-text{margin-bottom:30px;width:100%;font-size:16px;line-height:1.5}.newsletter-form{display:flex;flex-direction:column}.newsletter-name-wrap{position:relative;margin-bottom:20px}.newsletter-input{padding:11px 20px;width:100%;height:52px;border:1px solid var(--dark-grey, #b6b6b6);outline:transparent;color:var(--blue-font, #0a224a);font-size:18px;line-height:1.5}.newsletter-input:hover,.newsletter-input:focus{border:1px solid var(--blue-font, #0a224a)}.newsletter-input::placeholder{color:var(--grey, #d9d9d9);font-size:16px;line-height:1.5}.newsletter-email-wrap{position:relative;margin-bottom:20px}.newsletter-error-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);opacity:0}.newsletter-input:invalid:focus{color:#e74a3b;border:1px solid #e74a3b}.newsletter-input:invalid:focus+.newsletter-error-icon{opacity:1}.newsletter-check-text{margin-bottom:32px;color:#7a7a7a;font-size:16px;line-height:1.5}.newsletter-check-text span{width:25px;height:25px;border:1px solid var(--dark-grey, #b6b6b6);margin-right:8px;display:inline-flex;align-items:center;justify-content:center;fill:transparent}.newsletter-check:checked+.newsletter-check-text span{background-color:var(--blue-font, #0a224a);border:none;fill:var(--white, #fff)}.newsletter-submit-btn{width:224px;padding:17px 65px;justify-content:center;align-items:center;float:left;background:var(--blue-font, #0a224a);height:50px;color:var(--white, #fff);font-size:18px;line-height:1.33;border:none}.newsletter-submit-btn:hover,.newsletter-submit-btn:focus{background-color:#061835}.newsletter-img-wrap{max-width:100%}@media screen and (min-width: 768px){.newsletter{padding-top:100px;padding-bottom:100px}.newsletter>.container{width:768px}.newsletter-form-wrap{margin-bottom:64px;max-width:536px}.newsletter-title{margin-bottom:30px;font-size:32px;line-height:1.4;text-align:start}.newsletter-text{font-size:18px}.newsletter-input::placeholder{font-size:18px}.newsletter-check-text{margin-bottom:30px;font-size:18px}}@media screen and (min-width: 1440px){.newsletter{padding-top:100px;padding-bottom:86px}.newsletter>.container{width:1440px}.newsletter-container{max-width:1214px;display:flex;gap:100px}.newsletter-form-wrap{margin-bottom:0;width:536px}.newsletter-title{margin-bottom:31px}.newsletter-text{margin-bottom:20px}.newsletter-check-text{margin-bottom:31px}.newsletter-img-wrap{width:460px}}.logo,.nav1,.address,.tel,.tel2,.email,.email2,.nav2,.socials,.footer-using-1,.footer-using-2{color:var(--color-white, #ffffff);padding:0;margin-top:0}.foot{background-color:var(--blue-font, #0a224a);padding-top:36px;padding-bottom:36px}.socials-list{display:flex;gap:16px}.footer-using-1{position:relative;margin-bottom:-4px}.foot>.container-footer{display:flex;gap:30px;margin-bottom:20px}.nav2,.email,.tel2,.email2,.footer-using-2{display:none}.adress{font-size:15px;margin-bottom:36px}.nav1-list{gap:8px;margin-bottom:36px}.footer-work-link,.footer-work{font-style:normal}.footer-using-1{text-align:center;font-size:12px;font-style:normal;font-weight:400;font-size:16px;line-height:1.5}.footer-text{display:block;flex-wrap:wrap;text-align:center;color:var(--color-white, #ffffff);margin-left:16px}.footer-agree{text-decoration-line:underline}@media screen and (min-width: 320px) and (max-width: 375px){.foot{padding-top:16px;padding-bottom:16px}}@media screen and (min-width: 768px){.container-footer{font-size:19px;font-style:normal;font-weight:400;letter-spacing:.19px}.foot>.container-footer{gap:0}.footer-adress-list,.footer-mail{font-size:19px}.nav1{display:none}.nav2,.email{display:block}.nav2{margin-left:120px}.nav2-list{display:flex;flex-wrap:wrap;font-size:18px;gap:24px}.link-work,.footer-adress-list{display:flex;flex-wrap:wrap;gap:24px}.svg-logo-footer{width:127px}.socials-list{gap:16px}.svg-icon-footer{width:40px;height:40px}.socials{margin-left:64px}.footer-work-link{font-size:18px}.address{margin-top:32px;gap:24px}.footer-adress{gap:24px}.tel{margin-top:64px}.email{margin-top:24px;margin-bottom:64px}}@media screen and (min-width: 1440px){.socials-list{display:flex;gap:30px}.logo{margin-bottom:39px}.nav2{margin-left:209px}.nav1,.tel,.email{display:none}.address{display:block}.nav2{margin-left:96px}.tel2-email2-wrap{margin-top:32px;margin-right:82px}.nav2,.tel2,.email2{display:block}.nav2-list{display:flex;gap:30px;font-size:19px;padding:0;margin-top:0}.tel2{margin-top:24px}.email2{margin-top:24px;padding-right:150px}.tel2-email2-wrap{display:flex;gap:30px}}@keyframes roll-out-left{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-1000px) rotate(-540deg);opacity:0}}.menu-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-white);z-index:999;transform:translate(-100%);transition:transform .25s ease-in-out;animation-duration:.5s}.menu-container.is-open{animation-name:rollIn;transform:translate(0)}.menu-container.is-closed{animation:roll-out-left .6s ease-in both}.burger-navigation{padding:28px 16px;line-height:0;align-items:center;display:flex;justify-content:space-between;background:var(--color-light-blue)}@media only screen and (min-width: 375px){.burger-navigation{justify-content:center}}@media only screen and (min-width: 768px){.burger-navigation{padding-top:28px;padding-bottom:27px}}.menu-toggle{min-height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;margin:0;padding:0;background-color:transparent;cursor:pointer;border:none;border-radius:50%;outline:none;font-size:0}@media only screen and (min-width: 375px){.menu-toggle{margin-left:211px}}@media only screen and (min-width: 768px){.menu-toggle{margin-left:537px}}@media (min-width: 1440px){.menu-toggle{display:none}}.modal-svg{fill:var(--color-blue);stroke:var(--color-blue)}@media only screen and (min-width: 768px){.modal-svg{min-height:40px;min-width:40px}}.mobile-menu{padding:8px;margin:114px auto 0;width:109px;list-style:none;display:flex;gap:17px;flex-direction:column}@media only screen and (min-width: 768px){.mobile-menu{padding:7px;margin-top:150px;gap:30px;width:120px}}.mobile-menu-item{color:var(--color-blue);font-size:16px;font-weight:400;text-align:center;font-style:normal}@media only screen and (min-width: 768px){.mobile-menu-item{font-size:18px}}@font-face{font-family:Roboto;src:url(/AllAboutCode/assets/roboto-4e147ab6.ttf) format("truetype");font-family:PlayfairDisplay;src:url(/AllAboutCode/assets/playfairdisplay-d41baaee.ttf) format("truetype");font-display:swap}:root{--color-blue: #0a224a;--color-grey: #7a7a7a;--color-dark-grey: #b6b6b6;--color-gainsboro: #d9d9d9;--color-light-blue: #f7faff;--color-white: #ffffff;--color-hover: #061835;--color-error: #e74a3b;--primary-font: "Roboto", sans-serif;--secondary-font: "PlayfairDisplay", sans-serif}body{color:var(--blue-font, #0a224a);font-family:var(--primary-font);font-size:16px;line-height:1.5}