@property --gradient-angle{inherits:false;initial-value:0deg;syntax:"<angle>"}@keyframes rotation{0%{--gradient-angle:0deg}to{--gradient-angle:360deg}}.portfolio{padding:7rem 0;position:relative}@media(min-width:768px){.portfolio{padding:7rem 0}}@media(min-width:992px){.portfolio{padding:10rem 0}}@media(width < 620px){.portfolio.dark-bg{padding:7rem 0}}.portfolio.dark-bg *{color:#fff}.portfolio.dark-bg .portfolio--nav-img-content p{color:#000!important}.portfolio.dark-bg .portfolio--row-bottom-icons ul li a svg rect{fill:transparent;background:transparent}.portfolio.dark-bg .portfolio--row-bottom-icons ul li a svg g path{stroke:#fff}.portfolio:before{background:#d9d9d9;bottom:0;content:"";display:block;height:1px;left:50%;position:absolute;transform:translateX(-50%);width:calc(100% - 4rem)}@media(min-width:768px){.portfolio:before{display:none}}.portfolio p{color:#545454}.portfolio .container{display:flex;flex-direction:column;gap:5rem}@media(min-width:992px){.portfolio .container{gap:10rem}}.portfolio .container .row:after,.portfolio .container .row:before,.portfolio .container:after,.portfolio .container:before{display:none}.portfolio--row-bottom .col-12{align-items:center;display:flex;flex-direction:column;gap:3rem;justify-content:center}@media(min-width:1230px){.portfolio--row-bottom .col-12{gap:3rem}}@media(min-width:1380px){.portfolio--row-bottom .col-12{gap:5rem}}.portfolio--row-bottom-icons{align-items:center;display:flex;flex-direction:column;gap:2rem}.portfolio--row-bottom-icons p.caption-1{color:#000}.portfolio--row-bottom-icons ul{display:grid;gap:1.6rem;grid-template-columns:auto auto;justify-content:center;list-style:none;list-style-type:none;margin:0;padding:0}@media(min-width:768px){.portfolio--row-bottom-icons ul{display:flex;flex-flow:row wrap;gap:2rem;grid-template-columns:unset}}@media(min-width:1230px){.portfolio--row-bottom-icons ul{gap:3rem}}@media(min-width:1380px){.portfolio--row-bottom-icons ul{gap:5rem}}.portfolio--row-bottom-icons ul li{margin:0;padding:0}.portfolio--row-bottom-icons ul li span.sub-headline{display:inline-block;margin-bottom:0}.portfolio--row-bottom-icons ul li a{align-items:center;display:flex;gap:.5rem}.portfolio--row-bottom-icons ul li a span:not(.sub-headline){flex:0 0 32px;height:32px;max-width:32px}.portfolio--row-bottom-icons ul li a span:not(.sub-headline) svg{height:100%;width:100%}@media(min-width:992px){.portfolio--row-bottom-icons ul li a span:not(.sub-headline){flex:0 0 64px;height:64px;max-width:64px}}.portfolio--nav{display:flex;flex-direction:column;gap:1rem;width:100%}@media(min-width:768px){.portfolio--nav{gap:3.4rem}}.portfolio--nav-top{display:flex;gap:1.5rem;justify-content:space-between;width:100%}.portfolio--nav-top h3{font-family:Lexend;margin-bottom:0}.portfolio--nav-top h3 strong{font-weight:500}.portfolio--nav-link{align-items:center;background:#fff;border-radius:2.5rem;display:flex;height:4rem;justify-content:center;position:relative;width:4rem}@media(min-width:768px){.portfolio--nav-link{height:5rem;width:5rem}}.dark-bg .portfolio--nav-link{background:transparent}.portfolio--nav-link:before{background:linear-gradient(90deg,#005bff -16.75%,#2a00cd 113.25%);border-radius:inherit;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;position:absolute}.portfolio--nav-link svg{transition:all .5s}.portfolio--nav-link svg path{stroke:#000;transition:all .5s}.dark-bg .portfolio--nav-link svg path{stroke:#fff}.portfolio--nav-link:hover .portfolio--nav-link-arv svg{transform:rotate(45deg);transition:all .5s}.portfolio--nav-link-arv{align-items:center;display:inline-flex;height:100%;justify-content:center;width:100%}.portfolio--nav-bottom{margin-bottom:1rem}@media(min-width:768px){.portfolio--nav-bottom{margin-bottom:0}}.portfolio--nav-bottom ul{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;list-style-type:none;margin:0;padding:0}.portfolio--nav-bottom ul li{margin:0}.portfolio--nav-bottom ul li p{border:1px solid #d9d9d9;border-radius:2rem;color:#000;margin:0;padding:1rem 1.5rem}.dark-bg .portfolio--nav-bottom ul li p{border:1px solid #2d2d2d}.portfolio--nav-img{display:grid;gap:12px;grid-template-columns:repeat(12,1fr);overflow:hidden;position:relative}@media(min-width:768px){.portfolio--nav-img{gap:20px;max-height:100%;min-height:100%}}.portfolio--nav-img:has(.portfolio--nav-img-content) .portfolio--nav-img-half{grid-row:span 3/span 3}.portfolio--nav-img:not(:has(.portfolio--nav-img-content)) .portfolio--nav-img-half{grid-row:span 5/span 5}.portfolio--nav-img img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.portfolio--nav-img-full{border-radius:15px;grid-column:span 12;grid-row:span 12;overflow:hidden;position:relative}@media(min-width:768px){.portfolio--nav-img-full{grid-column:span 8/span 8;grid-row:span 5/span 5}}.portfolio--nav-img-full a{display:block;height:100%;width:100%}.portfolio--nav-img-full a video{height:100%;left:0;-o-object-fit:cover;object-fit:cover;width:100%}@media(min-width:768px){.portfolio--nav-img-full a video{position:absolute;top:0}}.portfolio--nav-img-full img{border-radius:15px}.portfolio--nav-img-half{border-radius:15px;grid-column:span 6;grid-row:span 6;overflow:hidden}@media(min-width:768px){.portfolio--nav-img-half{grid-column:span 4/span 4;grid-column-start:9;grid-row:span 3/span 3;max-height:243px;min-height:243px}}.portfolio--nav-img-half img{border-radius:15px;overflow:hidden}.portfolio--nav-img-content{background:#e4f3f0;border-radius:15px;grid-column:span 6;grid-row:span 3/span 3;padding:4.8rem 1.6rem}@media(min-width:768px){.portfolio--nav-img-content{grid-column:span 4/span 4;grid-column-start:9;grid-row:span 2/span 2;grid-row-start:4;padding:2rem}}@media(min-width:1230px){.portfolio--nav-img-content{padding:3rem}}@media(min-width:1380px){.portfolio--nav-img-content{padding:5rem}}.portfolio--nav-img-content p{color:#000;font-weight:500;margin-bottom:0}@media(width <= 767px){.portfolio--nav-img-content p{font-size:10px;line-height:15px}}.portfolio+.recent-blog{padding:7rem 0;position:relative}@media(min-width:992px){.portfolio+.recent-blog{padding:10rem 0}}