﻿.n-ix-projects{position:relative;z-index:3}.n-ix-projects.top-clip-path{margin-top:-30px}@media screen and (min-width: 768px){.n-ix-projects.top-clip-path{margin-top:-25px}}@media screen and (min-width: 1920px){.n-ix-projects.top-clip-path{margin-top:-36px}}.n-ix-projects.top-clip-path .n-ix-projects-container{clip-path:polygon(30px 0, 100% 0, 100% 100%, 0 100%, 0 30px)}@media screen and (min-width: 768px){.n-ix-projects.top-clip-path .n-ix-projects-container{clip-path:polygon(30px 0, 50px 25px, 100% 25px, 100% 100%, 0 100%, 0 0);padding-top:64px}}@media screen and (min-width: 1280px){.n-ix-projects.top-clip-path .n-ix-projects-container{clip-path:polygon(110px 25px, 135px 0, 100% 0, 100% 100%, 0 100%, 0 25px);padding-top:80px}}@media screen and (min-width: 1920px){.n-ix-projects.top-clip-path .n-ix-projects-container{clip-path:polygon(250px 0, 285px 36px, 100% 36px, 100% 100%, 0 100%, 0 0);padding-top:136px}}@media screen and (min-width: 2560px){.n-ix-projects.top-clip-path .n-ix-projects-container{padding-top:136px}}.n-ix-projects.white .n-ix-projects-container{background-color:#eee}.n-ix-projects.white .n-ix-projects-container ul{border-bottom:2px solid #eee}.n-ix-projects.white .n-ix-projects-container ul>li{border:2px solid #eee}.n-ix-projects.white::after{content:"";width:30px;height:30px;clip-path:polygon(30px 0, 0 0, 30px 30px);transform:translateY(100%);position:absolute;bottom:1px;right:0;background-color:#eee;pointer-events:none}@media screen and (min-width: 768px){.n-ix-projects.white::after{width:50px;height:20px;clip-path:polygon(0 0, 100% 0, 100% 20px, 20px 20px)}}@media screen and (min-width: 1280px){.n-ix-projects.white::after{width:135px;height:25px;clip-path:polygon(0 0, 100% 0, 100% 25px, 25px 25px)}}@media screen and (min-width: 1920px){.n-ix-projects.white::after{width:210px;height:36px;clip-path:polygon(0 0, 100% 0, 100% 36px, 36px 36px)}}@media screen and (min-width: 2560px){.n-ix-projects.white::after{width:285px;height:36px}}.n-ix-projects-container{position:relative;overflow:hidden;padding-top:50px}@media screen and (min-width: 768px){.n-ix-projects-container{padding-top:64px}}@media screen and (min-width: 1280px){.n-ix-projects-container{padding-top:80px}}@media screen and (min-width: 1920px){.n-ix-projects-container{padding-top:100px}}@media screen and (min-width: 2560px){.n-ix-projects-container{padding-top:120px}}.n-ix-projects-container::before{content:"";width:.5px;position:absolute;left:30px;top:0;bottom:0;z-index:1;background-color:#436c9b}@media screen and (min-width: 768px){.n-ix-projects-container::before{left:50px}}@media screen and (min-width: 1280px){.n-ix-projects-container::before{left:135px}}@media screen and (min-width: 1920px){.n-ix-projects-container::before{left:285px}}.n-ix-projects-container h2{position:relative;margin:0 16px 32px 40px;font-family:"Teko";font-weight:500;letter-spacing:.32px;font-size:32px;line-height:32px;text-transform:uppercase}@media(min-width: 768px){.n-ix-projects-container h2{font-size:48px;line-height:48px}}@media(min-width: 1280px){.n-ix-projects-container h2{font-size:60px;line-height:60px}}@media(min-width: 1920px){.n-ix-projects-container h2{font-size:64px;line-height:64px}}@media(min-width: 2560px){.n-ix-projects-container h2{font-size:72px;line-height:72px}}@media screen and (min-width: 768px){.n-ix-projects-container h2{margin:0 20px 52px 66px}}@media screen and (min-width: 1280px){.n-ix-projects-container h2{margin:0 55px 68px 155px}}@media screen and (min-width: 1920px){.n-ix-projects-container h2{margin:0 210px 84px 301px}}@media screen and (min-width: 1920px){.n-ix-projects-container h2{margin:0 210px 86px 301px}}.n-ix-projects-container h2::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-projects-container h2::after{width:8px;height:8px;left:-24px}}@media screen and (min-width: 1280px){.n-ix-projects-container h2::after{left:-28px}}@media screen and (min-width: 1920px){.n-ix-projects-container h2::after{left:-24px}}.n-ix-projects-container ul{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0;position:relative;z-index:2}.n-ix-projects-container ul::before{display:none;content:"";font-family:"icon-n-ix" !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1}@media screen and (min-width: 768px){.n-ix-projects-container ul::before{width:fit-content;display:block;position:absolute;left:0;right:0;margin:0 auto;top:-2px;font-size:12px;color:#ff6900;transform:translateY(-100%)}}.n-ix-projects-container ul>li{width:100%;overflow:hidden;aspect-ratio:1;border:2px solid #1d2a39}@media screen and (min-width: 768px){.n-ix-projects-container ul>li:nth-child(8n-7),.n-ix-projects-container ul>li:nth-child(8n-6),.n-ix-projects-container ul>li:nth-child(8n-4),.n-ix-projects-container ul>li:nth-child(8n-2){width:50%;aspect-ratio:2}.n-ix-projects-container ul>li:nth-child(8n-5),.n-ix-projects-container ul>li:nth-child(8n-3),.n-ix-projects-container ul>li:nth-child(8n-1),.n-ix-projects-container ul>li:nth-child(8n){width:25%;aspect-ratio:1}}.n-ix-projects-container ul>li a{width:100%;height:100%;text-decoration:none;display:flex;align-items:flex-end;position:relative;z-index:1}.n-ix-projects-container ul>li a .img{background-repeat:no-repeat;background-position:center;background-size:cover;transition:all .5s ease-out;position:absolute;top:0;right:0;left:0;bottom:0}.n-ix-projects-container ul>li a:hover .img{transform:scale(1.1)}@media screen and (min-width: 1280px){.n-ix-projects-container ul>li a:hover ol{bottom:0%}}.n-ix-projects-container ul>li a ol{width:100%;display:none;flex-wrap:wrap;justify-content:center;background:rgba(0,0,0,0) linear-gradient(180deg, rgba(13, 19, 25, 0) 0%, #0D1319 100%) 0% 0% no-repeat padding-box;position:relative;z-index:1;bottom:-100%;transition:.5s;list-style-type:none;margin:0;padding:0 0 12px 0}@media screen and (min-width: 1280px){.n-ix-projects-container ul>li a ol{display:flex}}.n-ix-projects-container ul>li a ol>li{width:fit-content;background:#0d1319;color:#fff;border-radius:3px;padding:5px 8px;margin:5px}.n-ix-projects-container ul>li a.btn-read-more{width:100%;height:100%;background-color:#436c9b;display:flex;justify-content:center;align-items:center;background-image:url("./assets/images/bg-load-more.webp");background-size:cover;background-repeat:no-repeat}.n-ix-projects-container ul>li a.btn-read-more:hover{background-color:#557aa5}.n-ix-projects-container ul>li a.btn-read-more:hover span .icon-wrap{width:20px;opacity:1}@media screen and (min-width: 1280px){.n-ix-projects-container ul>li a.btn-read-more:hover span .icon-wrap{width:40px}}.n-ix-projects-container ul>li a.btn-read-more span{font-family:"Teko";font-style:normal;font-weight:400;font-size:24px;line-height:24px;align-items:center;text-transform:uppercase;color:#fff;display:flex;justify-content:center;align-items:center}@media screen and (min-width: 768px){.n-ix-projects-container ul>li a.btn-read-more span{line-height:22px}}@media screen and (min-width: 1280px){.n-ix-projects-container ul>li a.btn-read-more span{font-size:35px;line-height:37px}}@media screen and (min-width: 1920px){.n-ix-projects-container ul>li a.btn-read-more span{font-size:40px;line-height:35px}}@media screen and (min-width: 2560px){.n-ix-projects-container ul>li a.btn-read-more span{font-size:45px;line-height:33px}}.n-ix-projects-container ul>li a.btn-read-more span .icon-wrap{width:0;opacity:0;transition:.5s}.n-ix-projects-container ul>li a.btn-read-more span .icon-wrap i{display:block;margin-left:5px;position:relative;top:-1px}@media screen and (min-width: 1280px){.n-ix-projects-container ul>li a.btn-read-more span .icon-wrap i{top:-2px}}@media screen and (min-width: 2560px){.n-ix-projects-container ul>li a.btn-read-more span .icon-wrap i{top:-3px}}
/*# sourceMappingURL=style.css.map */
