@import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@300;400;500;600;700&family=Urbanist:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@300;400;500;600;700&family=Urbanist:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@300;400;500;600;700&family=Urbanist:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@300;400;500;600;700&family=Urbanist:wght@300;400;500;600;700&display=swap");
/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.block-views-blockblogs-block-1 .view-content .views-row .views-field-title .field-content{font-size:1.875rem;font-weight:600;letter-spacing:.025rem;line-height:1.2}@media only screen and (max-width:75rem){.block-views-blockblogs-block-1 .view-content .views-row .views-field-title .field-content{font-size:1.625rem}}@media only screen and (max-width:48rem){.block-views-blockblogs-block-1 .view-content .views-row .views-field-title .field-content{font-size:1.5rem}}.block-views-blockblogs-block-1 h2,.block-views-blockblogs-block-1 .view-content .views-row .views-field-created .datetime{font-size:1.5rem;font-family:"Big Shoulders Display",cursive,sans-serif !important;line-height:1.2;font-weight:700;letter-spacing:.25rem;text-transform:uppercase}@media only screen and (max-width:87.5rem){.block-views-blockblogs-block-1 h2,.block-views-blockblogs-block-1 .view-content .views-row .views-field-created .datetime{font-size:1.375rem}}@media only screen and (max-width:48rem){.block-views-blockblogs-block-1 h2,.block-views-blockblogs-block-1 .view-content .views-row .views-field-created .datetime{font-size:1.25rem}}.block-views-blockblogs-block-1 .view-content .views-row .views-field-body .field-content{font-size:.875rem;line-height:1.5;letter-spacing:.025rem}@media screen and (max-width:47.9375rem){.block-views-blockblogs-block-1 .view-content .views-row .views-field-body .field-content{font-size:.875rem}}.dropdown-item.active{background-color:#fff !important}.block-views-blockblogs-block-1 h2{color:#1b3ecd}.block-views-blockblogs-block-1 .view-header{margin:0 0 3rem}.block-views-blockblogs-block-1 .view-content{margin:0 0 2.5rem}.block-views-blockblogs-block-1 .view-content .slick-disabled{opacity:0}.block-views-blockblogs-block-1 .view-content .slick-arrow{background:#1b3ecd;color:#fff;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.block-views-blockblogs-block-1 .view-content .slick-prev{left:-30px;z-index:1}@media only screen and (max-width:36rem){.block-views-blockblogs-block-1 .view-content .slick-prev{left:0}}.block-views-blockblogs-block-1 .view-content .views-row{background-color:#e7f0ff;background-position:center;background-size:cover;margin-right:2rem;padding:2rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:500px;position:relative;transition:all .3s linear;pointer-events:none;gap:20px;overflow:hidden}.block-views-blockblogs-block-1 .view-content .views-row:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#131c32;background:linear-gradient(180deg,rgba(19,28,50,.2) 0%,#131c32 100%);z-index:1}.block-views-blockblogs-block-1 .view-content .views-row .views-field-field-teaser-image{position:absolute;top:0;left:0;z-index:0}.block-views-blockblogs-block-1 .view-content .views-row .views-field-field-teaser-image,.block-views-blockblogs-block-1 .view-content .views-row .views-field-field-teaser-image *{width:100%;height:100%}.block-views-blockblogs-block-1 .view-content .views-row .views-field-field-teaser-image img{width:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s linear}.block-views-blockblogs-block-1 .view-content .views-row .views-field-title{padding:0;transition:all .3s linear}.block-views-blockblogs-block-1 .view-content .views-row .views-field-view-node a{line-height:1;color:#fff;cursor:pointer;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:1.125rem}.block-views-blockblogs-block-1 .view-content .views-row .views-field-view-node a:after{content:"\eb0e";padding:0 0 0 .75rem;font-family:"lineicons",sans-serif;font-size:1.25em;transition:all .3s linear}.block-views-blockblogs-block-1 .view-content .views-row .views-field-body .field-content{position:absolute;opacity:0;color:#fff;font-weight:600;transition:all .3s linear}.block-views-blockblogs-block-1 .view-content .views-row *{color:#fff;position:relative;z-index:1}.block-views-blockblogs-block-1 .view-content .views-row:hover .views-field-field-teaser-image img{-webkit-transform:scale(1.1);transform:scale(1.1)}.block-views-blockblogs-block-1 .view-content .views-row:hover .views-field-title{padding:0 0 5.5rem}.block-views-blockblogs-block-1 .view-content .views-row:hover .views-field-view-node a:after{padding-left:1.25rem}.block-views-blockblogs-block-1 .view-content .views-row:hover .views-field-body .field-content{opacity:1;-webkit-transform:translate(0,-90px);transform:translate(0,-90px)}@media only screen and (max-width:75rem){.block-views-blockblogs-block-1 .view-content .views-row{height:450px;gap:12px}}@media only screen and (max-width:36rem){.block-views-blockblogs-block-1 .view-content .views-row{margin-right:1rem;margin-left:1rem}}.block-views-blockblogs-block-1 .view-content .slick-active{pointer-events:initial}.block-views-blockblogs-block-1 .view-footer{text-align:center}@media (max-width:26.25rem){.block-views-blockblogs-block-1 .view-footer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}
.dropdown-item.active{background-color:#fff !important}.our-portfolio{padding:5rem 0}.our-portfolio .our-portfolio-slider .slider-wrap{margin:0 auto;position:relative;-webkit-perspective:1000px;perspective:1000px;height:100%}.our-portfolio .our-portfolio-slider .slider-wrap .slider-inner{height:480px}.our-portfolio .our-portfolio-slider .slider-wrap .slider-inner .slider-item{display:block;position:absolute;transition:all .5s linear;width:85%;-webkit-filter:blur(3px);filter:blur(3px);visibility:hidden}.our-portfolio .our-portfolio-slider .slider-wrap .slider-inner .slider-item[data-position="2"]{z-index:9;visibility:visible;-webkit-transform:rotateY(0deg) translateX(18%) scale(.8);transform:rotateY(0deg) translateX(18%) scale(.8)}.our-portfolio .our-portfolio-slider .slider-wrap .slider-inner .slider-item[data-position="3"]{z-index:8;visibility:visible;-webkit-transform:rotateY(0deg) translateX(36%) scale(.6);transform:rotateY(0deg) translateX(36%) scale(.6)}.our-portfolio .our-portfolio-slider .slider-wrap .slider-inner .slider-item:first-child{visibility:visible;z-index:10 !important;-webkit-transform:rotateY(0deg) translateX(0) !important;transform:rotateY(0deg) translateX(0) !important;-webkit-filter:none;filter:none}.our-portfolio .our-portfolio-slider .slider-wrap .slider-inner .slider-item:hover:not(:first-child){cursor:pointer}.our-portfolio .our-portfolio-slider .slider-wrap .slider-inner .slider-content{position:absolute;bottom:50px;background:#fff;box-shadow:0 0 60px 0 rgba(0,0,0,.1);max-width:400px;padding:2rem;z-index:1}@media only screen and (max-width:36rem){.our-portfolio .our-portfolio-slider .slider-wrap .slider-inner .slider-content{padding:1.25rem;max-width:270px}.our-portfolio .our-portfolio-slider .slider-wrap .slider-inner .slider-content p{font-size:.875rem}}.our-portfolio .our-portfolio-slider .slider-wrap .slider-inner .slider-img{padding-left:5rem}.our-portfolio .our-portfolio-slider .slider-wrap .slider-inner .slider-img img{-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;height:480px;width:100%;box-shadow:0 0 80px 0 rgba(0,0,0,.15)}@media only screen and (max-width:62rem){.our-portfolio .our-portfolio-slider .slider-wrap .slider-inner .slider-img{padding-left:3rem}}@media only screen and (max-width:36rem){.our-portfolio .our-portfolio-slider .slider-wrap .slider-inner .slider-img{padding-left:1.5rem}}@media only screen and (max-width:62rem){.our-portfolio .our-portfolio-slider .slider-wrap .slider-inner,.our-portfolio .our-portfolio-slider .slider-wrap .slider-inner .slider-img img{height:320px}}.our-portfolio .progress-bar{width:100%;height:4px;background:#e7f0ff;position:relative}.our-portfolio .progress-bar .progress-track{position:absolute;top:0;left:0;width:0;height:100%;background:#1b3ecd;z-index:1;transition:all .3s linear}.our-portfolio .slick-arrow,.our-portfolio .slick-prev,.our-portfolio .slick-next{position:static;bottom:unset;top:unset;left:unset;right:unset}
.dropdown-item.active{background-color:#fff !important}.services-how-we-do-it{background:url("/themes/custom/innoraft/images/how-we-do-it.jpg") no-repeat;background-size:cover;background-position:center center;height:720px;width:100vw;margin-left:calc((100% - 100vw)/2);position:relative;overflow:hidden}.services-how-we-do-it .section-title{position:absolute;left:calc((100% - 100vw)/2);right:calc((100% - 100vw)/2);top:60px;width:100%;z-index:2;padding-left:1.875rem}.services-how-we-do-it .steps-container{margin:0 .5rem;height:100%;-webkit-align-content:flex-end;-ms-flex-line-pack:end;align-content:flex-end;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding-top:5rem}.services-how-we-do-it .steps-container *{color:#fff}.services-how-we-do-it .steps-container .step{width:20%;padding:15rem 2rem 3.75rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;height:100%;position:relative;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;transition:all .3s linear}.services-how-we-do-it .steps-container .step:last-child{border-right:none}.services-how-we-do-it .steps-container .step:before{content:"";height:250%;width:100%;position:absolute;top:-100%;opacity:0;left:0;z-index:0;transition:all .2s linear;background:radial-gradient(101.9% 141.42% at 0% 0%,rgba(158,158,158,.12) 0%,rgba(158,158,158,.06) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.services-how-we-do-it .steps-container .step:after{content:"";height:250%;width:1px;background:rgba(255,255,255,.2);position:absolute;top:-100%;right:0}.services-how-we-do-it .steps-container .step--inner-container{overflow-y:clip;height:100%;width:100%;position:relative}.services-how-we-do-it .steps-container .step--inner{transition:all .3s ease-in;position:absolute;z-index:1;width:100%;left:0;top:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.services-how-we-do-it .steps-container .step--inner p{transition:all .3s ease-in .2s;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.services-how-we-do-it .steps-container .step .step-counter{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20px;margin-bottom:1.25rem;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.services-how-we-do-it .steps-container .step .step-counter .number{font-family:"Big Shoulders Display",cursive,sans-serif !important;font-size:6.25rem;font-weight:700;color:#ff774c;letter-spacing:.025rem;line-height:.9}.services-how-we-do-it .steps-container .step:hover:before{opacity:1}.services-how-we-do-it .steps-container .step-width{width:25%}.services-how-we-do-it .steps-container .inactive-step{width:15%}.services-how-we-do-it .steps-container .inactive-step .step--inner{top:33%}.services-how-we-do-it .steps-container .inactive-step .step--inner p{-webkit-transform:translateX(5%);transform:translateX(5%);opacity:0}@media screen and (max-width:62rem){.services-how-we-do-it .steps-container .inactive-step .step--inner p{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.services-how-we-do-it .steps-container .inactive-step .step--inner .step-counter img{max-width:60px;height:60px}@media screen and (max-width:75rem){.services-how-we-do-it .steps-container .inactive-step .step--inner .step-counter img{max-width:50px;height:50px}}@media screen and (max-width:62rem){.services-how-we-do-it .steps-container .inactive-step .step--inner .step-counter img{max-width:80px;height:80px}}@media screen and (max-width:75rem){.services-how-we-do-it .steps-container .inactive-step .step--inner .step-counter{gap:12px}.services-how-we-do-it .steps-container .inactive-step .step--inner .step-counter .number{font-size:4rem}}@media screen and (max-width:75rem) and (max-width:62rem){.services-how-we-do-it .steps-container .inactive-step .step--inner .step-counter .number{font-size:5rem}}@media screen and (max-width:62rem){.services-how-we-do-it .steps-container .inactive-step .step--inner .step-counter{gap:20px}}@media screen and (max-width:75rem){.services-how-we-do-it .steps-container .inactive-step .step--inner{gap:40px;-webkit-transform:translateY(200px);transform:translateY(200px)}.services-how-we-do-it .steps-container .inactive-step .step--inner h4{font-size:1.1875rem}}@media screen and (max-width:75rem) and (max-width:62rem){.services-how-we-do-it .steps-container .inactive-step .step--inner h4{font-size:1.5rem}}@media only screen and (max-width:75rem) and (max-width:36rem){.services-how-we-do-it .steps-container .inactive-step .step--inner h4{font-size:1.25rem}}@media screen and (max-width:62rem){.services-how-we-do-it .steps-container .inactive-step .step--inner{gap:60px;-webkit-transform:translateY(0);transform:translateY(0)}}@media only screen and (max-width:36rem){.services-how-we-do-it .steps-container .inactive-step .step--inner{gap:20px}}.services-how-we-do-it .steps-container .active-step{width:25%}.services-how-we-do-it .steps-container .active-step:before{opacity:1}.services-how-we-do-it .steps-container .active-step .step--inner{top:0}.services-how-we-do-it .steps-container .active-step .step--inner p{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation:textVisible 1s forwards;animation:textVisible 1s forwards}@-webkit-keyframes textVisible{0%{opacity:0;visibility:visible}100%{opacity:1}}@keyframes textVisible{0%{opacity:0;visibility:visible}100%{opacity:1}}@media screen and (max-width:62rem){.services-how-we-do-it .steps-container .active-step .step--inner p{opacity:1;-webkit-animation:none;animation:none}}.services-how-we-do-it .steps-container .active-step .step--inner .step-counter img{max-width:60px;height:60px}@media screen and (max-width:75rem){.services-how-we-do-it .steps-container .active-step .step--inner .step-counter img{max-width:50px;height:50px}}@media screen and (max-width:62rem){.services-how-we-do-it .steps-container .active-step .step--inner .step-counter img{max-width:80px;height:80px}}@media screen and (max-width:75rem){.services-how-we-do-it .steps-container .active-step .step--inner .step-counter{gap:12px}.services-how-we-do-it .steps-container .active-step .step--inner .step-counter .number{font-size:4rem}}@media screen and (max-width:75rem) and (max-width:62rem){.services-how-we-do-it .steps-container .active-step .step--inner .step-counter .number{font-size:5rem}}@media screen and (max-width:62rem){.services-how-we-do-it .steps-container .active-step .step--inner .step-counter{gap:20px}}@media screen and (max-width:75rem){.services-how-we-do-it .steps-container .active-step .step--inner{gap:40px}.services-how-we-do-it .steps-container .active-step .step--inner h4{font-size:1.1875rem}}@media screen and (max-width:75rem) and (max-width:62rem){.services-how-we-do-it .steps-container .active-step .step--inner h4{font-size:1.5rem}}@media only screen and (max-width:75rem) and (max-width:36rem){.services-how-we-do-it .steps-container .active-step .step--inner h4{font-size:1.25rem}}@media screen and (max-width:75rem){.services-how-we-do-it .steps-container .active-step .step--inner{gap:60px}}@media only screen and (max-width:36rem){.services-how-we-do-it .steps-container .active-step .step--inner{gap:20px}}@media only screen and (max-width:87.5rem){.services-how-we-do-it{height:670px}.services-how-we-do-it .steps-container .step{padding:12rem 1.5rem 3.75rem}.services-how-we-do-it .steps-container .step--inner p{font-size:.875rem;margin-bottom:0}.services-how-we-do-it .steps-container .step .step-counter .number{font-size:5rem}.services-how-we-do-it .steps-container .step .step-counter img{max-width:80px;height:80px}}@media only screen and (max-width:75rem){.services-how-we-do-it{height:auto;padding:3.75rem 0}.services-how-we-do-it.six-step-services{height:650px}.services-how-we-do-it .steps-container{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;max-width:100%;margin:0 auto;width:100%;height:auto}.services-how-we-do-it .steps-container .step{padding:2rem .75rem}.services-how-we-do-it .steps-container .step:last-child{border-bottom:none}.services-how-we-do-it .steps-container .step--inner{position:static;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:60px;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.services-how-we-do-it .steps-container .step--inner p{font-size:1rem;margin-bottom:0;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.services-how-we-do-it .steps-container .step .step-counter{-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:0}.services-how-we-do-it .steps-container .step .step-counter .number{font-size:6.25rem}.services-how-we-do-it .steps-container .step .step-counter img{max-width:initial;height:initial}.services-how-we-do-it .steps-container .inactive-step:before{height:300%}.services-how-we-do-it .steps-container .inactive-step:after{height:300%}.services-how-we-do-it .steps-container .inactive-step .step--inner-container{height:400px}.services-how-we-do-it .steps-container .active-step:before{height:300%}.services-how-we-do-it .steps-container .active-step:after{height:300%}}@media only screen and (max-width:62rem){.services-how-we-do-it.six-step-services{height:auto}.services-how-we-do-it .section-title{padding-left:.75rem}.services-how-we-do-it .steps-container{max-width:720px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-top:6.75rem}.services-how-we-do-it .steps-container .step{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%}.services-how-we-do-it .steps-container .step--inner{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.services-how-we-do-it .steps-container .step .step-counter .number{font-size:5rem}.services-how-we-do-it .steps-container .step .step-counter img{max-width:80px;height:80px}.services-how-we-do-it .steps-container .step:after{width:250%;height:1px;right:-100%;bottom:0;top:unset}.services-how-we-do-it .steps-container .step:before{display:none}.services-how-we-do-it .steps-container .step-width,.services-how-we-do-it .steps-container .inactive-step,.services-how-we-do-it .steps-container .active-step{width:100%}.services-how-we-do-it .steps-container .step-width:before,.services-how-we-do-it .steps-container .inactive-step:before,.services-how-we-do-it .steps-container .active-step:before{display:none}.services-how-we-do-it .steps-container .inactive-step .step--inner-container{height:auto}}@media only screen and (max-width:48rem){.services-how-we-do-it .steps-container{max-width:576px;padding-top:6rem}.services-how-we-do-it .steps-container .step .step-counter .number{font-size:5rem}.services-how-we-do-it .steps-container .step .step-counter img{max-width:80px;height:80px}}@media only screen and (max-width:36rem){.services-how-we-do-it .steps-container{max-width:100%;padding-top:6rem}.services-how-we-do-it .steps-container .step--inner{text-align:center;gap:20px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.services-how-we-do-it .steps-container .step .step-counter{margin-bottom:0}}@media only screen and (max-width:26.25rem){.services-how-we-do-it .steps-container{padding-top:7.5rem;margin-top:1rem}}
.services-what-we-do .custom-card-container p{font-size:.875rem;line-height:1.5;letter-spacing:.025rem}@media screen and (max-width:47.9375rem){.services-what-we-do .custom-card-container p{font-size:.875rem}}.dropdown-item.active{background-color:#fff !important}.services-what-we-do{padding:6rem 0}.services-what-we-do .row{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.services-what-we-do .custom-card-container{background:#1b3ecd;padding:2rem 2rem 2.5rem;height:100%}.services-what-we-do .custom-card-container .custom-card-icon .ico:before{font-size:2.5rem}.services-what-we-do .custom-card-container.dark{background:#131c32}.services-what-we-do .custom-card-container.light{background:#e7f0ff}@media only screen and (max-width:48rem){.services-what-we-do{padding:3.75rem 0}}