@font-face{font-family:IDT Sans;src:url(./assets/fonts/idt-sans/IDT_Sans_Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:IDT Sans;src:url(./assets/fonts/idt-sans/IDT_Sans_Normal.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:IDT Sans;src:url(./assets/fonts/idt-sans/IDT_Sans_DemiBold.woff2) format("woff2");font-weight:600;font-style:normal}:root{--black-black: #333;--secondary-secondary: #002540;--white-white: #fff;--gray-dark-1: #f2f2f2;--primary-primary: #0095ff;--light-gray: #f9f9f9;--success-light-2: #e3f3d2;--gray-dark-2: #e5e5e5;--primary-light-1: #69c5ff;--primary-light-2: #cceaff;--warning-light-2: #ffe5bf;--secondary-light-1: #324d6b;--secondary-dark-1: #001829;--primary-dark-1: #0068cb}.body{font-family:IDT Sans,sans-serif}.header-content{display:flex;justify-content:center;flex-direction:column;align-items:center;padding-top:48px}.header-description__text{width:580px;padding-top:8px;color:var(--black-black);font-size:56px;font-weight:600;text-align:center;margin:0}.header-additional-description__text{margin:0;width:770px;padding-top:16px;color:var(--black-black);text-align:center;font-size:24px;font-weight:500}.show-install-guide-button{display:flex;padding:12px 24px;margin-top:24px;justify-content:center;align-items:center;gap:4px;border-radius:8px;cursor:pointer;background:var(--secondary-secondary);border-color:transparent}.show-install-guide-button:hover{background:var(--secondary-light-1)}.show-install-guide-button:active{background:var(--secondary-dark-1)}.show-install-guide-button__text{color:var(--white-white);margin:0;font-size:20px;font-weight:500}.main-image{margin-top:50px}.arrow{margin-top:-75px}.header-additional-description2__text{margin:26px 0 0;width:924px;color:var(--black-black);text-align:center;font-size:42px;font-weight:600}.main-content{margin-top:50px;margin-bottom:100px;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:50px}.step{display:flex;align-items:center;gap:86px;align-self:stretch;justify-content:center}.step-number-and-description{display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;width:530px;justify-content:center}.number-of-step{display:flex;width:54px;padding:4px 12px;justify-content:center;align-items:center;gap:8px;border-radius:8px;background:var(--gray-dark-1);color:var(--primary-primary);font-size:36px;font-weight:600}.step-description__text{margin:0;color:var(--black-black);font-size:38px;font-weight:600}.step-additional-link{display:flex;gap:4px;align-items:center;margin-top:25px}.step-additional-link:hover .step-additional-description__text,.step-additional-link:hover svg path{color:var(--primary-light-1);stroke:var(--primary-light-1)}.step-additional-link:active .step-additional-description__text,.step-additional-link:active svg path{color:var(--primary-dark-1);stroke:var(--primary-dark-1)}.step-additional-description__text{color:var(--primary-primary);font-size:24px;font-weight:600;margin:0;text-decoration:none}.step-image-background{margin:0;width:424px;height:340px;border-radius:30px;position:relative;overflow:hidden}.gradient-1{border:2px solid #ffd0d5;background:linear-gradient(180deg,#ffc3c7 0%,#fef3fb 100%)}.step-1-image{left:38px;top:88px;position:absolute;border-radius:8px;box-shadow:3px 3px 10px #33333329}.arrow-1{left:8px;top:213px;position:absolute;overflow:visible}.step-2-additional-description__text{color:var(--black-black);font-size:24px;font-weight:500;margin-top:12px}.gradient-2{border:2px solid var(--warning-light-2);background:linear-gradient(180deg,#ffd4cb 0%,#fcf5ec 100%)}.step-2-image{position:absolute;left:63px;top:50px;border-radius:8px;box-shadow:4px 4px 14px #33333329}.arrow-2{position:absolute;left:calc(50% - 194px);top:328px;transform:translate(-12px,-113px);overflow:visible}.gradient-3{border:2px solid var(--primary-light-2);background:linear-gradient(180deg,#c6e7ff 0%,#f5fbff 100%)}.step-3-image{position:absolute;left:48px;top:40px;border-radius:8px;box-shadow:4px 4px 14px #33333329}.arrow-3{position:absolute;left:410px;top:86px;transform:translate(-73px);overflow:visible}.gradient-4{border:2px solid var(--gray-dark-2);background:linear-gradient(180deg,#e3e3e3 0%,#fdfdfd 100%)}.arrow-4{position:absolute;left:48px;top:320px;transform:translate(-46px,-151px);overflow:visible}.gradient-5{border:2px solid #d8cfff;background:linear-gradient(180deg,#beb4eb 0%,#efebfc 100%)}.arrow-5{position:absolute;left:calc(50% - 24px);top:341px;transform:translate(-89px,-137px);overflow:visible}.gradient-6{border:2px solid #fdc8f2;background:linear-gradient(180deg,#fdc5f1 0%,#fef8ff 100%)}.step-6-image{position:absolute;left:55px;top:41px;border-radius:8px;box-shadow:4px 4px 14px #33333329}.arrow-6{position:absolute;left:112px;top:148px;transform:translate(-112px,-21px);overflow:visible}.gradient-7{border:2px solid var(--success-light-2);background:linear-gradient(180deg,#d7f8e5 0%,#f5fffa 100%)}.step-7-image{position:absolute;left:23px;top:44px;border-radius:8px;box-shadow:4px 4px 14px #33333329}.star-1{position:absolute;left:108px;top:21px;transform:translate(6px,-7px);overflow:visible}.star-2{position:absolute;left:338px;top:285px;transform:translate(-4px,3px);overflow:visible}.footer{height:192px;display:flex;flex-direction:row;justify-content:center;background:var(--light-gray)}.all-rights-reserved__text{color:var(--black-black);font-size:14px;font-weight:450;margin-top:87px}.social-media-container{margin-left:19.7%;display:flex;flex-direction:row;gap:16px;align-items:flex-end;justify-content:flex-start;margin-top:80px;height:32px}.social-media-icon{transition:fill .2s,stroke .2s}.social-media-icon:hover path{stroke:var(--secondary-light-1)}.social-media-icon:active path{stroke:var(--secondary-dark-1)}.social-media-icon__twitter:hover path{fill:var(--secondary-light-1)}.social-media-icon__twitter:active path{fill:var(--secondary-dark-1)}.footer-links{margin-left:19.7%;display:flex;flex-direction:row;gap:48px;margin-top:87px}.footer-links__text{color:var(--black-black);text-align:right;font-size:14px;font-weight:450;text-decoration:none}.footer-links__text:hover{color:var(--secondary-light-1)}.footer-links__text:active{color:var(--secondary-dark-1)}.slide-from-bottom{opacity:0;transform:translateY(50px);transition:opacity .3s ease,transform .3s ease}
