.portfolio{font-family:"Avenir-Roman-12",sans-serif;padding:0}.portfolio .portfolio_header>.main>.my-5{margin-bottom:0 !important}.portfolio .portfolio-title{font-family:"Avenir-Heavy-05",sans-serif;font-style:normal;font-size:4.3vw;line-height:140%;letter-spacing:.01em;color:var(--title-text-color)}.portfolio .portfolio-title>span{color:#3095f2}@media screen and (max-width: 350px){.portfolio .portfolio-title br{display:none}}@media screen and (max-width: 570px){.portfolio .portfolio-title{font-size:30px}}@media screen and (max-width: 800px){.portfolio .portfolio-title{font-size:30px}}@media screen and (min-width: 2560px){.portfolio .portfolio-title{font-size:110px}}.portfolio .portfolio-subtitle{margin-top:20px;font-family:"Avenir-Roman-12" sans-serif;font-style:normal;font-weight:500;font-size:1.25vw;line-height:190%;color:#7c7c87}@media screen and (max-width: 570px){.portfolio .portfolio-subtitle{font-size:14px}}@media screen and (max-width: 800px){.portfolio .portfolio-subtitle{font-size:14px;line-height:24px}}@media screen and (min-width: 2560px){.portfolio .portfolio-subtitle{font-size:30px}}.portfolio ul.ks-cboxtags{display:flex;flex-wrap:nowrap;overflow-y:hidden;overflow-x:auto;padding:0;height:49px;margin-bottom:0}.portfolio ul.ks-cboxtags li{display:inline;margin-right:3.75rem}.portfolio ul.ks-cboxtags li .checked{font-style:normal;font-size:18px;line-height:25px;color:var(--title-text-color);display:inline-block;vertical-align:top;position:relative}.portfolio ul.ks-cboxtags li .checked::before{margin-bottom:-24px;transform:translateX(-50%);border-radius:100%;position:absolute;background:#3095f2;bottom:10px;height:6px;content:"";width:6px;left:50%}.portfolio ul.ks-cboxtags li .checked:hover{cursor:pointer}.portfolio ul.ks-cboxtags li .unchecked{font-style:normal;font-size:18px;line-height:25px;color:#7c7c87}.portfolio ul.ks-cboxtags li .unchecked:hover{cursor:pointer}@media screen and (min-width: 2560px){.portfolio ul.ks-cboxtags li .checked{font-size:25px}.portfolio ul.ks-cboxtags li .checked::before{width:8px;height:8px}.portfolio ul.ks-cboxtags li .unchecked{font-size:25px}}.portfolio .portfolio-products-load-more{padding:0;background:rgba(0,0,0,0);border:none;cursor:pointer;line-height:140%;font-style:normal;font-weight:inherit;font-size:15px;text-transform:uppercase;padding-bottom:5px;font-family:"Avenir-Roman-12",sans-serif;border-bottom:3px solid #3797ef}.portfolio .portfolio-products-load-more:hover{animation:pulse .8s linear infinite;-webkit-animation:pulse .8s linear infinite;color:#0077e4}.portfolio .margin{margin:auto 6rem}@media screen and (max-width: 911px){.portfolio .margin{margin:auto 4rem}}.portfolio .projects{justify-content:space-between}.portfolio .projects .portfolio-column.loading{border:2px solid #f6f6f6}.portfolio .projects .portfolio-column{padding:1.5rem 1.5rem 1rem;background-size:cover;background-repeat:no-repeat;flex:0 0 57%;max-width:57%}.portfolio .projects .portfolio-column:hover{background-position:center}.portfolio .projects .portfolio-column .portfolio-work-app{position:absolute;top:0;height:100%;right:0}@media screen and (max-width: 1400px){.portfolio .projects .portfolio-column .portfolio-work-app{padding:10px 0}}@media screen and (max-width: 1300px){.portfolio .projects .portfolio-column .portfolio-work-app{padding:20px 0}}@media screen and (max-width: 1250px){.portfolio .projects .portfolio-column .portfolio-work-app{padding:35px 0}}@media screen and (max-width: 1200px){.portfolio .projects .portfolio-column .portfolio-work-app{padding:40px 0}}.portfolio .projects .portfolio-column .portfolio-work-app.desktop{display:block}.portfolio .projects .portfolio-column .portfolio-work-app.mobile{display:none}.portfolio .projects .portfolio-column:nth-child(4n),.portfolio .projects .portfolio-column:nth-child(4n-3){background-position:right;flex:0 0 40%;max-width:40%}.portfolio .projects .portfolio-column:nth-child(4n):hover,.portfolio .projects .portfolio-column:nth-child(4n-3):hover{background-position:left}.portfolio .projects .portfolio-work-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;height:100%}.portfolio .projects .portfolio-work-logo{height:100px;width:100px}.portfolio .projects .portfolio-work-text{margin:30px 0 10px;color:#fff;width:50%;font-size:18px;text-shadow:1px 1px 5px rgba(0,0,0,.45)}.portfolio .projects .portfolio-work-types{color:#fff;width:58%;font-size:10px}.portfolio .projects .portfolio-work-types ul{display:flex;flex-wrap:wrap;list-style:none;margin-bottom:0;padding-left:0}.portfolio .projects .portfolio-work-types ul li{padding:5px 15px;border:1px solid #fff;border-radius:30px;margin-right:10px;margin-bottom:10px}@media screen and (max-width: 1600px){.portfolio .projects .portfolio-column:nth-child(4n) .portfolio-work-app.desktop,.portfolio .projects .portfolio-column:nth-child(4n-3) .portfolio-work-app.desktop{display:none}.portfolio .projects .portfolio-column:nth-child(4n) .portfolio-work-app.mobile,.portfolio .projects .portfolio-column:nth-child(4n-3) .portfolio-work-app.mobile{display:block}}@media screen and (max-width: 1300px){.portfolio .projects .portfolio-work-types ul{font-size:14px}.portfolio .projects .portfolio-work-types ul li{padding:0;border:0;margin:0;margin-right:5px}.portfolio .projects .portfolio-work-types ul li:after{content:" / "}.portfolio .projects .portfolio-work-types ul li:last-child:after{content:""}}@media screen and (max-width: 1100px){.portfolio .projects .portfolio-column{background-size:cover}.portfolio .projects .portfolio-column:nth-child(4n),.portfolio .projects .portfolio-column:nth-child(4n-3){background-position:initial}.portfolio .projects .portfolio-column:nth-child(4n):hover,.portfolio .projects .portfolio-column:nth-child(4n-3):hover{background-position:center}.portfolio .projects .portfolio-column .portfolio-work-app.desktop{display:none}.portfolio .projects .portfolio-column .portfolio-work-app.mobile{display:none}.portfolio .projects .portfolio-column:nth-child(4n) .portfolio-work-app.desktop,.portfolio .projects .portfolio-column:nth-child(4n-3) .portfolio-work-app.desktop{display:none}.portfolio .projects .portfolio-column:nth-child(4n) .portfolio-work-app.mobile,.portfolio .projects .portfolio-column:nth-child(4n-3) .portfolio-work-app.mobile{display:none}.portfolio .projects .portfolio-work-logo{height:60px;width:60px}.portfolio .projects .portfolio-work-text{font-size:14px;margin-top:20px;width:80%}}@media screen and (max-width: 575px){.portfolio .projects .portfolio-column{background-position:right}.portfolio .projects .portfolio-column:hover{background-position:left}.portfolio .projects .portfolio-column:nth-child(4n),.portfolio .projects .portfolio-column:nth-child(4n-3){background-position:right}.portfolio .projects .portfolio-column:nth-child(4n):hover,.portfolio .projects .portfolio-column:nth-child(4n-3):hover{background-position:left}}.portfolio .portfolio-column{border-radius:15px;height:28rem;transition:all .5s ease}.portfolio .portfolio-column:hover{cursor:pointer}@media screen and (min-width: 2000px){.portfolio .portfolio-column{height:35rem}.portfolio .description{font-size:2rem}.portfolio .position{margin:5rem 10rem 0 0}.portfolio .title{font-size:17rem;line-height:14rem}}@media screen and (min-width: 2300px){.portfolio .portfolio-column{height:40rem}.portfolio .projects .portfolio-work-text{font-size:28px}}@media screen and (min-width: 1700px){.portfolio .projects .portfolio-column{padding:2vw}.portfolio .projects .portfolio-work-text{font-size:1.1vw;margin-top:2vw}.portfolio .projects .portfolio-work-types{font-size:.6vw}.portfolio .projects .portfolio-work-types ul li{padding:.3vw .7vw;margin-bottom:0;margin-top:10px}}@media screen and (max-width: 1700px){.portfolio .portfolio-column{height:25rem}}@media screen and (max-width: 1500px){.portfolio .portfolio-column{height:25rem}}@media screen and (max-width: 1100px){.portfolio .portfolio-column{height:20rem}}@media screen and (max-width: 991px){.portfolio .projects .portfolio-column{height:25rem}.portfolio .projects .portfolio-column:nth-child(even){flex:100%;max-width:100%}.portfolio .projects .portfolio-column:nth-child(odd){flex:100%;max-width:100%}}@media screen and (max-width: 800px){.portfolio .projects .portfolio-column{height:18rem}}@media screen and (max-width: 700px){.portfolio .margin{margin:auto 2.9rem}}@media screen and (max-width: 575px){.portfolio .margin{margin:auto 1.5rem}.portfolio ul.ks-cboxtags li label{font-size:1rem;line-height:1.5rem;padding:.7rem 1.3rem}.portfolio .projects .portfolio-column{height:calc(100vw - 2rem)}}@media screen and (max-width: 376px){.portfolio ul.ks-cboxtags li label{font-size:.8rem;line-height:1rem;padding:.7rem .8rem}.portfolio ul.ks-cboxtags li{margin-right:.7rem}.portfolio .portfolio-column{height:calc(100vw - 2rem)}}.work_projects{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:60px !important;grid-gap:30px}.work_projects .portfolio-column{border-radius:15px;transition:all .5s ease}.work_projects .portfolio-column:hover{cursor:pointer}@media screen and (max-width: 2000px){.work_projects{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width: 1350px){.work_projects{grid-template-columns:1fr 1fr}}@media screen and (max-width: 950px){.work_projects{grid-template-columns:1fr}}.loadMoreBox{margin-top:60px !important;display:flex;justify-content:center}.loadMoreBox>div{position:relative;font-family:"Avenir-Heavy-05",sans-serif;font-style:normal;font-weight:inherit;font-size:1.1vw;line-height:140%;color:var(--title-text-color);cursor:pointer}.loadMoreBox>div:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:-2px;left:0;background:#3095f2;transform-origin:bottom center;transition:transform .25s ease-out}.loadMoreBox>div:hover:after{transform:scaleX(1);transform-origin:bottom center}@media screen and (min-width: 2560px){.loadMoreBox>div{font-size:28px}}@media screen and (max-width: 1600px){.loadMoreBox>div{font-size:18px}}@media screen and (max-width: 1024px){.loadMoreBox>div::after{transform:scaleX(1)}}@media screen and (max-width: 575px){.portfolio-subtitle br{display:none}}@media screen and (max-width: 475px){.ks-cboxtags li{margin-right:2.1rem !important}.ks-cboxtags li .checked{font-size:16px !important}.ks-cboxtags li .unchecked{font-size:16px !important}.project_text{font-size:16px !important}.project_tags{font-size:12px !important}}.work-projects__no-results{text-align:center;padding:40px 0}.work-projects__no-results-text{font-family:"Avenir-Roman-12",sans-serif;font-size:18px;color:#7c7c87;margin:0}
.main{font-family:"Avenir-Medium-09",sans-serif}.main .main_content_box{margin-top:3rem}.main h1{font-family:"Avenir-Black-03",sans-serif;font-size:3.875rem;color:var(--title-text-color);letter-spacing:.01em;margin-bottom:20px;line-height:140%}@media screen and (min-width: 2560px){.main h1{font-size:110px}}@media screen and (max-width: 875px){.main h1 br{display:none}}@media screen and (max-width: 575px){.main h1{font-size:30px}}.main h1 span{color:#3095f2}.main p{font-size:1.5rem;font-family:"Avenir-Medium-09",sans-serif;color:var(--p-text-color);line-height:2.5rem;font-weight:500;font-style:normal}@media screen and (min-width: 2560px){.main p{font-size:32px}}@media screen and (max-width: 1024px){.main p{font-size:16px;line-height:26px;width:100%}}@media screen and (max-width: 650px){.main p br{display:none}}.perpetio-container{margin:auto 5rem}@media screen and (min-width: 1800px){.perpetio-container{margin:auto 9rem}}@media screen and (max-width: 910px){.perpetio-container{margin:auto 3rem}}@media screen and (max-width: 700px){.perpetio-container{margin:auto 2rem}}@media screen and (max-width: 575px){.perpetio-container{margin:auto .5rem}}
.breadcrumbs_box{padding:0;display:flex;font-family:"Avenir-Medium-09",sans-serif}.nav_box{display:flex;align-items:center;margin-bottom:-2rem}.link{padding:0;text-transform:capitalize;font-weight:500 !important;font-size:14px;line-height:34px}.separator_box{margin:0 8px 0 8px}.separator_box>svg{vertical-align:unset}@media screen and (max-width: 700px){.link{font-size:12px;line-height:1.2}.separator_box>svg{width:4px;height:10px}}
.work_projects__project{height:100%;overflow:hidden;border-radius:4px;position:relative;display:flex;flex-direction:column;padding:20px 0 0 0}.work_projects__project:hover{cursor:pointer}.work_projects__project .work_projects__project__head{padding:0 26px 0 26px;display:flex;flex-direction:column}.work_projects__project .work_projects__project__head .project_name{font-family:"Avenir-Book-01",sans-serif;font-style:normal;font-weight:normal;font-size:1.15vw;line-height:140%;color:#fff}.work_projects__project .work_projects__project__head .project_text{margin-top:10px;font-family:"Avenir-Medium-09",sans-serif;font-style:normal;font-weight:500;font-size:1.1vw;line-height:120%;letter-spacing:.01em;color:#fff}.work_projects__project .work_projects__project__head .project_tags{font-family:"Avenir-Book-01",sans-serif;margin-top:14px;font-style:normal;font-weight:500;font-size:.8vw;line-height:140%;letter-spacing:.01em;color:#fff;opacity:.7}.work_projects__project .work_projects__project__head .project_tags>span::after{content:"/"}.work_projects__project .work_projects__project__head .project_tags>span:last-child::after{content:""}.work_projects__project .project_imageBox{width:100%;height:100%;display:flex;align-items:flex-end}.work_projects__project .project_imageBox>img{width:100%}@media screen and (min-width: 2560px){.work_projects__project .work_projects__project__head .project_name{font-size:26px}.work_projects__project .work_projects__project__head .project_text{font-size:28px}.work_projects__project .work_projects__project__head .project_tags{font-size:20px}}@media screen and (max-width: 950px){.work_projects__project .work_projects__project__head .project_name{font-size:16px}.work_projects__project .work_projects__project__head .project_text{font-size:16px}.work_projects__project .work_projects__project__head .project_tags{font-size:12px}}.workProductCase{height:100%}
.loading-wrapper{display:flex;width:100%;flex-direction:column;height:100%}.column{width:100%}.column.two{height:70%}.column.one{display:flex;flex-direction:column}.column.two .image{height:100%;width:100%}@keyframes placeHolderShimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}.animated-background,.text-line,.image{animation-duration:1.25s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:#f6f6f6;background:linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);background-size:800px 104px;height:96px;position:relative}.image{height:100px;width:100px}.text{margin-bottom:20px}.text-line{height:15px;width:100%;margin:10px 0}
.react-custom-select__indicator-separator{display:none}.select_form_group .react-custom-select-container{font-family:"Avenir-Book-01",sans-serif;font-weight:500;color:#000;min-width:109px}.select_form_group .react-custom-select-container .react-custom-select__control{height:50px;border-radius:8px}.select_form_group .react-custom-select-container .react-custom-select__control:focus{outline:none}.select_form_group .react-custom-select-container .react-custom-select__control .react-custom-select__value-container{padding-left:16px}.select_form_group .react-custom-select-container .react-custom-select__control .react-custom-select__value-container .react-custom-select__single-value{font-style:normal;font-weight:400;font-size:16px;line-height:28px;color:#97979d}.select_form_group .react-custom-select-container .react-custom-select__menu{min-width:400px}.select_form_group .react-custom-select-container .react-custom-select__menu .react-custom-select__menu-list{display:flex;flex-direction:column}@media screen and (max-width: 910px){.select_form_group .react-custom-select-container .react-custom-select__menu{min-width:100%}}.arrow_box{transform:rotate(90deg);margin-right:16px}.required .react-custom-select__placeholder::after{content:"*";color:red}.react-custom-select__placeholder{font-style:normal;font-weight:400;font-size:16px;line-height:28px;color:#97979d !important}.react-custom-select__value-container .react-custom-select__single-value{font-style:normal;font-weight:400;font-size:16px;line-height:28px;color:#000 !important}.error_box{font-size:12px !important;color:red;font-size:16px;line-height:28px}
.filter-by-container{--gap: 1rem;--flex-direction: row;--align-items: center;display:flex;flex-direction:var(--flex-direction);gap:var(--gap);align-items:var(--align-items)}@media screen and (max-width: 575px){.filter-by-container{--flex-direction: column;--gap: 0.75rem;align-items:unset}}.filter-by-container--text{font-weight:800;font-size:16px;line-height:26px;letter-spacing:0;flex-shrink:0}.filter-by-container--items-container{--gap: 1.75rem;--flex-direction: row;display:flex;gap:var(--gap);flex-direction:var(--flex-direction);flex-grow:1}@media screen and (max-width: 575px){.filter-by-container--items-container{--gap: 1rem;--flex-direction: column}}.filter-by-container--item{--max-width: 324px;border-radius:.5rem;max-width:var(--max-width);flex-grow:1;flex-basis:50%}.filter-by-container--item[aria-selected=true] .react-custom-select__single-value{opacity:.5}@media screen and (max-width: 575px){.filter-by-container--item{--max-width: 100%}}