:root { 
  --white: #fff;
  --black: #000;
  --primary-font: 'NeutrafaceText';
  --secondary-font: "ivypresto-display",serif;
  /* --secondary-font: 'Badoga'; */
  --custom-ease: all 0.7s cubic-bezier(.215,.61,.355,1);
}
@font-face {
  font-family: 'Badoga';
  src: url('../fonts/Badoga.eot');
  src: url('../fonts/Badoga.eot') format('embedded-opentype'),
       url('../fonts/Badoga.woff2') format('woff2'),
       url('../fonts/Badoga.woff') format('woff'),
       url('../fonts/Badoga.ttf') format('truetype'),
       url('../fonts/Badoga.svg#Badoga') format('svg');
}
 
@font-face {
  font-family: 'NeutrafaceText';
  src: url('../fonts/NeutrafaceTextLight.eot');
  src: url('../fonts/NeutrafaceTextLight.eot') format('embedded-opentype'),
       url('../fonts/NeutrafaceTextLight.woff2') format('woff2'),
       url('../fonts/NeutrafaceTextLight.woff') format('woff'),
       url('../fonts/NeutrafaceTextLight.ttf') format('truetype'),
       url('../fonts/NeutrafaceTextLight.svg#NeutrafaceTextLight') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
  font-family: 'NeutrafaceText';
  src: url('../fonts/NeutrafaceTextBook.eot');
  src: url('../fonts/NeutrafaceTextBook.eot') format('embedded-opentype'),
       url('../fonts/NeutrafaceTextBook.woff2') format('woff2'),
       url('../fonts/NeutrafaceTextBook.woff') format('woff'),
       url('../fonts/NeutrafaceTextBook.ttf') format('truetype'),
       url('../fonts/NeutrafaceTextBook.svg#NeutrafaceTextBook') format('svg');
    font-weight: 400;
    font-style: normal;
}


/* Swiper */
 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth{overflow:hidden;}
html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.has-scroll-smooth body{overflow:hidden;}
.has-scroll-smooth [data-scroll-container]{min-height:100%;}
[data-scroll-direction="horizontal"] [data-scroll-container]{height:100%;display:flex; }
[data-scroll-direction="horizontal"] [data-scroll-section]{display:flex;vertical-align:top; height:100vh;}
.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform 0.3s,opacity 0.3s;opacity:0; display: none !important;}
.c-scrollbar:hover{transform:scaleX(1.45);}
.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1;}
[data-scroll-direction="horizontal"] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1);}
[data-scroll-direction="horizontal"] .c-scrollbar:hover{transform:scaleY(1.3);}
.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:black;opacity:0.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab;}
.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing;}
[data-scroll-direction="horizontal"] .c-scrollbar_thumb{right:auto;bottom:0;}
[data-scroll-direction="horizontal"] [data-scroll-container] > *,
[data-scroll-direction="horizontal"] [data-scroll-section] > *{white-space: normal;}
[data-scroll-section]{ flex-shrink: 0;}
/* =================reset css starts here=================  */
*{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,ul,li,body,html,form,fieldset{margin:0;padding:0;outline:none;border:0;}
a{text-decoration:none;border:0;outline:0;}
ul{list-style:none;}
a:focus,input:focus,textarea:focus,*:focus{outline:0!important;}
/* =================reset css ends here================= */
/* =================core css starts here================= */
html{font-size:16px;line-height:1.5;}
body{font-size:1.3vw;font-size: max(1.3vw, 18px); line-height:1.5;font-weight:300;font-family: var(--primary-font);color:var(--black);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.container{width:calc(100vw);}
a,input,button{display:inline-block;text-decoration:none;color:inherit;outline:none;transition:all 0.2s ease-in;-webkit-transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1);}
a img{border:0px none;}
a:hover{outline:none;color:var(--black);text-decoration:none;}
a:active{outline:none;text-decoration:none;}
a:focus{outline:none;outline-offset:0px;text-decoration:none;color:inherit;}
img{max-width:100%;border:0;height:auto;}
.parallax-img img{width:100%;height:120%!important;object-fit:cover;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;margin-bottom:1rem;line-height:1.2;font-weight:100;color:inherit;font-family: var(--secondary-font); text-transform: uppercase;}
h1{font-size:4rem;}
h2{font-size:3.25rem;}
h3{font-size:2.5rem;}
h4{font-size:2rem;}
h5{font-size:1.5rem;}
h6{font-size:1.375rem;}
p{margin:0px;padding:0px;margin-bottom:1.5rem;}
strong{font-weight:900;}
b{font-weight:400;}
p:last-child{margin-bottom:0;}
ul:not([class]){list-style:none;margin-bottom:24px;text-align:left;}
ul:not([class])>li{padding-left:22px;position:relative;margin-bottom:18px;}
ul:not([class])>li:last-child{margin-bottom:0;}
ul:not([class])>li:before{content:"";position:absolute;left:0px;top:9px;background:var(--black);height:8px;width:8px;border-radius:50%;}
ol:not([class]){margin-bottom:24px;text-align:left;list-style-position:outside;margin-left:18px;padding:0;}
ol:not([class])>li{position:relative;margin-bottom:18px;}
ol:not([class])>li:last-child{margin-bottom:0;}
/* =================core css ends here================= */
.preloader{position: fixed; left: 0; top: 0; background: #fff; z-index: 999999999999; width: 100%; height: 100%;}
@media (min-width:991.98px){
  .home{overflow: hidden;}
}
/* ================= Header Start ================= */
#header {width: 100%; color: var(--black); background: var(--white); /*border-bottom: dashed 1px #D7D2CA; */ position: fixed; left: 0; top: 0;  padding: 0; z-index: 9999; transition: all 0.5s cubic-bezier(0.215,0.61,0.355,1); -webkit-transition: all 0.5s cubic-bezier(0.215,0.61,0.355,1); display: flex; align-items: center; mix-blend-mode: normal;}
.logo-text h2{font-family: var(--primary-font);font-size:17px;line-height: 1.1;margin-bottom:0;}
.logo-text h3 {font-family: var(--primary-font);font-size: 13px;line-height: 1.1;margin: 0;color: #948181;}
.navbar { padding: 0; width: 100%; height: 5.365vw; /*border-bottom: 0.05vw dashed #D7D2CA;*/ padding: 0 1.45vw;}
.navbar-brand { width: 1.9vw; padding: 0; margin: 0; position: relative; z-index: 999;}
.navbar-brand img { width: 100%; }
.navbar-expand-lg .navbar-nav .nav-item { margin: 0 1.6vw 0 0;}
.navbar-expand-lg .navbar-nav .nav-link { font-size: 0.75vw; line-height: 1; font-weight: 300; color: inherit; padding: 0; margin: 0; position: relative; text-transform: uppercase;}
/* .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link,.navbar-expand-lg .navbar-nav .nav-item.active .nav-link { color: var(--white); text-decoration: none; } */
.navbar-expand-lg .navbar-nav .nav-item.active .nav-link{font-weight: 400;}
.dropdown-toggle::after { display: none;}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow { display: none;}
.nav-inside { width: 100%; padding: 0;} 
.nav-outer{display: none; margin-left:1.8vw;}
.nav-inside-content.in .nav-outer{display: block;}
.linkMove{position: relative; overflow: hidden;}
.linkMove span{transition: all 0.4s cubic-bezier(.215,.61,.355,1); position: relative; display: flex;}
.linkMove span:after{content:attr(data-label);  position: absolute; left: 0; top: 110%; }
.linkMove:hover span{transform: translateY(-110%);}
.textMove{position: relative; overflow: hidden;}
.textMove span{transition: all 0.4s cubic-bezier(.215,.61,.355,1); position: relative; display: flex;}
.textMove span:after{content:attr(data-label);  position: absolute; left: 0; top: 110%; }
.is-inview.textMove span{transform: translateY(-110%);}

html.has-scroll-scrolling:has(.body) .nav-inside-content:not(.in){opacity: 0;}
.home .navbar-brand img { width: 100%; filter: brightness(0) invert(1);}
.home #header{mix-blend-mode: difference; color: var(--white); width: auto; background: transparent; border: 0;}
[data-scroll-section] #header{position: relative;}
/* ================= Header End ================= */ 
/* ============================= Home Page Start ============================ */
/* ============================= Common Sections Start ============================ */
.section{height: 100%;} 
.animate-child *{transform: translateX(10vw); opacity: 0; transition: all 1s cubic-bezier(.215,.61,.355,1);}
.is-inview .animate-child *{transform: translateX(0); opacity: 1;}
.animate-child-up *{transform: translateY(10px); opacity: 0; transition: all 1s cubic-bezier(.215,.61,.355,1);}
.is-inview .animate-child-up *{transform: translateY(0); opacity: 1;}
.animate-child *:nth-child(1), .animate-child-up *:nth-child(1){transition-delay: 0.3s;}
.animate-child *:nth-child(2), .animate-child-up *:nth-child(2){transition-delay: 0.4s;}
.animate-child *:nth-child(3), .animate-child-up *:nth-child(3){transition-delay: 0.5s;}
.animate-child *:nth-child(4), .animate-child-up *:nth-child(4){transition-delay: 0.6s;}
.animate-child *:nth-child(5), .animate-child-up *:nth-child(5){transition-delay: 0.7s;}
.animate-child *:nth-child(6), .animate-child-up *:nth-child(6){transition-delay: 0.8s;}
.animate-child *:nth-child(7), .animate-child-up *:nth-child(7){transition-delay: 0.9s;}
.animate-child *:nth-child(8), .animate-child-up *:nth-child(8){transition-delay: 1.0s;}
.animate-child *:nth-child(9), .animate-child-up *:nth-child(9){transition-delay: 1.1s;}
.animate-child *:nth-child(10), .animate-child-up *:nth-child(10){transition-delay: 1.2s;}
.animate-child *:nth-child(11), .animate-child-up *:nth-child(11){transition-delay: 1.4s;}
.animate-child *:nth-child(12), .animate-child-up *:nth-child(12){transition-delay: 1.5s;}

 

.is-inview.hc-heading h2 span b{transform: translateY(0) rotate(0);}
.hc-heading h2 span b{position: relative; transform: translateY(100%) rotate(5deg); transform-origin: left bottom;  transition: all 0.5s cubic-bezier(.215,.61,.355,1);  }
.hc-heading h2 span:nth-child(1) b{transition-delay: 0.6s;}
.hc-heading h2 span:nth-child(2) b{transition-delay: 0.7s;}
.hc-heading h2 span:nth-child(3) b{transition-delay: 0.8s;}

.hero-content {width: 100vw;height: 100%;display: flex;align-items: center; padding-top: 4.5vw; padding-right: 4vw;}
.hc-left{padding-left: 6.8vw;}
.hero-text{padding-bottom: 1vh;}
.hero-text h1 { font-family: var(--primary-font); font-size: 2vw; line-height: 1; margin-bottom: 0.05vw; overflow: hidden;}
.hero-text h3 { font-family: var(--primary-font); font-size: 0.75vw; line-height: 1.8; margin: 0; overflow: hidden;}
.hero-text h1 span, .hero-text h3 span{position: relative; display: flex; transform: translateY(100%) rotate(5deg); transform-origin: left bottom;  transition: all 0.5s cubic-bezier(.215,.61,.355,1) 0.3s; }
.is-inview.hero-text h1 span,
.is-inview.hero-text h3 span{transform: translateY(0) rotate(0);}
.hc-heading h2 { font-size: 15.625vw;font-size: 28vh; font-weight: 300; line-height: 1.18; text-align: right; text-transform: none; color: #000; letter-spacing: -0.3vw; padding-bottom: 4vh;}
.hc-heading h2 span {display: flex; overflow: hidden; margin: 0;  justify-content: flex-end; height: 30vh;}
.hc-heading h2 span b{height: 100%; display: flex;}
.hc-heading h2 span b img{height: 100%; width: auto; object-fit: contain;}
.hc-heading h2 span:nth-child(1){height: 24vh;}
.hc-heading h2 span:nth-child(2){height: 24vh;margin: 10vh 0 -4vh;}
.hc-heading h2 span:nth-child(3){height: 32.5vh;margin-bottom: 2vh;}

.hero-image-container{width: 58.4vw;height: 100%; background: #333; overflow: hidden;}
.hero-slider-wrapper{width:120%; margin-left: -10%;}
.hero-slide-inner{ width: 100%; height: 100%; clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%); transition: all 0s cubic-bezier(.215,.61,.355,1); transition-delay: 1s;   overflow: hidden; }
.swiper-slide.swiper-slide-active .hero-slide-inner{ transform: scale(1)!important; clip-path: polygon(0% 0,100% 0,100% 100%,0% 100%); transition: all 1s cubic-bezier(.215,.61,.355,1)}
.hero-slide-inner img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.5); transition: all 0s cubic-bezier(.215,.61,.355,1); transition-delay: 1s}
.swiper-slide.swiper-slide-active .hero-slide-inner img { transform: scale(1)!important; transition: all 2s cubic-bezier(.215,.61,.355,1)}
.image-slide-inner{ width: 100%; height: 100%; clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%); transition: all 0s cubic-bezier(.215,.61,.355,1); transition-delay: 1s;  overflow: hidden; }
.swiper-slide.swiper-slide-active .image-slide-inner{ transform: scale(1)!important; clip-path: polygon(0% 0,100% 0,100% 100%,0% 100%); transition: all 1s cubic-bezier(.215,.61,.355,1)}
.image-slide-inner img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.1); transition: all 0s cubic-bezier(.215,.61,.355,1); transition-delay: 1s !important;}
.swiper-slide.swiper-slide-active .image-slide-inner img { transform: scale(1)!important; transition: all 2s cubic-bezier(.215,.61,.355,1)}
.about-text-box {width: 84.5vw; height: 100%; padding:5.365vw 7vw 4vw 4.7vw; display: flex;flex-flow: column; }
.about-upper h6{margin-bottom:0; font-size: 2.28vw; font-weight: 400; letter-spacing: -0.025vw; line-height: 1.33; text-transform: none; padding-right: 0.3vw;}
.about-lower {margin-top: auto;padding-top: 3vw;}
.about-lower-left {width: 37.5%;}
.about-service-list{display: block;font-weight: 400;font-size: 1.05vw;letter-spacing: -0.025vw;line-height: 1.25;}
.about-content {width: 46%;font-size: 1.05vw;font-weight: 300;opacity: 0.6;line-height: 1.25;letter-spacing: -0vw; text-align: justify;}
.about-right {width: 16.5%;display: flex;justify-content: end;align-items: end;font-size: 1.3vw;} 
.portfolio-list {height: 100%;}
.portfolio-item {width: 46.7vw;padding:5.365vw 0 4.0vw;width: 42vw;}
.portfolio-box {height: 100%;display: flex;flex-flow: column;padding:0 3.5vw 1vw; border-left: 0.05vw solid #000; position: relative; }
.portfolio-box-image {height: 65.5%;margin-top: auto;}
.portfolio-box-text h3 {margin-bottom: 1.2vw;font-size: 2.6vw;font-weight: 400;letter-spacing: -0.025vw;line-height: 1;}
.portfolio-service-list {font-size: 0.95vw;letter-spacing: -0.03vw;line-height: 1.2;}
.portfolio-box-text {height: 34.5%;display: flex;flex-flow: column;padding-bottom: 0.7vh;}
.portfolio-box-image-holder {height: 100%;width: 100%; position: relative; overflow: hidden;}
.portfolio-box-image-holder img {width: 100%;height: 100%;object-fit: cover;}
.portfolio-box-image-main{width: 100%; height: 100%; position: relative; z-index: 8; transform: scale(1); transition: all 3s cubic-bezier(.215,.61,.355,1); }
.portfolio-box-image-hover{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; opacity: 0; transition: var(--custom-ease); overflow: hidden;}
.portfolio-item:not(.is-inview) .portfolio-box-image-main{transform: scale(1.5);}
.portfolio-box-image-hover img{transform: scale(1); transition: var(--custom-ease);}
.portfolio-box-image-holder:hover .portfolio-box-image-hover img{transform: scale(1.05);}
.portfolio-box-image-holder:hover .portfolio-box-image-hover{opacity: 1;}
.portfolio-cta *{transition-delay: 0s !important;}
.portfolio-phrase{color: #948181; position: absolute; left: 3.5vw; top: 100%; font-size: 0.8vw; line-height: 1;}
.link-btn {margin-top: auto;font-size: 0.8vw;}
.link-btn > img {width: 1.1vw;height: 1vh; margin-left: 0.3vw;transition: var(--custom-ease);}
.link-btn:hover > img {margin-left: 0.8vw; transition-delay: 0;}
.contact-section { padding: 3vh 11.5% 4.35vh 17%; width: 100vw; height: 100%;}
.contact-section-overlay { position: absolute; width: 100%; height: 100%; background: #000; left: 0; top: 0; transition: all 0.5s cubic-bezier(.215,.61,.355,1) 1s;}
.contact-container { width: 100%; height: 100%; display: flex; flex-flow: column; position: relative; justify-content: center; mix-blend-mode: difference; color: #fff; transition: all 0.5s cubic-bezier(.215,.61,.355,1) 1s;}
.contact-section.is-inview .contact-section-overlay { height: 0;}
.contact-section.is-inview .contact-container { color: var(--black); mix-blend-mode: normal;}
.contact-section img{filter: brightness(0) invert(1); transition: all 0.5s cubic-bezier(.215,.61,.355,1) 1s;}
.contact-section.is-inview img{filter: none; }
.contact-section:not(.is-inview) a:hover{color: #fff;} 
.contact-content {  width: 36vw; padding-left: 0.5vw;}
.contact-content h2 { margin-bottom: 4vh;/* font-size: 6.67vw; letter-spacing: -0.14vw; line-height: 1.3; text-transform: none;*/}
.contact-content h2 img{height: 10.3vh;}
.contact-form-box .formInput { display: inline-block; position: relative; vertical-align: top; min-width: 0vw;  -webkit-user-modify: read-write; -moz-user-modify: read-write; user-modify: read-write; word-wrap: break-word; -webkit-line-break: after-white-space; -moz-line-break: after-white-space; outline: none;  opacity: 1; transition: all ease-in-out .2s; cursor: text; }
.contact-form-box .formInput.one:empty{min-width: 4.9vw;}
.contact-form-box .formInput.two:empty{min-width:8.25vw;}
.contact-form-box .formInput.three:empty{min-width:5.65vw;}
.contact-form-outer { font-size: 1.05vw; font-weight: 400; letter-spacing: -0.025vw; line-height: 1.25;}
.contact-form-box .formInput:after { position: absolute; left: 0; transition: all ease .3s; color: rgb(148 129 129 / 50%);}
.formInput:after{content:attr(data-title);}
 
.contact-form-box [contenteditable="true"]:focus:after { opacity: 0;}
.contact-form-box [contenteditable="true"]:not(:empty):after { opacity: 0;} 
.contact-form-btn { margin-top: 2.6vw; border-bottom: solid 1px transparent;} 
.quick-contact {position: absolute; bottom: 13.5%; right: 0;width: 12.5vw;}
.quick-contact-list { font-size: 1.05vw; font-weight: 400; letter-spacing: -0.025vw; line-height: 1.25;}
.quick-contact-item + .quick-contact-item { margin-top: 1.3vw;}
.footer { position: absolute; bottom: 0; width: 100%; left: 0;}
.copyright { font-size: 0.825vw;}
.copyright img{width: 1vw; margin-right: 0.2vw;}
.social-list { margin-right: 2vw;}
.social-link { font-size: 0.729vw;}
.social-link > img { width: 0.88vw; transform: rotate(-45deg);  margin-left: 0.2vw;}
.social-item + .social-item { margin-left: 1.2vw;}
.social-link:hover { color: #000;}
.social-link:hover img { transform: none;}
.contact-section.is-inview .social-link:hover img{transition-delay: 0s !important;}

.next-project-container{padding: 5vw 0;}
.np-head{text-transform: uppercase; font-size: 1.27vw; line-height: 1.2; padding-bottom: 0.5vw; border-bottom: solid 1px var(--black); margin-bottom: 5vw;}
.np-item{width:44%;}
.np-image{padding-bottom: 74%; height: auto !important; position: relative;}
.np-image picture{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.np-image img{width: 100%; height: 100%; object-fit: cover;}
.np-name{font-family: var(--secondary-font); font-weight: 100; font-size: 1.9vw;line-height: 1.3;margin-bottom: 0.5vw;text-transform: uppercase;letter-spacing: -0.05vw;}
.np-box:hover img{transform: scale(1.3) !important;}

.content-container{padding: 13.5vw 0;}
.content-container.mid-pad{padding: 8vw 0;}
.content-container.less-pad{padding: 3vw 0;}
.custom-container {width: 88.021vw;margin: 0 auto;}
.inner-hero-text {padding: 15.5vw 0 4vw;}
.inner-hero-text h1 {font-size: 5vw; line-height: 1.2; letter-spacing: -0.1vw;margin-bottom: 0; overflow: hidden;}
.inner-hero-text h1 span{position: relative; display: flex; justify-content: center; transform: translateY(100%) rotate(5deg); transform-origin: left bottom;  transition: all 0.5s cubic-bezier(.215,.61,.355,1) 0.3s;}
.inner-hero-text.is-inview h1 span{transform: translateY(0) rotate(0);}
.inner-hero-image {position: relative; overflow: hidden; display: flex;}
.inner-hero-image > img { width: 100%;  transition: all 1s cubic-bezier(.215,.61,.355,1); transform: scale(1.3);}
.inner-hero-image.is-inview > img{transform: scale(1);}
.ibc-list {width: calc(100% + 1.2vw);margin-left: -0.6vw;margin-bottom: -1.2vw;}
.ibc-item {margin-bottom: 1.2vw;padding: 0 0.6vw;} 
.ibc-image {position: relative; width: 100%; height: 100%;}
.ibc-list + .ibc-list {margin-top: 1.2vw;}
.itc-text {width: 53.3%;font-size: 1.3vw;padding: 0 9.15vw 0 6.5vw;font-weight: 300;letter-spacing: -0.03vw;text-align: justify;line-height: 1.4;}
.itc-image-inner {width: calc(100% + 6vw); position: relative;}
.itc-image-inner>img {position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;}
.itc-image {width: 46.7%;}
.img-50-left {width: 41.45vw;}
.img-50-right {width: 44vw;padding-right: 3.9vw;}
.img-50-left-inner {width: calc(100% + 6vw);margin-left: -6vw;}
.ibc-2-image .ibc-item {width: 50%;}
.ibc-3-image .ibc-item {width: 33.33%;}
.ibc-1-image .ibc-item {width: 100%;}
.img-hold{width: 100%; height: 100%; position: relative; overflow: hidden;}
.img-hold img{width: 100%; height: 100%; object-fit: cover; transition: all 1s cubic-bezier(.215,.61,.355,1); transform: scale(1.3);}
.is-inview.img-hold img{transform: scale(1);}
.video-hold{width: 100%; height: 100%; position: relative; overflow: hidden;}
.video-hold video{width: 100%; height: 100%; object-fit: cover; transition: all 1s cubic-bezier(.215,.61,.355,1); transform: scale(1.3);}
.is-inview.video-hold video{transform: scale(1);}
.video-hold.add-white:before{content:''; width: 100%; height: 4px; background: #fff; position: absolute; left: 0; top: -2px; z-index: 9;}
.work-info-container {padding: 5.1vw 0 4.2vw;}
.work-info-content {font-size:max(1.05vw, 14px); letter-spacing: -0.04vw;line-height: 1.25;}
.work-info-content h4 {font-family: var(--primary-font);font-size:max(2.5vw, 24px);; font-weight: 400;letter-spacing: -0.05vw;margin-bottom: 1.1vw;}
.itc-text-image {position: relative;padding-bottom: 20.85vw;margin-top: 1.9vw;}
.itc-text-image>img {position: absolute;left: 0;right: 0;bottom: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.text-justify{text-align: justify;}
picture{display: flex; width: 100%; height: 100%;}



.mob-mockup { height: calc(100vh - 100px); border-radius: 2.5vw; overflow: hidden; position: relative; background: var(--black); width: 46vh; margin: 0 auto; }
.mob-mockup img{margin-top:0; width: 100%; position: absolute; left: 0; top: 0; width: 100%;}

@keyframes moveDown {
  from {transform: translateY(0);}
  to {transform:translateY(calc(-100% + calc(100vh - 100px)));}
}
@keyframes moveUp {
  from {transform: translateY(calc(-100% + calc(100vh - 100px)));}
  to {transform: translateY(0%);}
}
 
.is-inview.mockup1 img{animation-name: moveDown; animation-duration: 10s;animation-iteration-count: infinite; animation-timing-function: linear;animation-direction: alternate;}
.is-inview.mockup2 img{animation-name: moveUp; animation-duration: 10s;animation-iteration-count: infinite; animation-timing-function: linear;animation-direction: alternate;}

.video-sound{position: absolute; bottom: 100%; right: 0; color:var(--black);  padding: 0.3vw; font-size: 1vw; line-height: 1; display: none !important;}
.video-sound:after{content:'ON';}
.playing .video-sound:after{content:'OFF';}

.product-phone-outer {width: 100%;height: calc(100vh - 100px);}
.product-phone-back {width: 100%;height: 50%; z-index: 9;top: 25%;position: relative;}
.product-phone-front {position: absolute;left: 50%;top: 0;height: 100%;z-index: 10;transform: translateX(-50%);}
.product-phone-front img {height: 100%;width: auto;object-fit: contain;max-width: none;}
.move-slide-inner img{width: 100%; height: 100%; object-fit: cover;}
.move-slider{overflow: visible;}
.move-slide{max-width: 90vh;}
/* ==========================================
! Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px){
}
/* ==========================================
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px){ 
  .navbar-toggler { display:none;}
  .home .nav-outer{display: block;}
}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px){
  :root {
    --custom-ease: all 0.3s cubic-bezier(.215,.61,.355,1);
    --custom-ease-long: all 1s cubic-bezier(.215,.61,.355,1);
}
.navbar{height:70px; padding: 0 8px;}
.navbar-toggler { display: block; width: 40px; height: 40px; border-radius: 0; cursor: pointer; text-decoration: none; padding: 0; border: 0; background: transparent; margin: 0; position: absolute; right: 10px; top: 50%; z-index: 999; transform: translateY(-50%); display: flex; align-items: center; justify-content: center;}
.navbar-default .navbar-toggler:hover,.navbar-default .navbar-toggler:focus {background: transparent;}
.navbar-toggler:not([class="collapsed"]),.navbar-toggler:not([class="collapsed"]):focus,.navbar-toggler:not([class="collapsed"]):hover {background: transparent;box-shadow: none;}
.navbar-toggler.collapsed,.navbar-toggler.collapsed:focus,.navbar-toggler.collapsed:hover {background: transparent;}
.home .navbar-toggler.collapsed,.home .navbar-toggler.collapsed:focus,.home .navbar-toggler.collapsed:hover {background: transparent;}
.navbar-toggler .navbar-toggler-icon {position: relative;display: inline-block;width: 24px;height: 1px;color: var(--black);text-indent: -55px;margin-top: 0;background: transparent!important;transition: var(--custom-ease);-webkit-transition: var(--custom-ease);vertical-align: middle;}
.navbar-toggler .navbar-toggler-icon:before,.navbar-toggler .navbar-toggler-icon:after {content: "";width: 24px;height: 1px;background: var(--black);position: absolute;left: 0;transition: var(--custom-ease);}
.navbar-toggler.collapsed .navbar-toggler-icon {background: var(--black)!important;}
.navbar-toggler.collapsed .navbar-toggler-icon:before,.navbar-toggler.collapsed .navbar-toggler-icon:after {background: var(--black);}
.navbar-toggler.collapsed .navbar-toggler-icon:before {top: -6px;-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);}
.navbar-toggler .navbar-toggler-icon:before {top: 0;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.navbar-toggler.collapsed .navbar-toggler-icon:after {bottom: -6px;-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);}
.navbar-toggler .navbar-toggler-icon:after {bottom: 0;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
.navbar-collapse,.navbar-collapse.collapsing {width: 100%;height: 100%;position: fixed;top: 0;left: 100%;background: var(--white);padding: 0;z-index: 99;margin: 0;border: 0;overflow-y: auto;display: block!important;transition: none; padding-top: 0;}
.navbar-collapse.collapse.show {left: 0;}
.navbar-inside {height: 100%;padding: 0; padding-bottom: 20px; overflow: hidden;overflow-y: auto;display: flex;flex-flow: column;justify-content: center;}
.navbar-nav .nav-item {padding: 0 30px;margin: 0;margin: 10px 0;transform: translateX(10px);opacity: 0;transition: var(--custom-ease);}
.navbar-nav .nav-link { font-size: 16px; line-height: 1.3; padding: 0; position: relative; color: var(--black); font-weight: 400; text-align: center;}
.show .navbar-nav .nav-item {transform: translateX(0px);opacity: 1;}
.show .navbar-nav .nav-item:nth-child(1) {transition-delay: 0.3s;}
.show .navbar-nav .nav-item:nth-child(2) {transition-delay: 0.4s;}
.show .navbar-nav .nav-item:nth-child(3) {transition-delay: 0.5s;}
.show .navbar-nav .nav-item:nth-child(4) {transition-delay: 0.6s;}
.show .navbar-nav .nav-item:nth-child(5) {transition-delay: 0.7s;}
.show .navbar-nav .nav-item:nth-child(6) {transition-delay: 0.8s;}
.dropdown-menu {background: transparent;border: 0;padding: 20px 0;margin: 0!important;}
.dropdown-item {padding: 12px 20px 12px 40px;font-size: 20px;line-height: 1.4;font-weight: 1000;}
.dropdown-item:focus,.dropdown-item:hover,.dropdown-item.active {color: var(--black);background: transparent;}
.nav-outer{display: block; margin: 0;}


.mob-mt-0{margin-top: 0 !important;}
.mob-mb-0{margin-bottom: 0 !important;}
.mob-pt-0{padding-top: 0 !important;}
.mob-pb-0{padding-bottom: 0 !important;}

body{font-size: 17px; line-height: 1.25; letter-spacing: -0.5px;}
.animate-child *{transform: translateY(10px); opacity: 0; transition: all 1s cubic-bezier(.215,.61,.355,1);}
.is-inview .animate-child *{transform: translateY(0); opacity: 1;}
.ani-fadeUp{transform: translateY(50px); opacity: 0; transition: var(--custom-ease-long);}
.is-inview.ani-fadeUp{transform: translateY(0); opacity: 1;}
#header, .home #header { width: 100%; mix-blend-mode: normal; background: #fff; color: #000;}
.hero-text h1 { font-family: var(--primary-font); font-size: 12px; line-height: 1; margin-bottom: 10px;}
.hero-text h3 { font-family: var(--primary-font); font-size: 9px; line-height: 1.8; margin: 0; }
.section{height: auto; padding: 0 20px;}
.hc-left{display: none;}
.hero-content {padding-top: 230px; padding-top: 26vh; padding-bottom: 0;padding-right: 0;width: calc(100% + 20px); margin-bottom: -35px;}
.hc-heading h2 { font-size: 26vw; line-height: 1.3; padding: 0; margin: 0; margin-bottom: -30px;}
.hc-heading h2 span{justify-content: flex-end; padding-right: 20px; }
.is-inview.hc-heading h2 span b{transform: translateX(0) rotate(0);}
.hc-heading h2 span b{transform: translateX(130%) rotate(5deg); }
.hc-heading h2 span:nth-child(1){height: 150px;}
.hc-heading h2 span:nth-child(2){height: 150px;margin: 40px 0 -10px;}
.hc-heading h2 span:nth-child(3){height: 200px;margin-bottom:0;}

.hero-image-container{display: none;}
.about-upper{transition-delay: 1s;}
.about-upper h6 {font-size: 22px;letter-spacing: -0px;line-height: 1.25; text-align: justify; padding: 0;}
.about-text-box{width: 100%; height: auto; padding: 0; padding-top: 100px;}
.about-image-container{margin: 46px 0; margin-left: -20px; width: calc(100% + 40px);}
.about-lower{margin: 0; padding: 42px 0 0;}
.about-lower-left{width: 100%; margin-bottom: 32px;}
.about-service-list { font-size: 16px; letter-spacing: 0; line-height: 1.3;}
.about-content {width: 100%; font-size: 17px; line-height: 1.3; letter-spacing:-0.2px; margin-bottom: 0;}
.about-right { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; font-size: 14px;}
.work-header{text-transform: uppercase; font-size: 14px; line-height: 1;  margin-bottom: 41px; padding-bottom: 7px; padding-top: 80px; position: relative;}
.work-header:after{content:''; position: absolute; left: 0; bottom: 0; height: 1px; width: 0%; transition: var(--custom-ease-long); transition-delay: 0.5s; background: var(--black);}
.is-inview.work-header:after{width: 100%;}
.portfolio-item{width: 100%; padding: 0;}
.portfolio-box {height: auto;padding: 0;border-left: 0;padding-bottom: 113px;border-bottom: solid 1px #000;padding-top: 40px;}
.portfolio-item:first-child .portfolio-box{padding-top: 0;}
.portfolio-item:last-child .portfolio-box{border-bottom: 0;}
.portfolio-box-text h3 {margin-bottom: 16px;font-size: 40px;font-weight: 400;letter-spacing: -0.5px;line-height:0.9;  margin-bottom: 90px;}
.portfolio-service-list {font-size: 14px;letter-spacing: -0.25px;line-height: 1.25;}
.portfolio-box-image{height: auto; margin-top: auto; margin-bottom: 45px;}
.portfolio-box-text{height: auto; padding: 0;}
.portfolio-cta{display: flex; justify-content: flex-end; margin-bottom: 4px;}
.link-btn{font-size: 16px; opacity: 0.5 !important;}
.link-btn > img { width: 12px; height: auto; margin-left: 6px;}
.contact-section { height: auto; padding: 0 30px; min-height: calc(100vh - 70px); display: flex; align-items: center;}
.contact-container{max-width: 280px;margin: 0 auto;padding:30px 0 40px 0;}
.contact-content { width: 100%; padding-left: 0;}
.contact-content h2 {margin-bottom: 30px;}
.contact-content h2 img{height: 50px;}
.contact-form-btn {margin-top: 34px;border-bottom: solid 1px transparent;font-size: 14px;} 
.quick-contact {position: relative;bottom: auto;right: auto;width: 100%;border-top: solid 1px var(--black);padding-top: 20px;padding-bottom: 25px;}
.contact-form-outer {font-size: 19px;letter-spacing: -0.25px;line-height: 1.3;margin-bottom: 49px;text-align: justify;}
.contact-form-box .formInput.one:empty{min-width: 92px;}
.contact-form-box .formInput.two:empty{min-width:155px;}
.contact-form-box .formInput.three:empty{min-width:105px;}
.quick-contact-list {font-size: 16px;letter-spacing: -0.25px;line-height: 1.3;}
.quick-contact-item + .quick-contact-item{margin-top: 10px;}
.copyright{font-size: 12px;}
.social-list{margin: 0 0 20px 0;}
.social-link{font-size: 10px;}
.social-link > img {width: 12px;  margin-left: 10px;}
.footer{position: relative; bottom: auto; width: 100%; left: auto; flex-flow: column; align-items: flex-start !important; flex-direction: column-reverse;}
.content-container, .content-container.mid-pad, .content-container.less-pad{padding: 100px 0;}
.content-container.mob-less-pad{padding: 50px 0;}
.next-project-container{padding: 40px 0;}
.custom-container{width: 100%; padding: 0 20px;}
/* [data-scroll-container]{overflow-x: hidden;} */
.inner-hero-image > img, .img-hold img{transform: scale(1.1);}
.inner-hero-text {padding: 150px 0 40px;}
.inner-hero-text h1 { font-size:40px; line-height: 1; letter-spacing: -0.5px; margin-bottom: 10px; text-align: center;}
.mob-intro-container {padding: 70px 0;}
.mob-intro-content{max-width: 280px;  width: 100%; margin: 0 auto;}
.work-info-container{padding: 70px 0 100px;}
.work-info-content {font-size: 16px;letter-spacing: -0.05px;line-height: 1.4;}
.work-info-content h4 {font-family: var(--primary-font);font-size: 22px;font-weight: 400;letter-spacing: -0.05px;margin-bottom: 10px;}
.full-on-mob .ibc-list {width: 100%; margin-left: 0; margin-bottom: 0;}
.full-on-mob .ibc-item, .ibc-1-image .ibc-item{padding: 0; margin-bottom: 15px;}
.full-on-mob .ibc-list + .ibc-list{margin-top: 0;}
.full-on-mob .ibc-3-image .ibc-item, .full-on-mob .ibc-2-image .ibc-item{width: 100%;}
.itc-text {padding: 0 15px 0 0; width: 43%;}
.itc-image{width: 57%;}
.itc-image-inner{width: calc(100% + 20px);}
.itc-text-image{padding: 0; margin: 0;}
.np-head{font-size: 14px; line-height: 1.4; padding-bottom: 5px; margin-bottom: 20px;}
.np-name{font-size: 17px; line-height: 1.3; margin-bottom: 4px; letter-spacing: -0.05px;}
.portfolio-phrase{ -webkit-writing-mode: vertical-lr;  -ms-writing-mode: vertical-lr;  writing-mode: vertical-lr;  -webkit-transform: rotate(180deg) !important;  -moz-transform: rotate(180deg) !important;  -ms-transform: rotate(180deg) !important;  -o-transform: rotate(180deg) !important;  transform: rotate(180deg) !important;  position: absolute;  top: 0; left: 100%; height: 100%; font-size: 10px; line-height: 1.2; }

/* .portfolio-box{min-height: calc(100vh - 80px); justify-content: center;} */
.video-sound{font-size: 13px; line-height: 1.5;}
.product-phone-outer{max-height:400px}
.move-slide{width: calc(90vw - 80px);}
.mob-mockup { height:500px; border-radius: 20px; width: 90%; max-width: 240px; } 
@keyframes moveDown {
  from {transform: translateY(0);}
  to {transform:translateY(calc(-100% + 500px));}
}
@keyframes moveUp {
  from {transform: translateY(calc(-100% + 500px));}
  to {transform: translateY(0%);}
}
.is-inview.mockup1 img{animation-duration: 4s;}

 
.np-box{width: 100%; height: 100%; display: flex; flex-flow: column;}
.np-box .np-image{margin-top: auto;}
}
/* =================================================
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px){  
  
}
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px){ 
  .hc-heading h2 span:nth-child(1){height: 98px;}
  .hc-heading h2 span:nth-child(2){height: 98px;margin: 20px 0 -18px;}
  .hc-heading h2 span:nth-child(3){height: 132px;margin-bottom:0;}
}