.n-ix-our-process{position:relative;padding:50px 16px 50px 40px;background-color:#0d1319}@media screen and (min-width: 768px){.n-ix-our-process{padding:64px 20px 64px 66px}}@media screen and (min-width: 1280px){.n-ix-our-process{padding:80px 55px 80px 155px}}@media screen and (min-width: 1920px){.n-ix-our-process{padding:100px 210px 100px 301px}}@media screen and (min-width: 2560px){.n-ix-our-process{padding:120px 210px 120px 301px}}.n-ix-our-process::before{content:"";width:.5px;position:absolute;left:30px;top:0;bottom:0;z-index:2;background-color:#ff6900}@media screen and (min-width: 768px){.n-ix-our-process::before{left:50px}}@media screen and (min-width: 1280px){.n-ix-our-process::before{left:135px}}@media screen and (min-width: 1920px){.n-ix-our-process::before{left:285px}}.n-ix-our-process-container h2{font-family:"Teko";font-weight:500;letter-spacing:.32px;font-size:32px;line-height:32px;text-transform:uppercase}@media(min-width: 768px){.n-ix-our-process-container h2{font-size:48px;line-height:48px}}@media(min-width: 1280px){.n-ix-our-process-container h2{font-size:60px;line-height:60px}}@media(min-width: 1920px){.n-ix-our-process-container h2{font-size:64px;line-height:64px}}@media(min-width: 2560px){.n-ix-our-process-container h2{font-size:72px;line-height:72px}}.n-ix-our-process-container h2.deco-square{position:relative}.n-ix-our-process-container h2.deco-square::after{content:"";width:4px;height:4px;border-radius:1px 0 0 1px;position:absolute;top:3px;left:-14px;background-color:#436c9b}@media screen and (min-width: 768px){.n-ix-our-process-container h2.deco-square::after{width:8px;height:8px;left:-24px}}@media screen and (min-width: 1280px){.n-ix-our-process-container h2.deco-square::after{left:-28px}}@media screen and (min-width: 1920px){.n-ix-our-process-container h2.deco-square::after{left:-24px}}.n-ix-our-process-container .figure{position:absolute;top:56px;left:16px}@media screen and (min-width: 768px){.n-ix-our-process-container .figure{top:90px;left:20px}}@media screen and (min-width: 1280px){.n-ix-our-process-container .figure{top:106px;left:102px}}@media screen and (min-width: 1920px){.n-ix-our-process-container .figure{top:110px;left:210px}}@media screen and (min-width: 2560px){.n-ix-our-process-container .figure{top:130px}}.n-ix-our-process-container .figure-container{position:relative}.n-ix-our-process-container .figure-container .icon{width:24px;height:179px;border-radius:3px 0 0 3px;border-top:1px solid #436c9b;border-left:1px solid #436c9b;border-bottom:1px solid #436c9b;clip-path:polygon(0 0, calc(100% - 10px) 0, calc(100% - 10px) 50%, 100% 50%, 100% 100%, 0 100%)}@media screen and (min-width: 768px){.n-ix-our-process-container .figure-container .icon{width:46px;height:170px;clip-path:polygon(0 0, calc(100% - 16px) 0, calc(100% - 16px) 50%, 100% 50%, 100% 100%, 0 100%)}}@media screen and (min-width: 1280px){.n-ix-our-process-container .figure-container .icon{width:53px;height:200px;clip-path:polygon(0 0, calc(100% - 20px) 0, calc(100% - 20px) 50%, 100% 50%, 100% 100%, 0 100%)}}@media screen and (min-width: 1920px){.n-ix-our-process-container .figure-container .icon{width:91px;height:252px;clip-path:polygon(0 0, calc(100% - 16px) 0, calc(100% - 16px) 50%, 100% 50%, 100% 100%, 0 100%)}}.n-ix-our-process-container .figure-container::before{content:"";width:4px;height:4px;border-radius:1px 0 0 1px;background-color:#436c9b;position:absolute;top:-1px;right:10px}@media screen and (min-width: 768px){.n-ix-our-process-container .figure-container::before{width:8px;height:8px;top:-3px;right:16px}}@media screen and (min-width: 1280px){.n-ix-our-process-container .figure-container::before{right:20px}}@media screen and (min-width: 1920px){.n-ix-our-process-container .figure-container::before{right:16px}}.n-ix-our-process-container .figure-container::after{content:"";width:4px;height:4px;border-radius:1px 0 0 1px;background-color:#436c9b;position:absolute;bottom:-1px;right:0}@media screen and (min-width: 768px){.n-ix-our-process-container .figure-container::after{width:6px;height:6px;bottom:-2px}}@media screen and (min-width: 1920px){.n-ix-our-process-container .figure-container::after{width:8px;height:8px;bottom:-3px}}.n-ix-our-process-container ul{position:relative;list-style-type:none;margin:24px 0 0 0;padding:0;display:grid;grid-template-columns:1fr;grid-auto-rows:minmax(335px, auto);gap:16px}@media screen and (min-width: 480px){.n-ix-our-process-container ul{grid-auto-rows:minmax(255px, auto)}}@media screen and (min-width: 768px){.n-ix-our-process-container ul{margin-top:24px;gap:24px;grid-auto-rows:minmax(295px, auto)}}@media screen and (min-width: 1280px){.n-ix-our-process-container ul{margin-top:40px;grid-template-columns:repeat(2, 1fr);grid-auto-rows:minmax(310px, auto);gap:30px}}@media screen and (min-width: 1920px){.n-ix-our-process-container ul{margin-top:48px;grid-auto-rows:minmax(340px, auto)}}@media screen and (min-width: 2560px){.n-ix-our-process-container ul{margin-top:56px}}.n-ix-our-process-container ul::before{content:"";width:.5px;background-color:#436c9b;position:absolute;top:50px;transform:translateX(-50%);left:50%;bottom:50px}@media screen and (min-width: 1280px){.n-ix-our-process-container ul::before{width:auto;transform:translateX(0);background-color:rgba(0,0,0,0);top:calc(16.6666666667% - 15px);right:calc(25% - 15px);bottom:calc(16.6666666667% - 15px);left:calc(25% - 15px);border:1px solid #436c9b;border-radius:3px}}.n-ix-our-process-container ul li{overflow:hidden;border-radius:3px;background-color:#243445;padding:24px 16px 24px 56px;background-repeat:no-repeat;background-position:center right;background-size:cover;display:flex;flex-direction:column;justify-content:flex-end;transition:.5s;z-index:1}@media screen and (min-width: 768px){.n-ix-our-process-container ul li{padding:50px 32px 50px 88px}}@media screen and (min-width: 1280px){.n-ix-our-process-container ul li{padding:44px 45px 32px 100px}}@media screen and (min-width: 1920px){.n-ix-our-process-container ul li{padding:44px 32px 50px 104px}}@media screen and (min-width: 2560px){.n-ix-our-process-container ul li{padding:48px 40px 64px 112px}}.n-ix-our-process-container ul li:hover h4{font-family:"Teko";font-weight:500;letter-spacing:.32px;font-size:24px;line-height:24px}@media(min-width: 768px){.n-ix-our-process-container ul li:hover h4{letter-spacing:.24px;font-size:28px;line-height:28px}}@media(min-width: 1280px){.n-ix-our-process-container ul li:hover h4{font-size:32px;line-height:32px}}@media(min-width: 1920px){.n-ix-our-process-container ul li:hover h4{font-size:40px;line-height:40px}}@media(min-width: 2560px){.n-ix-our-process-container ul li:hover h4{font-size:48px;line-height:48px}}@media screen and (min-width: 1280px){.n-ix-our-process-container ul li:hover h4 i{font-size:40px}}@media screen and (min-width: 1920px){.n-ix-our-process-container ul li:hover h4 i{font-size:48px}}@media screen and (min-width: 2560px){.n-ix-our-process-container ul li:hover h4 i{font-size:56px}}.n-ix-our-process-container ul li:hover h4::before{height:600px}.n-ix-our-process-container ul li:hover .description{height:100%}.n-ix-our-process-container ul li:first-child{clip-path:polygon(22px 0, 100% 0, 100% 100%, 0 100%, 0 22px)}@media screen and (min-width: 768px){.n-ix-our-process-container ul li:first-child{clip-path:polygon(40px 0, 100% 0, 100% 100%, 0 100%, 0 40px)}}.n-ix-our-process-container ul li:last-child{clip-path:polygon(0 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%)}@media screen and (min-width: 768px){.n-ix-our-process-container ul li:last-child{clip-path:polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%)}}.n-ix-our-process-container ul li h4{position:relative;font-family:"Teko";font-weight:500;letter-spacing:.32px;font-size:28px;line-height:28px;color:#fff;transition:.5s}@media(min-width: 768px){.n-ix-our-process-container ul li h4{letter-spacing:.24px;font-size:32px;line-height:32px}}@media(min-width: 1280px){.n-ix-our-process-container ul li h4{font-size:40px;line-height:40px}}@media(min-width: 1920px){.n-ix-our-process-container ul li h4{font-size:48px;line-height:48px}}@media(min-width: 2560px){.n-ix-our-process-container ul li h4{font-size:56px;line-height:56px}}.n-ix-our-process-container ul li h4::before{content:"";width:4px;height:135%;border:0 1px 1px 0;background-color:#ff6900;position:absolute;top:50%;transform:translateY(-50%);transition:.5s;left:-56px}@media screen and (min-width: 768px){.n-ix-our-process-container ul li h4::before{left:-88px}}@media screen and (min-width: 1280px){.n-ix-our-process-container ul li h4::before{left:-100px}}@media screen and (min-width: 1920px){.n-ix-our-process-container ul li h4::before{left:-104px}}@media screen and (min-width: 2560px){.n-ix-our-process-container ul li h4::before{left:-112px}}.n-ix-our-process-container ul li h4 i{position:absolute;color:#ff6900;font-size:32px;position:absolute;transform:translate(-100%, -50%);top:calc(50% - 4px);left:-8px;transition:.5s}@media screen and (min-width: 768px){.n-ix-our-process-container ul li h4 i{font-size:48px;left:-16px}}@media screen and (min-width: 1280px){.n-ix-our-process-container ul li h4 i{font-size:56px}}@media screen and (min-width: 2560px){.n-ix-our-process-container ul li h4 i{font-size:64px}}.n-ix-our-process-container ul li .description{overflow:hidden;height:0;transition:.5s}.n-ix-our-process-container ul li .description p{margin:0;font-family:"Open Sans";font-weight:400;letter-spacing:.16px;font-size:14px;line-height:24px;color:#fff}@media(min-width: 768px){.n-ix-our-process-container ul li .description p{font-size:16px;line-height:26px}}@media(min-width: 1920px){.n-ix-our-process-container ul li .description p{font-size:18px;line-height:28px}}@media(min-width: 2560px){.n-ix-our-process-container ul li .description p{font-size:20px;line-height:30px}}.n-ix-our-process-container ul li .description p:first-child{margin-top:12px}@media screen and (min-width: 768px){.n-ix-our-process-container ul li .description p:first-child{margin-top:26px}}@media screen and (min-width: 1280px){.n-ix-our-process-container ul li .description p:first-child{margin-top:12px}}@media screen and (min-width: 1920px){.n-ix-our-process-container ul li .description p:first-child{margin-top:20px}}@media screen and (min-width: 2560px){.n-ix-our-process-container ul li .description p:first-child{margin-top:32px}}
/*# sourceMappingURL=style.css.map */
