:root{
	--black-color:#000!important;
	--white-color:#fff!important;
	--dark-charcoal-color:#333!important;
	--primary-color:#37B9F9!important;
	--secondary-color:#010B26!important;
}
/* =================animate css starts here================= */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes fadeIn{
from{opacity:0;}
to{opacity:1;}
}
@keyframes fadeIn{
from{opacity:0;}
to{opacity:1;}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}
@-webkit-keyframes fadeInUp{
from{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0);}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes fadeInUp{
from{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0);}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}

/* =================animate css ends here================= */
@keyframes slidein{
from{transform:translateY(15px);opacity:0;}
to{transform:translateY(0px);opacity:1;}
}

/* =================slick css ends here================= */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
.slick-slide img{display:block;width:100%}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.slick-prev,.slick-next{z-index:99;font-size:0;line-height:0;position:absolute;top:50%;display:block;float:left;padding:0;margin-top:-25px\9; /*lte IE 8*/-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent;width:62px;height:63px;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent;}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1;}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.3;}
.slick-prev:before,.slick-next:before{font-family:'font Awesome 5 Free';font-weight:900;font-size:50px;line-height:1;opacity:0.9;color:var(--white-color);text-shadow:0 5px 5px rgba(0,0,0,0.2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:transparent;border-radius:50%;display:inline-block;padding:0;}
.slick-prev{left:15px;}
.slick-prev:before{content:"\f053";}
.slick-next{right:15px;}
.slick-next:before{content:"\f054";}
.slick-slider{margin-bottom:0;padding-bottom:45px;}
.slick-dots{position:absolute;bottom:0;display:block;width:100%;padding:0;list-style:none;text-align:center;vertical-align:top;}
.slick-dots li{position:relative;display:inline-block;margin:0 0px;padding:0;text-align:center;cursor:pointer;vertical-align:top;}
.slick-dots li button{font-size:0;line-height:0;display:inline-block;width:10px;height:10px;padding:0;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;opacity:1;border:solid 1px #000;border-radius:50%;vertical-align:top;margin:5px 10px;}
.slick-dots li.slick-active button,.slick-dots li:hover button{opacity:1;background-color:#000;}
.white-dots .slick-dots li button{border-color:var(--white-color);background:var(--white-color);opacity:0.5;}
.white-dots  .slick-dots li.slick-active button,.white-dots  .slick-dots li:hover button{transform:scale(1.5);background-color:var(--white-color);opacity:1;}

/* =================slick css end here=================  */

/* =================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================= */
body{font-size:18px;line-height:30px;font-weight:400;/*font-family:"brandon-grotesque";*/ font-family:'Montserrat',sans-serif;color:var(--black-color);background:var(--white-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body:not(.home){padding-top:80px;}
body.transparent{padding-top: 0;}
.container{width:calc(100% - 100px);max-width:1550px;}
a,input,button{display:inline-block;text-decoration:none;color:inherit;outline:none;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;}
a img{border:0px none;}
a:hover{outline:none;color:var(--primary-color);text-decoration:none;}
a:active{outline:none;text-decoration:none;}
a:focus{outline:none;outline-offset:0px;text-decoration:none;color:inherit;}
::-webkit-input-placeholder{color:var(--black-color);opacity:0.5;}
::-moz-placeholder{color:var(--black-color);opacity:0.5;}
:-moz-placeholder{color:var(--black-color);opacity:0.5;}
:-ms-input-placeholder{color:var(--black-color);opacity:0.5;}
.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}
img{max-width:100%;border:0;height:auto;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;margin-bottom:30px;line-height:1.2;font-weight:700;color:inherit;/*font-family:"brandon-grotesque";*/ font-family:'Montserrat',sans-serif;}
h1{font-size:58px;}
h2{font-size:48px;}
h3{font-size:40px;}
h4{font-size:30px;}
h5{font-size:26px;}
h6{font-size:22px;}
p{margin:0px;padding:0px;margin-bottom:24px;}
strong{font-weight:700;}
b{font-weight:400;}
p:last-child{margin-bottom:0;}
.btn2{border-radius:8px;font-weight:600;padding:12px 15px;min-width:200px;font-size:18px;line-height:32px;letter-spacing:0.18px;box-shadow:none;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;}
.btn{border-radius:5px;font-weight:700;padding:10px 15px;min-width:140px;font-size:16px;line-height:18px;box-shadow:none;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;}
.btn-default,.btn-default:focus{color:var(--white-color);background-color:var(--primary-color);border:solid 1px var(--primary-color);}
.btn-default:hover,.btn-default:active{color:var(--primary-color);background-color:transparent;border-color:var(--primary-color);}
.btn-primary,.btn-primary:focus{color:var(--white-color);background-color:transparent;border:solid 2px var(--white-color);}
.btn-primary:hover,.btn-primary:active{color:var(--primary-color);background-color:var(--white-color);border-color:var(--white-color);}
.btn-primary.focus,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:none;}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--primary-color);background-color:var(--white-color);border-color:var(--white-color);}
.btn.btn-block{min-width:100%;}
.btn+.btn{margin-left:25px;}
ul:not([class]){list-style:none;margin-bottom:15px;text-align:left;}
ul:not([class]) > li{padding-left:24px;position:relative;margin-bottom:35px;}
ul:not([class]) > li:last-child{margin-bottom:0;}
ul:not([class]) > li:before{content:'';position:absolute;left:2px;top:11px;background:var(--primary-color);height:10px;width:10px;}
.heading2 h6{font-size:18px;font-weight:600;line-height:28px;letter-spacing:0.3px;color:var(--primary-color)}
.loading-screen{position:absolute;padding-left:0;padding-right:0;padding-top:0;background-color:var(--secondary-color);width:100%;height:50%;opacity:0}
.load-container{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:9999999;pointer-events:none}
/* =================core css ends here================= */
/* ================= Header Start ================= */
#header{/* color:var(--white-color); */     border-bottom:1px solid #E0E0E0;background:var(--white-color);position:fixed;left:0;top:0;right:0;padding:0;z-index:9999;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;display:flex;align-items:center;}
.home #header, .transparent #header{background:transparent;border-bottom:0;}
.fixed #header{background:var(--white-color);box-shadow:0 5px 8px rgba(0,0,0,0.1);}
#header:hover .header-btn,.fixed #header .header-btn{background:var(--primary-color);color:var(--white-color);}
.navbar{padding:0;width:100%;height:80px;}
.logo-desktop{height:33px;}
.navbar-brand{width:219px;padding:0;margin:0;position:relative;z-index:999;}
.navbar-expand-xl .navbar-nav > .nav-item{padding:0 25px;}
.navbar-expand-xl .navbar-nav > .nav-link{}
.dropdown-toggle::after{display:none;}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow{display:none;}
.nav-inside{width:100%;padding:0;}
.header-right{margin-left:25px;}
.header-btn{padding:3px 15px;min-width:100px;border:1px solid var(--primary-color);color:var(--white-color);background:var(--primary-color);border-radius:5px;font-size:12px;font-weight:600;text-align:center;}
.nav-inside-content{padding:30px 0;}
.dml-right h6{font-size:14px;line-height:17px;font-weight:600;color:#373737!important;padding:1px 0;margin-bottom:17px;}
.dev-post-list .post-box{width:100%;display:flex;flex-wrap:wrap;}
.dev-post-list li:not(:last-child){margin-bottom:27px;}
.dev-post-list .post-img{width:55px;height:55px;border-radius:5px;overflow:hidden;margin-right:25px;}
.dev-post-list .post-img > img{width:100%;height:100%;object-fit:cover;}
.dev-post-list .post-content-box h3{font-size:12px;line-height:15px;margin-bottom:10px;font-weight:600;color:#373737;}
.dev-post-list .post-content-box{width:calc(100% - 80px);font-size:12px;line-height:17px;color:#7D7D7D;}
.dml-right  .post-btn{margin-top:33px;}
.btn-link{font-size:12px;font-weight:500; color:var(--primary-color);}
.btn-link:hover{ color:var(--secondary-color);text-decoration:none;}
.dropdown-item:focus,.dropdown-item:hover{background:transparent;}
@media only screen and (min-width:1200px){
.navbar-expand-xl .navbar-nav .nav-item > .nav-link{font-size:14px;line-height:80px;font-weight:500;color:var(--dark-charcoal-color);padding:0;margin:0;}
.home .navbar-expand-xl .navbar-nav .nav-item > .nav-link, .transparent .navbar-expand-xl .navbar-nav .nav-item > .nav-link{color:var(--white-color);}
.logo-white{display:none;}
.home .logo-white, .transparent .logo-white{display:block;}
.home .logo-dark, .transparent .logo-dark{display:none;}
.home #header:hover .navbar-expand-xl .navbar-nav .nav-item > .nav-link,.transparent #header:hover .navbar-expand-xl .navbar-nav .nav-item > .nav-link,.fixed #header .navbar-expand-xl .navbar-nav .nav-item > .nav-link{color:var(--dark-charcoal-color);}
.home #header:hover,.fixed.home #header, .transparent #header:hover,.fixed.transparent #header{background:var(--white-color);}
.home #header:hover .logo-white,.fixed.home #header .logo-white, .transparent #header:hover .logo-white,.fixed.transparent #header .logo-white{display:none;}
.home #header:hover .logo-dark,.home.fixed #header .logo-dark, .transparent #header:hover .logo-dark,.transparent.fixed #header .logo-dark{display:block;}
.large-dropdown:hover .large-menu{display:block;}
.navbar-expand-xl .navbar-nav > .nav-item:hover > .nav-link,.navbar-expand-xl .navbar-nav > .nav-item.active > .nav-link{color:var(--primary-color)!important;}
.navbar-nav>li.large-dropdown{position:static;}
.dev-menu-list{width: calc(100% - 100px);max-width: 1550px;margin:0 auto;padding: 0 15px;}
.large-menu{box-shadow:0 5px 8px rgb(0 0 0 / 10%);display:none;position:absolute;top:100%;left:0;right:0;list-style:none;color:#586271;width:100%;margin:0 auto;border-top:solid 1px #E0E0E0;background:var(--white-color);transition:all .2s ease-in;-webkit-transition:all .2s ease-in;}
.dev-menu-list .dml-left{padding:27px 27px 27px 0;}
.dev-menu-list .dml-right{padding:27px;background:#F4F4F4;position:relative;}
.dev-menu-list .dml-right:before{content:'';width:100vw;height:100%;background:#f4f4f4;position:absolute;left:100%;top:0;bottom:0;right:0;}
.dev-menu-list.dev-menu-box{padding: 24px 15px;}
.dev-menu-list .dml-left,.dev-menu-list .dml-right{width:50%;}
ul.sub-menu-list{width:100%;display:flex;justify-content:space-between;}
.dml-left ul.sub-menu-list{flex-wrap:wrap;}
ul.sub-menu-list b{font-size:14px;color:#373737;font-weight:700;line-height:1;margin-bottom:18px;display:inline-block;}
ul.submenu li > a{font-size:14px;color:#373737;font-weight:400;}
ul.submenu li:not(:last-child){margin-bottom:15px; display: flex;}
.dml-left ul.sub-menu-list li.menu-item{width:50%;margin-bottom:60px;}
.dml-left ul.sub-menu-list li.menu-item:last-child{margin-bottom:0;}
.dml-left ul.sub-menu-list li.menu-item a{display: flex; flex-flow: column; font-size: 14px; line-height: 17px;}
.dml-left ul.sub-menu-list li.menu-item a span{font-size: 12px;}
.sub-menu-list.dml-menu-list li.menu-item:nth-last-child(-n+2){margin-bottom:0;}
ul.submenu li > a:hover{color:var(--primary-color);}
.home .header-btn, .transparent .header-btn{border-color:var(--white-color);background:transparent;}
#header:hover .dml-left ul.sub-menu-list{animation-duration:0.2s;animation:slidein  .5s ease-out;transition-delay:.2s;}
#header:hover .dml-right > div{animation-duration:0.3s;transition-delay:.3s;animation:slidein  .5s ease-out;}
#header:hover .dev-menu-box .sub-menu-list >li.menu-item{animation:slidein  .5s ease-out;}
#header:hover .dev-menu-box .sub-menu-list >li.menu-item:nth-child(1){animation-duration:0.2s;transition-delay:.2s;}
#header:hover .dev-menu-box .sub-menu-list >li.menu-item:nth-child(2){animation-duration:0.3s;transition-delay:.3s;}
#header:hover .dev-menu-box .sub-menu-list >li.menu-item:nth-child(3){animation-duration:0.4s;transition-delay:.4s;}
#header:hover .dev-menu-box .sub-menu-list >li.menu-item:nth-child(4){animation-duration:0.5s;transition-delay:.5s;}
#header:hover .dev-menu-box .sub-menu-list >li.menu-item:nth-child(5){animation-duration:0.6s;transition-delay:.6s;}
#header:hover .dev-menu-box .sub-menu-list >li.menu-item:nth-child(6){animation-duration:0.7s;transition-delay:.7s;}
#header:hover .dev-menu-box .sub-menu-list >li.menu-item:nth-child(7){animation-duration:0.8s;transition-delay:.8s;}
}
.nav-icon{position:fixed;top:18px;right:0;z-index:999999;margin-top:0;}
.navbar-toggler{width:45px;height:45px;border-radius:0;cursor:pointer;text-decoration:none;padding:0;border:0;background:transparent;margin:0;/* position:absolute;top:0;right:0; */}
.navbar-toggler:not([class="collapsed"]),.navbar-toggler:not([class="collapsed"]):focus,.navbar-toggler:not([class="collapsed"]):hover{background:transparent;}
.navbar-toggler.collapsed,.navbar-toggler.collapsed:focus,.navbar-toggler.collapsed:hover{background:transparent;}
.navbar-toggler .icon-bar{position:relative;display:inline-block;width:22px;height:4px;color:var(--primary-color);text-indent:-55px;margin-top:0;background:transparent!important;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;vertical-align:middle;}
.navbar-toggler .icon-bar:before,.navbar-toggler .icon-bar:after{content:'';width:22px;height:4px;background:var(--primary-color);position:absolute;left:0;transition:all .2s ease-out;}
.navbar-toggler.collapsed .icon-bar{background:var(--primary-color)!important;}
.navbar-toggler.collapsed .icon-bar:before,.navbar-toggler.collapsed .icon-bar:after{background:var(--primary-color);}
.navbar-toggler.collapsed .icon-bar:before{top:-8px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);}
.navbar-toggler .icon-bar: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 .icon-bar:after{bottom:-8px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);}
.navbar-toggler .icon-bar:after{bottom:0;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg);}
.mp-pusher.mp-pushed{left:0;}
.mp-pusher{position:fixed;top:0;width:100%;left:-100%;height:100%;perspective:1000px;z-index:9999;display:none;}
.mp-pusher{display:block;}
.mp-pusher,.mp-level{-webkit-transition:all .5s;transition:all .5s;}
.mp-menu{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);background:var(--white-color);}
.mp-pusher::after,.mp-level::after,.mp-level::before{content:'';position:absolute;top:0;right:0;width:0;height:0;opacity:0;}
.mp-pusher::after,.mp-level::after{background:rgba(0,0,0,.2);-webkit-transition:opacity .3s,width .1s .3s,height .1s .3s;transition:opacity .3s,width .1s .3s,height .1s .3s;}
.mp-menu>.mp-level,.mp-menu>.mp-level.mp-level-open,.mp-menu.mp-overlap>.mp-level,.mp-menu.mp-overlap>.mp-level.mp-level-open{box-shadow:none;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.mp-menu>.mp-level{padding:0;}
.mp-level{position:absolute;top:0;left:0;width:100%;min-height:100%;background:var(--white-color);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);overflow-x:hidden;}
.mp-level::after{z-index:-1;}
.mp-menu ul{margin:0;padding:0 12px;list-style:none;}
.menu-header{width:calc(100% + 24px);height:80px;display:flex;align-items:center;margin-bottom:12px;border-bottom:solid 2px #E0E0E0;margin-left:-12px;padding:0 12px;}
.menu-header .menu-logo{width:60px;}
ul.mobile-menu>li>a{width:100%;font-size:15px;line-height:19px;font-weight:600;color:#373737;padding:10px 0;}
ul.mobile-menu li.has-submenu>a::after{content:'\f054';font-family:"Font Awesome 5 Free";display:inline-block;padding-right:3px;vertical-align:middle;font-weight:900;float:right;color:#373737;}
.mp-cover .mp-level.mp-level-open{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.mp-sub-level .mp-level{background:var(--white-color);}
.mp-back{position:relative;display:flex;padding:10px 12px;outline:none;font-size:15px;line-height:20px;font-weight:700;color:#373737!important;background:var(--white-color);width:100%;height:80px;align-items:center;border-bottom:solid 2px #E0E0E0;margin-bottom:12px;}
.mp-back::before{content:'\f053';margin-right:5px;font-family:"Font Awesome 5 Free";display:inline-block;padding-right:3px;vertical-align:middle;font-weight:900;}
ul.sub-menu li > a{width:100%;font-size:15px;line-height:19px;font-weight:600;color:#373737;padding:10px 0;}
ul.submenu li > a{font-size:14px;line-height:19px;font-weight:400;color:#373737;padding:10px 0;}
.menu-blog-box{padding:25px 12px;}

/* ================= Header End ================= */

/* ================= Hero Start ================= */
.hero-container{width:100%;height:100vh;/* max-height:900px; */background:var(--secondary-color);color:var(--white-color);padding-top:55px;position:relative;}
.hero-text-box{width:100%; padding-right: 10%;}
.hero-text-box h1{font-size:80px;line-height:100px;letter-spacing:1px;margin-bottom:60px;}
.hero-text-box .hero-text-slide{font-size:36px;line-height:54px;letter-spacing:0.46px;font-weight:600;}
.hero-text-box .hero-text-slide span{float: left;}
.left-text{margin-right: 5px;}
.hero-logo-bg{padding:15px 0 0 50px;}
.word{position: relative; float: left; overflow: hidden;}
.word-inside{float: left; transform: translateY(-100%); color:var(--primary-color); transition: all .8s cubic-bezier(.215,.61,.355,1); padding-right: 7px;}
.slick-active .word-inside{float: left; transform: translateY(0%);transition: all .8s cubic-bezier(.215,.61,.355,1);  }
@-webkit-keyframes hvr-bob{
0%{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
50%{-webkit-transform:translateY(0px);transform:translateY(0px);}
100%{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
}
@keyframes hvr-bob{
0%{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
50%{-webkit-transform:translateY(0px);transform:translateY(0px);}
100%{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
}
.hvr-bob{-webkit-animation-name:hvr-bob;animation-name:hvr-bob;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:alternate;animation-direction:alternate;}
@-webkit-keyframes hvr-bob2{
0%{-webkit-transform:translateX(-20px);transform:translateX(-20px);}
50%{-webkit-transform:translateX(0px);transform:translateX(0px);}
100%{-webkit-transform:translateX(-20px);transform:translateX(-20px);}
}
/* ================= Hero End ================= */

/* ================= Home Start ================= */
.content-container{padding:100px 0;}
.heading{width:100%;display:inline-block;vertical-align:top;margin-bottom:80px; position: relative; padding-right: 30%;}
.heading h3{font-size:60px;line-height:1;letter-spacing:1px;margin-bottom:0;}
.heading-cta{position:absolute; right: 0; bottom: 0;}
.heading-cta .link-btn{margin: 0 !important;}
.white-text .heading h3{color:var(--primary-color)!important;}
.white-text.blue-bg .heading h3{color:var(--white-color)!important;}
.white-text{color:var(--white-color)!important;}
.heading h3 + p{margin-top:20px;}
.heading p strong{font-weight:500;}
.cbw-content-box{white-space:nowrap;display:inline-block;overflow-x:hidden;}
.cbw-box{position:relative;color:var(--white-color);overflow:hidden;width:446px;height:299px;vertical-align:top;background:var(--primary-color);}
.cbw-box  + .cbw-box{margin-left:30px;}
.cbw-box:focus{color:var(--white-color);}
.service-box{padding:45px 65px 35px 40px;width:100%;height:100%;display:flex;flex-flow:column;}
.service-box h4{font-size:24px;font-weight:700;line-height:35px;letter-spacing:0.4px;margin-bottom:0;margin-top:auto;}
span.count-number-box{position:absolute;z-index:2;color:var(--white-color);right:40px;top:38px;font-size:14px;line-height:19px;letter-spacing:0.23px;font-weight:600;}
.cbw-hover-content{width:100%;height:100%;background:var(--secondary-color);padding:46px 41px;position:absolute; width: 100%; height: 100%; left:0;right:0;top:100%;z-index:1;  font-size:13px;line-height:24px;font-weight:500;letter-spacing:0.2px;color:#c8c8c8;white-space:normal; transition:all .3s cubic-bezier(.215,.61,.355,1)}
.cbw-hover-content h4{font-size:24px;font-weight:700;line-height:35px;letter-spacing:0.4px;color:var(--white-color);margin-bottom:15px;}
.cbw-hover-content h4 > span{color:var(--primary-color);}
.cbw-box:hover .cbw-hover-content{top: 0;}
.link-btn{font-size:18px;line-height:30px;letter-spacing:0.3px;color:var(--primary-color);font-weight:500;}
.add-arrow{position:relative;padding-right:32px;}
.add-arrow:before{content:'';width:19px;height:14px;background-image:url('../images/long-arrow-icon.svg');position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all 0.3s ease-in;}
.link-btn:hover,.link-btn:active,.link-btn:focus{color:var(--primary-color);}
.link-btn.add-arrow:hover:before{right:5px;}
.portfolio-container .heading h3 + p{margin-top:18px;}
.portfolio-list{width:calc(100% + 60px);margin-left:-30px; margin-bottom: -60px;}
.portfolio-item{width:33.333%; padding: 0 30px; margin-bottom: 60px;}
.portfolio-item:nth-child(1), .portfolio-item:nth-child(4), .portfolio-item:nth-child(5), .portfolio-item:nth-child(8), .portfolio-item:nth-child(9), .portfolio-item:nth-child(12), .portfolio-item:nth-child(13), .portfolio-item:nth-child(16), .portfolio-item:nth-child(17), .portfolio-item:nth-child(20), .portfolio-item:nth-child(21), .portfolio-item:nth-child(24){width: 66.666%;}
.portfolio-box{width:100%;height:100%;position:relative; overflow: hidden;}
.portfolio-box h3{font-size:21px;font-weight:700;line-height:28px;letter-spacing:0.3px;color:var(--white-color);margin-bottom:0;position:absolute;bottom:30px;left:35px;}
.portfolio-img{position:relative;padding-bottom:45%;width:100%;height:100%;}
.portfolio-img > img{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;object-fit:cover;}
.portfolio-hover-content h4{font-size:21px;font-weight:700;line-height:28px;letter-spacing:0.35px;color:var(--white-color);margin-bottom:12px;}
.portfolio-hover-content{background:rgb(0 0 0 / 80%);padding:41px 36px;font-size:16px;line-height:24px;letter-spacing:0.27px;color:#cacaca;font-weight:500;position:absolute; width: 100%; height: 100%; left:0;right:0;top:100%;z-index:1;white-space:normal; transition:all .3s cubic-bezier(.215,.61,.355,1); }
.portfolio-box:hover .portfolio-hover-content{top: 0;}
.faq-accordion{padding-top:60px;}
.faq-accordion >.card{border-radius:0;background:transparent;border-color:rgb(151 151 151 / 50%);border-left:0;border-right:0;border-top:0;padding:50px 0;}
.faq-accordion >.card:not(:last-of-type){border-bottom:1px solid rgb(151 151 151 / 50%);}
.faq-accordion .card-header{border:0;background:transparent;padding:0;}
.faq-accordion .card-header h5{position:relative;cursor:pointer;padding-right:30px;font-size:35px;font-weight:700;line-height:43px;letter-spacing:0.35px;margin-bottom:0;}
.faq-accordion .card-body{max-width:1030px;font-size:18px;line-height:30px;font-weight:500;letter-spacing:0.18px;color:var(--dark-charcoal-color)333;padding:18px 0 0;}
.faq-accordion .card-header > h5:before{content:"\f067";font-family:'font Awesome 5 Free';font-size:20px;color:#000000;padding:0;position:absolute;right:0px;top:50%;transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;transform:translateY(-50%);}
.faq-accordion .card-header > h5[aria-expanded="false"]:before{content:"\f067";}
.faq-accordion .card-header > h5[aria-expanded="true"]:before{content:"\f068";}
.content-container.quote-container{padding:135px 0 110px;color:var(--white-color);}
.quote-container{}
.add-bg-overlay{position:relative;}
.add-bg-overlay:before{content:'';width:100%;height:calc(100% - 162px);background:var(--secondary-color);position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;}
.quote-head{margin-bottom:71px;}
.quote-head h4{font-size:60px;line-height:75px;letter-spacing:1px;font-weight:700;margin-bottom:0;}
.quote-text-box > h6{font-size:21px;line-height:34px;margin-bottom:0;letter-spacing:0.35px;font-weight:600;color:rgb(255 255 255 / 79.94%);}
ul.query-list li > h5{letter-spacing:0.35px;font-size:21px;line-height:32px;font-weight:700;margin-bottom:10px;}
ul.query-list li b > a{font-size:16px;line-height:32px;letter-spacing:0.27px;font-weight:700;color:var(--primary-color);}
ul.query-list li b > a:hover{text-decoration:underline;}
.form-row{width:calc(100% + 60px);margin-left:-30px;display:flex;flex-wrap:wrap;} 
.form-row:not(:last-child){margin-bottom:92px;}
.form-column{width:50%;padding:0 30px;}
.form-row.full-width .form-column{width:100%!important;}
.form-control::placeholder{color:#373737;}
.form-control{border-top:0;border-left:0;border-right:0;border-radius:0;font-size:16px;line-height:28px;letter-spacing:0.27px;color:#373737;font-weight:400;padding:12px 0;height:46px;}
textarea.form-control{height:188px;resize:none;}
textarea.form-control::-webkit-scrollbar{display:none;}
.form-control:focus{border-bottom:1px solid var(--primary-color);-webkit-box-shadow:0 0px 0 0 var(--primary-color);box-shadow:0 0px 0 0 var(--primary-color);}
.quote-form-box .form-group{margin-bottom:0;position:relative;}
.quote-text-box{width:376px;}
.quote-form-box{width:calc(100% - 376px);padding-left:60px;}
.quote-form{box-shadow:0 2px 20px 0 rgb(0 0 0 / 10%);width:100%;height:100%;background:var(--white-color);padding:54px 60px;border-radius:10px;}
.form-row.form-button{margin-top:-10px;}
.quote-text-box h6 + ul.query-list{margin:50px 0 0;}
ul.query-list li{margin-bottom:34px;}
.form-column .btn{min-width:280px;padding:21px 15px;font-size:18px;line-height:16px;font-weight:500;}
.blue-bg{background:var(--primary-color)!important;}
.content-container.testimonials-container{padding:148px 0 117px;}
.testimonial-left-box{width:51%;}
.testimonial-right-box{width:49%;padding-left:115px;}
.quote-icon{width:114px;margin-bottom:40px;}
.ts-img-box{position:relative;padding:44px 0 0 44px;z-index:1;}
.ts-img-box .ts-img{width:165px;height:165px;border-radius:5px;overflow:hidden;position:relative;z-index:2;}
.ts-img-box .ts-img > img{width:100%;height:100%;object-fit:cover;border-radius:5px;}
.ts-img-box:before{content:'';width:126px;height:126px;border-radius:4px;background:var(--white-color);position:absolute;left:0;top:0;}
.ts-img-box{width:209px;}
.ts-content-box{width:calc(100% - 209px);padding-left:66px;}
.testimonial-left-box h3{font-size:60px;margin-bottom:20px;line-height:73px;font-weight:700;letter-spacing:0.6px;color:var(--white-color);}
.testimonial-left-box p{font-size:18px;line-height:30px;letter-spacing:0.18px;color:var(--white-color);font-weight:600;}
.ts-content-box h5{font-size:22px;line-height:27px;color:var(--white-color);font-weight:600;margin-bottom:15px;}
.ts-content-box h6{font-size:14px;font-weight:600;color:var(--white-color);line-height:17px;margin-bottom:0;}
.testimonal-text-slide{font-size:18px;line-height:31px;font-weight:500;font-style:italic;color:var(--white-color);}
.testimonial-thumbnail-box{padding-top:72px;}
.testimonal-text-slider .slick-prev:before,.testimonal-text-slider .slick-next:before{font-size:0;width:27px;height:20px;}
.testimonal-text-slider .slick-prev:before{background-image:url('../images/left-arrow.svg');}
.testimonal-text-slider .slick-next:before{background-image:url('../images/right-arrow.svg');}
.testimonal-text-slider.slick-slider{padding-bottom:115px;}
.testimonal-text-slider .slick-prev,.testimonal-text-slider .slick-next{width:27px;height:20px;transform:none;top:100%;margin-top:-25px;}
.testimonal-text-slider .slick-prev{left:0;}
.testimonal-text-slider .slick-next{right:0;}
.thumbnail-slider.slick-slider{padding-bottom:0;}
ul.logo-list{margin-top:-30px;}
ul.logo-list li{width:12.5%;padding:32px 0;}
ul.logo-list li:first-child .logo-img{}
.logo-img{height:50px;display:flex;align-items:center;}
/* ================= Home End ================= */

/* ================= Portfolio single Start ================= */
.content-container.intro-container{padding:100px 0 110px;}
.ps-text-box{padding-right:50px;}
ul.new-logo-list li{width:33.33%;display:flex;align-items:center;justify-content:center;padding:27px 15px;}
ul.new-logo-list.four-column  li{width:25%;padding:12px;}
.intro-container .heading p{letter-spacing:0.3px;font-weight:500;margin-bottom:25px;}
.intro-container .heading h3 + p{margin-top:23px;}
.content-container.portfolio-image-container{padding:0 0 110px;}
.half-portfolio-image{width:calc(50% - 50px);position:relative;padding-bottom:42%;padding-top:35px;padding-left:30px;}
.portofolio-img-box{position:absolute;right:0;bottom:0;max-width:522px;width:98%;}
.portofolio-img-box > img{width:100%;float:left;}
.website-preview{width:85.9%;height:83.3%;float:left;background:#222;position:absolute;left:14.2%;top:6.4%;overflow:hidden;}
.website-preview > img{width:100%;height:100%;object-fit:cover;}
.desktop .portofolio-img-box{max-width:500px;}
.desktop .website-preview{width:95.9%;height:62.3%;left:4.2%;top:5.4%;}
.full-portfolio-image{padding:8% 6% 0% 6%;position:relative;}
.fpi-left{width:64%;position:relative;padding-bottom:44%;box-shadow:28px 38px 81px -39px rgba(0,0,0,0.2);z-index:3;}
.fpi-left > img{width:100%;height:100%;position:absolute;left:0;top:0;}
.fpi-right{width:64%;position:relative;padding-bottom:45%;margin-left:auto;margin-top:-23%;z-index:2;}
.fpi-right > img{width:100%;height:100%;position:absolute;right:0;bottom:0;}
.fpi-logo-box{position:absolute;top:13%;right:9%;width:26%;opacity:3%;z-index:1;}
.mac-img-box{width:49.3%;position:absolute;left:5%;bottom:0;z-index:3;}
.imac-img-box{width:73%;position:relative;padding-bottom:61%;margin-left:auto;z-index:2;}
.site-logo-box{width:30%;position:absolute;left:8%;top:14%;opacity:3%;z-index:1;}
.imac-img-box > img{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;}
.mac-img-box .web-preview-box{width:76.9%;height:83.3%;float:left;background:#222;position:absolute;left:11.5%;top:6.4%;overflow:hidden;}
.web-preview-box > img{width:100%;height:100%;object-fit:cover;}
.imac-img-box .web-preview-box{width:93.2%;height:62.3%;float:left;background:#222;position:absolute;left:3.2%;top:5.2%;overflow:hidden;}
.portfolio-image-box  + .portfolio-image-box{margin-top:100px;}
.light-blue-bg{background:#F6F9FC!important;}
.dark-blue-bg{background:#297AB9!important;}
.grey-bg{background:#E5E5E5!important}
.light-pink-bg{background:#F4E1E2!important;}
.dark-black-bg{background:#161616!important;}
.dark-grey-bg{background:#EBEBEB!important;}
.dark-blue-bg .site-logo-box,.dark-blue-bg .fpi-logo-box{opacity:1;}
.grey-bg .fpi-logo-box{filter:grayscale(1);}
.large-padd{padding:14% 13% 14% 12%!important;}
.iphone11-pro-img-box{width:25.2%;position:relative;padding-bottom:50.6%;}
.iphone11-pro-img-box > img{width:100%;height:100%;object-fit:cover;position:absolute;left:0;right:0;top:0;bottom:0;}
.display-screen-img{width:85.9%;height:85.3%;float:left;background:#222;position:absolute;left:7.2%;top:7.6%;overflow:hidden;}
.display-screen-img > img{width:100%;height:100%;object-fit:cover;}
.small-padd{padding:7% 8% 5% 9%!important;}
.fpi-left.ipad-pro{width:55%;padding-bottom:42%;}
.fpi-right.ipad-pro{width:55%;padding-bottom:43%;margin-top:-21%;}
.ipad-pro-website-preview{width:92.9%;height:88.3%;float:left;background:#222;position:absolute;left:3.8%;top:6.4%;overflow:hidden;}
.ipad-pro-website-preview > img{width:100%;height:100%;object-fit:cover;}
.full-portfolio-image.medium-padd{padding:8% 6% 6% 6%!important;}
.full-portfolio-image .medium-desktop{width:74%;margin:0 auto;padding-bottom:59%;position:relative;}
.full-portfolio-image .medium-desktop > img,.full-portfolio-image .medium-leptop > img,.full-portfolio-image .medium-mobile>img,.full-portfolio-image .medium-ipad>img{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;object-fit:cover;}
.medium-leptop{width:39%;padding-bottom:23%;position:absolute;bottom:5%;z-index:1;left:5.1%;}
.medium-mobile{width:8%;padding-bottom:17%;position:absolute;z-index:1;bottom:6%;left:46%;}
.medium-ipad{width:32%;padding-bottom:25%;position:absolute;z-index:1;right:9.3%;bottom:6%;}
.medium-desktop-screen > img,.medium-leptop-screen > img,.medium-mobile-screen > img,.medium-ipad-screen > img{width:100%;height:100%;object-fit:cover;}
.medium-desktop-screen{width:92.9%;height:61.3%;float:left;background:#222;position:absolute;left:3.8%;top:6.4%;overflow:hidden;}
.medium-leptop-screen{width:75.9%;height:84.3%;float:left;background:#222;position:absolute;left:11.8%;top:6.4%;overflow:hidden;}
.medium-mobile-screen{width:79.9%;height:82.3%;float:left;background:#222;position:absolute;left:9.8%;top:6.4%;overflow:hidden;}
.medium-ipad-screen{width:92.9%;height:88.3%;float:left;background:#222;position:absolute;left:3.8%;top:6.4%;overflow:hidden;}
.iphone-rotate-x-img{width:51%;position:relative;padding-bottom:130%;margin:0 auto;}
.iphone-rotate-x-img > img,.iphone-rotate-y-img > img{width:100%;height:100%;position:absolute;left:0;right:0;bottom:0;top:0;object-fit:cover;}
.iphone-rotate-x-img > img,.iphone-rotate-y-img > img,.iphone-rotate-x-screen > img,.iphone-rotate-y-screen > img{width:100%;height:100%;object-fit:cover;}
.iphone-rotate-x-screen{width:80%;height:81%;float:left;background:#222;position:absolute;left:14%;top:10%;overflow:hidden;transform:skew(0deg,-17deg);border-radius:4% 4% 8% 6%;}
.iphone-rotate-y-img{width:48%;position:relative;padding-bottom:130%;margin:0 auto;}
.iphone-rotate-y-screen{width:83.1%;height:77.5%;float:left;position:absolute;left:3%;top:11%;overflow:hidden;transform:skew(0deg,21deg);border-radius:4% 1% 10% 10%;}
.dark-grey-bg .iphone-rotate-x-screen{width:83%;left:13%;}
.dark-grey-bg   .iphone-rotate-y-screen{width:82.1%;left:4%;top:11.4%;border-radius:4% 1% 0% 3%;}
.rotate-img-group{margin:0 auto;}
.rotate-iphone-img{width:16%;position:relative;padding-bottom:47%;z-index:1;}
.rotate-iphone-pro-img{width:16%;position:relative;padding-bottom:47%;margin-top:10%;z-index:2;}
.rotate-iphone-img > img,.rotate-iphone-pro-img > img{width:100%;height:100%;position:absolute;left:0;right:0;bottom:0;top:0;object-fit:cover;}
.rotate-iphone-img-inner > img,.rotate-iphone-pro-img-inner > img{width:100%;height:100%;object-fit:cover;}
.rotate-iphone-img-inner{width:92%;height:84%;float:left;background:#222;position:absolute;left:8%;top:10%;overflow:hidden;transform:skew(0deg,-17deg);border-radius:4% 4% 8% 6%;}
.rotate-iphone-pro-img-inner{width:88.4%;height:79.5%;float:left;position:absolute;left:0%;top:11%;overflow:hidden;transform:skew(0deg,22deg);border-radius:4% 1% 7% 6%;}

/* ================= Portfolio single End ================= */

/* ================= Cta container Start ================= */
.cta-container h2{font-size:18px;line-height:22px;font-weight:600;letter-spacing:0.3px;color:var(--white-color);text-transform:uppercase;margin-bottom:50px;}
.cta-container p{font-size:45px;font-weight:700;line-height:55px;letter-spacing:0.75px;color:var(--white-color);}
.cta-container p > a:hover{text-decoration:underline;color:var(--white-color);}

/* ================= Cta container End ================= */
.breadcrumb-main-container{background:var(--primary-color);position:fixed;width:100%;left:0;right:0;top:80px;z-index:10;}
ul.breadcrumb-list{width:calc(100% + 40px);margin-left:-20px;}
ul.breadcrumb-list li{padding:0 20px;}
ul.breadcrumb-list li > a{font-size:14px;font-weight:400;color:var(--white-color);line-height:60px;}
ul.breadcrumb-list li.active > a{font-weight:700;}
.breadcrumb-sub-container{background:var(--white-color);position:fixed;width:100%;left:0;right:0;top:140px;z-index:10;border-bottom:1px solid #E0E0E0;}
.breadcrumb-sub-container ul.breadcrumb-list li > a{color:#373737;}
.breadcrumb-sub-container ul.breadcrumb-list li.active > a{color:var(--primary-color);}

/* ================= inner banner Start ================= */
.inner-banner-container{width:100%; padding:80px 0;}
.inner-banner-content h1{font-size:60px;font-weight:700;letter-spacing:0.7px;line-height:73px;margin-bottom:30px;}
.inner-banner-content p{font-size:18px;font-weight:500;line-height:30px;letter-spacing:0.3px;color:var(--dark-charcoal-color);}
.inner-banner-content{padding-right:20px;}
.inner-banner-btn{margin-top:40px;}
.inner-banner-btn .btn{min-width:200px;padding:15px 15px;}


.breadcrumb-main-container +  .inner-banner-container{margin-top: 60px;}
.breadcrumb-sub-container  +  .inner-banner-container{margin-top: 120px;}
/* ================= inner banner End ================= */

/* ================= technology Start ================= */
.technology{padding-top:140px!important;}
ul.technology-list{width:calc(100% + 46px);margin-left:-23px;}
ul.technology-list li.item{width:33.33%;padding:23px;}
.technology-box:before{content:'';width:100%;height:100%;background:var(--primary-color);position:absolute;left:0;right:0;top:0;bottom:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;z-index:-1;}
.technology-box:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);}
.technology-box:hover .technology-text-box{color:var(--white-color);}
.technology-box{width:100%;height:100%;position:relative;z-index:2;min-height:300px;background:#EAEAEA;padding:53px 48px 34px;}
.technology-logo{max-width:110px;}
.technology-text-box{margin-top:auto;font-size:24px;font-weight:700;line-height:35px;letter-spacing:0.4px;}

/* ================= technology end ================= */

/* ================= technology single Start ================= */
.technology-single,.blog-page{padding-top:201px!important;}
ul.card-block-list{width:calc(100% + 32px);margin-left:-16px;}
ul.card-block-list li.cb-item{width:33.33%;padding:30px 16px;}
ul.card-block-list.has-four-column li.cb-item{width:25%}
.cb-box{width:100%;height:100%;display:flex;flex-flow:column;}
.cb-head h3{font-size:36px;line-height:44px; color:var(--primary-color);margin-bottom:15px;}
.cb-head h4{font-size:24px;line-height:30px; margin-bottom:20px;}  
.tc-content h5{font-size:18px;line-height:32px;letter-spacing:0.18px;font-weight:600;margin-bottom:0;}
.tc-cta-btn{margin-top:60px;}

/* ================= technology single end ================= */

/* ================= How we work Start ================= */
.process-middle.animate-process{transform:scale(0);transition:opacity .5s cubic-bezier(.215,.61,.355,1),transform .5s cubic-bezier(.215,.61,.355,1);transition:opacity .5s cubic-bezier(.215,.61,.355,1),transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1);}
.process-middle.animate-process.trigger{transform:scale(1);}
.animate-process.trigger.process-right-content:before{width:100%;-webkit-transition-delay:.7s;transition-delay:.7s!important;}
.animate-process.trigger.process-left-content:before{width:100%;-webkit-transition-delay:.7s;transition-delay:.7s!important;}
.animate-process>*{-webkit-transition:opacity .9s cubic-bezier(.215,.61,.355,1),-webkit-transform .9s cubic-bezier(.215,.61,.355,1);transition:opacity .9s cubic-bezier(.215,.61,.355,1),-webkit-transform .9s cubic-bezier(.215,.61,.355,1);transition:opacity .9s cubic-bezier(.215,.61,.355,1),transform .9s cubic-bezier(.215,.61,.355,1);transition:opacity .9s cubic-bezier(.215,.61,.355,1),transform .9s cubic-bezier(.215,.61,.355,1),-webkit-transform .9s cubic-bezier(.215,.61,.355,1);-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition-delay:.1s;transition-delay:.1s;opacity:0;}
.animate-process.trigger>*{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.process-middle.animate-process .process-item:nth-child(1),.process-middle.animate-process.trigger>:nth-child(1){-webkit-transition-delay:.7s;transition-delay:.7s!important;}
.process-middle.animate-process .process-item:nth-child(2),.process-middle.animate-process.trigger>:nth-child(2){-webkit-transition-delay:.7s;transition-delay:.7s!important;}
.process-middle.animate-process .process-item:nth-child(3),.process-middle.animate-process.trigger>:nth-child(3){-webkit-transition-delay:.9s;transition-delay:.9s!important;}
.process-left .animate-process .process-item:nth-child(1),.process-left.animate-process.trigger>:nth-child(1){-webkit-transition-delay:1.4s;transition-delay:1.4s!important;}
.process-left .animate-process .process-item:nth-child(2),.process-left.animate-process.trigger>:nth-child(2){-webkit-transition-delay:1s;transition-delay:1s!important;}
.process-left .animate-process .process-item:nth-child(3),.process-left.animate-process.trigger>:nth-child(3){-webkit-transition-delay:1.2s;transition-delay:1.2s!important;}
.process-right .animate-process .process-item:nth-child(1),.process-left.animate-process.trigger>:nth-child(1){-webkit-transition-delay:1.2s;transition-delay:1.2s!important;}
.process-right .animate-process .process-item:nth-child(2),.process-left.animate-process.trigger>:nth-child(2){-webkit-transition-delay:1s;transition-delay:1s!important;}

/* ===================================== ANIMATION END ========================== */
.content-container.process-container{background:var(--secondary-color);width:100%;height:100vh;display:flex;align-items:center;justify-content:center;max-height:902px;padding:80px 0 0;}
.process-content{display:flex;justify-content:center;align-items:center;position:relative;}
.process-item{color:var(--white-color);position:absolute;bottom:-22px;}
.process-middle .process-item{left:-4px;top:37px;}
.process-middle .process-item:nth-child(1){left:297px;}
.process-middle .process-item:nth-child(3){left:calc(50% - 30px);top:calc(100% - 25px);}
.process-left,.process-right{width:calc(50% - 190px);position:relative;}
.process-middle{height:380px;border:15px solid #0b2d50;border-radius:50%;width:380px;position:relative;}
.process-inner-content{position:relative;}
.process-img-box{color:var(--white-color);width:60px;height:60px;background:#0b2d50;border-radius:50%;line-height:60px;text-align:center;display:inline-block;}
.process-item-box{position:relative;color:var(--white-color);}
.process-line{width:1px;height:75px;background:var(--white-color);left:50%;transform:translateX(-50%);bottom:60px;margin:0 auto;transition:0.4s ease;}
.process-line.less-height{height:38px;transition:0.4s ease;}
.process-line.max-height{height:165px;transition:0.6s ease;}
.process-caption{display:flex;flex-flow:column;text-align:center;position:absolute;bottom:75px;left:50%;transform:translateX(-50%);}
.process-line::after{content:'';position:absolute;width:10px;height:1px;border-radius:5px;border:0px;left:50%;transform:translateX(-50%);bottom:-2px;background:#A0B9D2;}
.process-line::before{content:'';position:absolute;width:10px;height:10px;border:1px solid #A0B9D2;border-radius:5px;top:-10px;left:50%;transform:translateX(-50%);}
.process-caption p{line-height:21px;margin-bottom:20px;letter-spacing:0.18px;font-weight:500;color:#A0B9D2;}
.process-img-box img{width:25px;}
.process-left-content,.process-right-content{width:100%;height:15px;position:relative;}
.process-left-content:before,.process-right-content:before{content:'';position:absolute;width:0%;height:100%;background:#0b2d50;right:0;top:0;transition:0.5s ease;}
.process-right-content:before{left:0;}
.process-left-content .process-item:nth-child(1){left:-8px;}
.process-left-content .process-item:nth-child(2){left:70.5%;}
.process-left-content .process-item:nth-child(3){left:33.33%;}
.process-right-content .process-item:nth-child(1){right:-8px;}
.process-right-content .process-item:nth-child(2){right:58%;}
.process-content em{top:3px;border-color:transparent transparent transparent #adb5bd;border-style:solid;border-width:2px 0 2px 5px;position:absolute;z-index:9;opacity:0;transition-delay:2s;transform:none;}
.process-content .trigger em{opacity:1!important;z-index:999;}
.process-middle em.one{left:50%;top:-10px;}
.process-middle em.two{top:277px;left:23px;transform:rotate(45deg);}
.process-middle em.three{right:23px;top:277px;transform:rotate(-45deg);}
.process-left em.one{left:22%;}
.process-left em.two{left:60%;}
.process-right em.one{left:15%;}
.process-right em.two{left:64%;}
ul.blue-card-list{width:calc(100% + 24px);margin-left:-12px;}
ul.blue-card-list li.blue-card-item{width:25%;padding:12px;}
.blue-card-box{width:100%;height:100%;padding:32px 26px 11px 25px;background:var(--primary-color);color:var(--white-color);display:flex;flex-flow:column;}
.blue-card-head{font-size:24px;line-height:36px;letter-spacing:0.4px;font-weight:600;margin-bottom:63px;}
.blue-card-head > span,.blue-card-day-text > span{display:block;}
.blue-card-text,.blue-card-day-text,.blue-card-bott-text{font-size:14px;font-weight:600;line-height:25px;letter-spacing:0.23px;}
.blue-card-day-text{border-bottom:1px solid rgb(255 255 255 / 50%);padding:16px 0 22px;}
.blue-card-text{padding:19px 0 20px;}
.blue-card-bott-text{border-top:1px solid rgb(255 255 255 / 50%);margin-top:auto;min-height:90px;padding:19px 0 15px;}
ul.tool-logo-list{width:calc(100% + 30px);margin-left:-15px; margin-bottom: -100px;}
ul.tool-logo-list li.tl-logo{width:20%;padding:15px 15px; margin-bottom: 100px;}

/* ================= How we work End ================= */

/* ================= Career Start ================= */
.dark-bg{background:var(--secondary-color)!important;}
.dark-bg .heading h3{color:#F4F4F4;}
.dark-bg .heading p{color:#F4F4F4;}
.op-text h4{font-size:24px;line-height:34px;font-weight:700;letter-spacing:0.4px;color:var(--dark-charcoal-color);margin-bottom:0;}
.op-text h3{font-size:24px;line-height:26px;font-weight:500;letter-spacing:0.4px;color:var(--dark-charcoal-color);margin-bottom:0;}
.text-btn{font-size:16px;line-height:26px;letter-spacing:0.27px;font-weight:600;color:var(--primary-color);}
.text-btn:hover{text-decoration:underline;color:var(--primary-color);}
.open-position-box{width:calc(100% + 30px);margin-left:-15px;}
.op-text{width:33.33%;padding:30px 15px;}
.op-text:not(:first-child){text-align:right;}
address{margin-bottom:0;font-size:18px;line-height:30px;letter-spacing:0.3px;font-weight:700;color:rgb(255 255 255 / 40%);}
.recruit-process-box{padding:100px 0;}
.process-lower{margin-top:-16px;position:relative;}
.process-step-item{width:25%;display:flex;align-items:center;justify-content:center;position:relative;}
.process-upper .process-step-item:not(:first-child){border-top:16px solid rgb(55 185 249 / 20.23%);}
.process-upper .process-step-item:last-child{border-radius:28px;border-top-left-radius:0;border-bottom-left-radius:0;border-right:16px solid rgb(55 185 249 / 20.23%);border-bottom:16px solid rgb(55 185 249 / 20.23%);}
.process-upper .process-step-item:last-child .process-step-box{border-radius:18px;border-top-left-radius:0;border-bottom-left-radius:0;}
.process-upper .process-step-item:first-child .step-icon{top:-22px;}
.process-upper .process-step-item:first-child .process-step-box{padding:50px 38px;}
.process-upper .process-step-item:first-child .step-icon:before{content:'';}
.process-step-box{width:100%;text-align:center;height:100%;background:var(--secondary-color);position:relative;padding:38px;}
.step-icon{position:absolute;width:60px;height:60px;z-index:9;border-radius:6px;background:#0B2D50;left:50%;transform:translateX(-50%);top:-37px;display:flex;align-items:center;justify-content:center;}
.process-step-box h4{font-size:18px;line-height:30px;letter-spacing:0.18px;color:#A0B9D2;font-weight:500;}
.process-lower .process-step-item:first-child{border-top:16px solid rgb(55 185 249 / 20.23%);border-left:16px solid rgb(55 185 249 / 20.23%);border-bottom:16px solid rgb(55 185 249 / 20.23%);border-radius:28px;border-top-right-radius:0;border-bottom-right-radius:0;}
.process-lower .process-step-item:first-child .process-step-box{border-radius:18px;border-top-right-radius:0;border-bottom-right-radius:0;}
.process-lower .process-step-box{padding:3% 38px 38px 38px;}
.process-lower .process-step-item{border-top:16px solid rgb(55 185 249 / 20.23%);}
.process-lower .step-icon{top:-20px;}
.process-upper .process-step-item:first-child .process-step-box:after{content:'';width:50%;height:16px;background:rgb(55 185 249 / 20.23%);position:absolute;top:0;right:0;z-index:0;}

/* .process-lower .process-step-item:not(:first-child) .process-step{top:calc(100% - 8px);} */
.process-lower .process-step{width:100%;height:100%;position:absolute;top:100%;left:0;padding:18% 10px 10px 10px;}
.process-lower .process-step-box{position:relative;height:125px;}
.process-lower .process-step-item:first-child .process-step-box{}
.process-lower .process-step-item:not(:first-child) .process-step-box:after{content:'';width:50%;height:16px;background:rgb(55 185 249 / 20.23%);position:absolute;top:100%;left:0;}
.process-lower .process-step-item:not(:first-child) .process-step-box:before{content:'';width:50%;height:16px;background:rgb(55 185 249 / 20.23%);position:absolute;top:100%;right:0;}
.process-lower .process-step-item:last-child .process-step-box:before{content:none;}
.angle-shape-1{width:0;height:0;border:0 solid transparent;border-bottom-width:5px;border-top-width:5px;border-left:5px solid #A0B9D2;position:absolute;}
.process-upper .process-step-item:first-child .angle-shape-1{top:3px;right:0;}
.process-upper .process-step-item:not(:first-child) .angle-shape-1{top:-13px;right:0;}
.angle-shape-2{position:absolute;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#A0B9D2 transparent transparent transparent;}
.angle-shape-3{position:absolute;width:0;height:0;border-style:solid;border-width:5px 5px 5px 0;border-color:transparent #A0B9D2 transparent transparent;}
.process-upper .process-step-item .angle-shape-2{top:50%;transform:translateY(-50%);right:-13px;}
.process-upper .process-step-item .angle-shape-3{bottom:-13px;}
.process-lower .process-step-item .angle-shape-3{top:-13px;}
.process-lower .angle-shape-2{left:-13px;top:50%;transform:translateY(-50%);}
.process-lower .process-step-item:not(:first-child) .angle-shape-1{left:0;bottom:-13px;}
.process-lower .process-step-item:first-child .angle-shape-1{left:20%;bottom:-13px;}
.mob-recruit-process-box{padding:35px 8% 75px;}
.mob-process-icon{width:40px;height:40px;margin:0 auto 9px;background:#0B2D50;box-shadow:0 2px 3px 0px rgb(0 0 0 / 50%);display:flex;align-items:center;justify-content:center;border-radius:4px;}
.mob-process-icon > img{height:20px;}
.mob-process-text{text-align:center;font-size:12px;line-height:18px;letter-spacing:0.12px;font-weight:500;color:#A0B9D2;}
.mob-process-box{width:50%;height:145px;background:#010B26;position:relative;/* z-index:1; */}
.mob-process-upper .mob-process-box.has-border{border:10px solid rgb(55 185 249 / 20%);border-radius:25px 0px 0px 25px;border-right:0;z-index:2;}
.mob-process-middle .mob-process-box.has-border{border:10px solid rgb(55 185 249 / 20%);border-radius:0px 25px 25px 0px;margin-left:auto;border-left:0;z-index:2;}
.mob-process-lower .mob-process-box.has-border{border:10px solid rgb(55 185 249 / 20%);border-radius:25px 0px 0px 25px;border-right:0;z-index:2;}
.mob-process-middle,.mob-process-lower{margin-top:-10px;}
.mob-process-upper .mob-process-content{position:absolute;left:calc(100% - 40px);top:-25px;}
.mob-process-middle .mob-process-box:first-child .mob-process-content{position:absolute;left:30%;top:-15px;z-index:9;}
.mob-process-middle .mob-process-box:last-child .mob-process-content{position:absolute;right:15%;top:-25px;}
.mob-process-lower .mob-process-box.left .mob-process-content.top{position:absolute;left:5%;top:-25px;}
.mob-process-lower .mob-process-box.left .mob-process-content.bottom{position:absolute;left:5%;top:88%;}
.mob-process-lower .mob-process-box.right .mob-process-content.top{position:absolute;right:25%;top:-15px;z-index:2;}
.mob-process-lower .mob-process-box.right .mob-process-content.bottom{position:absolute;right:25%;top:83%;}
.mob-process-lower .mob-process-box.right .mob-process-content.bottom .mob-process-icon:before{content:'';width:430%;height:10px;background:rgb(55 185 249 / 20%);position:absolute;right:95%;}
.mob-process-upper .angle-shape-3{left:50%;transform:translateX(-50%);top:-10px;}
.mob-process-upper .angle-shape-2{top:50%;transform:translateY(-50%);left:-10px;}
.mob-process-middle .angle-shape-1{right:0;z-index:9;}
.mob-process-middle .angle-shape-2{right:-10px;top:50%;transform:translateY(-50%);}
.mob-process-middle .angle-shape-3{bottom:-10px;}
.mob-process-lower .angle-shape-2{top:50%;transform:translateY(-50%);left:-10px;}
.mob-process-box.right .angle-shape-1{bottom:0;}
.career-single-right{background:rgb(204 238 255 / 27%);padding:40px;}
.vacancy-box h3,.vacancy-box p{font-size:18px;line-height:18px;font-weight:600;letter-spacing:0.3px;}
.vacancy-box h3{margin-bottom:16px;}
.vacancy-box p{color:rgb(51 51 51 / 70%);}
.vacancy-box{margin-bottom:48px;}

/* ================= Career End ================= */

/* ================= Inner-Hero Start ================= */
.inner-hero-container{width:100%;height:100vh; background:var(--secondary-color);color:var(--white-color);padding-top:80px;position:relative;}
.inner-hero-text-box{width:100%;padding:40px 0;padding-bottom:80px;}
.inner-hero-text-box h6{font-weight:700;font-size:21px;line-height:36px;margin-bottom:24px;letter-spacing:-0.3px;}
.inner-hero-text-box h1{font-size:48px;font-weight:700;text-transform:capitalize;line-height:74px;margin-bottom:30px;}
.inner-hero-text-box h1 > span{color:var(--primary-color);}
.inner-hero-text-box p{margin:0 auto;max-width:725px; font-weight:700;font-size: 18px; line-height: 1.4;}

/* ================= Inner-Hero End ================= */

/* ================= about us start ================= */
.number-list{width:calc(100% + 30px);margin-left:-15px;padding-top:100px;}
.number-item{width:25%;padding:0px 15px;position:relative;text-align:center;}
.number-box h3{font-size:150px;font-weight:600; line-height:150px;margin-bottom:5px;}
.number-box p{font-weight:500;font-size:18px;}
.number-item:nth-child(odd)::before{background:var(--white-color);content:'';width:2px;height:64%;left:0;top:0;position:absolute;}
.number-item:nth-child(even)::before{background:var(--white-color);content:'';width:2px;height:64%;left:0;bottom:0;position:absolute;}
.number-item:nth-child(even) .number-box{padding-top:300px;}
.number-item:nth-child(1)::before{display:none;}
.gray-bg{background:#D8D8D8!important;}

/* horizontal scroll start */

/* .horizontal-outer-container{width: 100%;height: 100vh;} */
.horizontal-box{width:700px;height:470px;background:#F2F2F2;position:relative;z-index:1;margin-right:60px;padding:60px; overflow: hidden; white-space: normal; display: inline-block;}
.horizontal-box h4{font-size:45px;line-height:60px;font-weight:600;letter-spacing:0.75px;}
.horizontal-box p,.horizontal-count{font-size:18px;line-height:30px;letter-spacing:0.3px;color:var(--dark-charcoal-color);font-weight:500;}
.horizontal-count{font-weight:600;color:#373737;position:absolute;top:64px;right:63px;}
.horizontal-box:after{display:block;width:100%;height:100%;content:"";background-color:var(--secondary-color);position:absolute;z-index:-1; width: 100%; height: 100%; left:0;top:100%; transition: all .3s cubic-bezier(.215,.61,.355,1)}
.horizontal-box:hover:after{top: 0;}
.horizontal-box:hover p,.horizontal-box:hover .horizontal-count{color:#C8C8C8;}
.horizontal-box:hover h4{color:var(--white-color);}
.horizontal-box:hover h4 span{color:var(--primary-color);}
.horizontal-container{display: inline-block; white-space: nowrap;}

/* horizontal scroll end */
.side-shape{width:409px;position:absolute;bottom:0%;left: calc(50% - 700px);mix-blend-mode: color-dodge;opacity: 0.3;}

/* ================= about us End ================= */

/* ================= Blog Start ================= */
.blog-container .post-tilte{font-size:60px;line-height:1;}
.blog-container h5{font-size:14px;font-weight:700;line-height:30px; color:var(--dark-charcoal-color); opacity: 0.7;}
.blog-container h5 > span{font-weight:400;}
.pagination-container .prev-btn,.pagination-container .next-btn{min-width:150px;border-radius:5px;font-size:18px;font-weight:500;color:var(--dark-charcoal-color);border:1px solid var(--dark-charcoal-color);text-align:center;padding:12px 15px;text-transform:capitalize;}
.pagination-container .prev-btn:hover,.pagination-container .next-btn:hover{background:var(--dark-charcoal-color);color:var(--white-color);}
.pagination-count{font-size:18px;font-weight:500;color:var(--dark-charcoal-color);}
.pagination-container .disable{opacity:30%!important;cursor:no-drop;}
.pagination-container{margin-top:100px;}
.blog-container h6{font-size:21px;font-weight:700;line-height:35px;letter-spacing:0.35px;color:var(--dark-charcoal-color);}
.blog-post-list li + li{padding-top: 60px;}
.blog-post-list li  a{color:var(--dark-charcoal-color);}
.blog-post h4{font-size: 40px; line-height: 1.2; margin-bottom: 20px;}
/* ================= Blog End ================= */
ul.border-list{width:calc(100% + 60px);margin-left:-30px;}
ul.border-list li{width:50%;padding:0 30px;}
.border-box{width:100%;height:100%;border:4px solid var(--dark-charcoal-color);padding:44px;}
.border-box h4{font-size:36px;line-height:50px;letter-spacing:0.6px;margin-bottom:15px;}
.graph-box{width:calc(100% + 44px);margin-left:-22px;display:flex;align-items:center;}
.graph-text-range h3{font-size:24px;font-weight:700;line-height:28px;letter-spacing:0.4px;color:#373737;margin-bottom:0;}
.graph-text-range h3 >  span{font-weight:600;}
.graph-range{width:50%;padding:0 22px;}
.graph-text-range{width:50%;padding:0 22px;}
ul.graph-list li + li{margin-top:30px;}
.graph-range .progress{height:60px;width:100%;display:flex;align-items:flex-end;justify-content:flex-end;background:transparent;}
.graph-range .progress-bar{height:100%;border-radius:11px;background:#34A9E3;}
ul.graph-list li:nth-child(1) .progress-bar{background:#34A9E3;}
ul.graph-list li:nth-child(2) .progress-bar{background:#288CD3;}
ul.graph-list li:nth-child(3) .progress-bar{background:#1F77C8;}
ul.graph-list li:nth-child(4) .progress-bar{background:#1662BD;}
ul.graph-list li:nth-child(5) .progress-bar{background:#0C49AF;}
ul.graph-list li:nth-child(6) .progress-bar{background:#0333A3;}

/* ================= Footer Start ================= */
.footer-upper{padding:0 0 50px;}
.footer-upper-content{width:100%;vertical-align:top;display:inline-block;}
.footer-left{width:43%;float:left;padding-right:8.5%;}
.footer-middle{width:30%;float:left;padding-right:7.5%;}
.footer-right{width:27%;float:left;padding-left:2%;}
.footer-head h4{font-size:21px;font-weight:700;line-height:35px;letter-spacing:0.35px;color:rgb(51 51 51 / 60%);text-transform:uppercase;margin-bottom:0;}
.footer-body{padding-top:52px;}
.footer-left .footer-body{padding-top:45px;}
ul.footer-nav li > a{font-size:45px;line-height:75px;letter-spacing:0.75px;font-weight:700;}
ul.footer-nav li > a:hover{color:var(--primary-color);}
.footer-right ul.footer-link-list li:not(:last-child){margin-bottom:35px;}
ul.footer-link-list li:not(:last-child){margin-bottom:26px;}
ul.footer-nav li:not(:last-child){margin-bottom:30px;}
.fl-link{font-size:12px;line-height:18px;letter-spacing:0.2px;font-weight:400;}
.fl-link > h5{font-size:18px;line-height:28px;letter-spacing:0.3px;font-weight:600;margin-bottom:6px;}
.footer-lower{padding:30px 0;}
ul.social-link>li + li{margin-left:40px;}
ul.social-link{display:inline-block;vertical-align:top;font-size:0;line-height:0;}
ul.social-link>li{display:inline-block;vertical-align:top;}
ul.social-link li a{font-size:23px;color:#373737;}
ul.social-link li a:hover{color:var(--primary-color);}
.copyright{font-family:'Lato',sans-serif;margin-top:30px;font-size:12px;line-height:14px;font-weight:400;letter-spacing:0.12px;color:rgb(51 51 51 / 80%);}
.control-label{font-size:16px;font-weight:400;opacity:1;pointer-events:none;position:absolute;transform:translate3d(0,6px,0) scale(1);transform-origin:left top;transition:240ms;line-height:29px;color:var(--dark-charcoal-color);margin-bottom:0; top: 0; left: 0;}
.form-group.focused .control-label{opacity:1;transform:scale(0.75);color:#2196f3; top: -15px;}
.form-row.textarea .control-label{top: 140px;}
.form-row.textarea .form-group.focused .control-label{top: -15px;}
.form-row.full-width.upload-form-button{margin-top:80px;}
.btn-file{position:relative;overflow:hidden;font-size:18px;line-height:17px;letter-spacing:0.18px;color:var(--dark-charcoal-color);font-weight:500;}
.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;background:red;cursor:inherit;display:block;}
.file-input-label{padding:0px 10px;display:table-cell;vertical-align:middle;border:1px solid #ddd;border-radius:4px;}
input[readonly]{background-color:white!important;cursor:text!important;}
.nice-select{-webkit-tap-highlight-color:transparent;background-color:var(--white-color);border-radius:8px;border:1px solid #e0e0e0;box-sizing:border-box;clear:both;cursor:pointer;display:block;  /* float:left; */font-family:inherit;font-size:16px;font-weight:normal;height:60px;line-height:60px;outline:none;padding:0;padding-left:0;padding-right:30px;position:relative;text-align:left!important;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto;width:100%;color:var(--dark-charcoal-color);border-top:0;border-left:0;border-radius:0;border-right:0;}
.nice-select:active,.nice-select.open,.nice-select:focus{border-color:var(--primary-color);}
.nice-select:after{content:'';display:block;height:6px;width:12px;margin-top:-3px;background:url(../images/dropdown-arrow.svg) no-repeat center/contain;pointer-events:none;position:absolute;right:15px;top:50%;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;}
.nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0);}
.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none;}
.nice-select.disabled:after{opacity:0.3;}
.nice-select.wide{width:100%;}
.nice-select.wide .list{left:0!important;right:0!important;}
.nice-select.right{float:right;}
.nice-select.right .list{left:auto;right:0;}
.nice-select .list{background-color:var(--white-color);border-radius:6px;box-shadow:0 2px 5px rgb(0,0,0,0.1);box-sizing:border-box;margin-top:4px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:100%;left:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(0.75) translateY(-21px);-ms-transform:scale(0.75) translateY(-21px);transform:scale(0.75) translateY(-21px);-webkit-transition:all 0.2s cubic-bezier(0.5,0,0,1.25),opacity 0.15s ease-out;transition:all 0.2s cubic-bezier(0.5,0,0,1.25),opacity 0.15s ease-out;z-index:9;width:100%;padding:15px;max-height:220px;overflow-y:auto;}
.nice-select .list:hover .option:not(:hover){background-color:transparent!important;}
.nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:none;padding-left:10px;padding-right:10px;text-align:left;-webkit-transition:all 0.2s;transition:all 0.2s;font-size:14px;color:#26262A;padding: 10px;border-radius: 7px;line-height: 30px;}
.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background-color:rgb(55 184 247 / 12%);color:var(--primary-color);}
.nice-select .option.selected{font-weight:600;}
.nice-select .option.disabled{background-color:transparent;color:#999;cursor:default;}
.nice-select.small .option{padding-left:7px;}
.nice-select:after{border-bottom:2px solid #90a1b5;border-right:2px solid #90a1b5;content:'';display:block;height:10px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;width:10px;}
.nice-select.open:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);}

/* ================= Footer End ================= */
@media (max-width:1400.98px){
body{font-size:16px;line-height:26px;}
.hero-container{padding-bottom:0;}
.hero-text-box{margin:0 auto;}
.hero-text-box h1{font-size:65px;line-height:85px;margin-bottom:45px;}
.hero-text-box p{font-size:30px;line-height:46px;}
.heading h3,.testimonial-left-box h3,.quote-head h4,.inner-banner-content h1{font-size:50px;line-height:65px;}
.heading{margin-bottom:65px;}
.footer-head h4{font-size:20px;line-height:34px;}
ul.footer-nav li > a{font-size:40px;line-height:70px;}
.fl-link > h5{font-size:16px;line-height:26px;}
.footer-left{padding-right:15px;}
.footer-middle{padding-right:3.5%;}
ul.footer-nav li:not(:last-child){margin-bottom:25px;}
ul.footer-link-list li:not(:last-child){margin-bottom:21px;}
.footer-right ul.footer-link-list li:not(:last-child){margin-bottom:30px;}
.footer-left .footer-body{padding-top:40px;}
.footer-body{padding-top:48px;}
.footer-lower{padding:25px 0;}
.footer-upper{padding:0 0 45px;}
.content-container{padding:80px 0;}
.content-container.testimonials-container{padding:120px 0 90px;}
.quote-icon{width:100px;margin-bottom:35px;}
.ts-img-box .ts-img{width:155px;height:155px}
.ts-content-box{padding-left:35px;}
.ts-img-box:before{width:116px;height:116px;}
.testimonial-left-box p{font-size:16px;line-height:28px;}
.testimonal-text-slide{font-size:16px;line-height:29px;}
.ts-content-box h5{font-size:20px;line-height:25px;}
.faq-accordion{padding-top:50px;}
.faq-accordion .card-header h5{font-size:32px;line-height:40px;}
.faq-accordion .card-body{font-size:16px;line-height:28px;}
.faq-accordion >.card{padding:40px 0;}
.content-container.quote-container{padding:100px 0 90px;}
.add-bg-overlay:before{height:calc(100% - 130px);}
.quote-text-box > h6{font-size:20px;line-height:33px;}
.quote-form{padding:40px 45px;}
ul.portfolio-list{width:calc(100% + 30px);margin-left:-15px;}
.portfolio-item{padding: 0 15px;}
.portfolio-hover-content{padding:35px;}
.portfolio-hover-content h4{font-size:20px;line-height:26px;margin-bottom:10px;}
.portfolio-group-column{padding:15px;}
.content-container.intro-container{padding:80px 0;}
.content-container.portfolio-image-container{padding:0 0 80px;}
.portfolio-image-box + .portfolio-image-box{margin-top:80px;}
.half-portfolio-image{width:calc(50% - 40px);}
.cta-container h2{margin-bottom:35px;}
.cta-container p{font-size:35px;line-height:45px;}
.inner-banner-container{max-height:385px;}
.logo-area-block > img{width:170px;}
ul.technology-list{width:calc(100% + 30px);margin-left:-15px;}
ul.technology-list li.item{padding:15px;}
.technology-box{padding:30px 30px 30px;}
.technology-logo{max-width:70px;}
.technology-text-box{font-size:22px;line-height:33px;}
.cb-head h4{font-size:22px;line-height:27px;}
.cb-head h3{font-size:32px;line-height:40px;}
.tc-content h5{font-size:16px;line-height:30px;}
.btn2{padding:10px 15px;font-size:16px;line-height:30px;}
.process-middle{border:12px solid #0b2d50;}
.process-left-content,.process-right-content{height:12px}
.inner-hero-container{min-height:650px;}
.inner-hero-text-box{width:100%}
.inner-hero-text-box h1{font-size:40px;line-height:60px;}
.inner-hero-text-box h1 > span{color:var(--primary-color);}
.number-box h3{font-size:125px;line-height:125px;}
.blog-container .post-tilte{font-size:40px;line-height:65px;}
ul.blog-post-list li + li,.pagination-container{margin-top:80px;}
.blog-container h6{font-size:18px; line-height: 30px;}
ul.border-list,.graph-box{width:calc(100% + 30px);margin-left:-15px;}
ul.border-list li{padding:15px;}
.graph-range,.graph-text-range{padding:0 15px;}
ul.card-block-list{width:calc(100% + 30px);margin-left:-15px;}
ul.card-block-list.has-four-column li.cb-item{padding:15px;}
.border-box{padding:25px;}
.border-box h4{font-size:30px;line-height:1.3;}
.graph-text-range h3{font-size:22px;line-height:1.3;}
.horizontal-box p, .horizontal-count{font-size: 16px; line-height: 26px;}
}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px){
#header .container{width: calc(100% - 30px);}
#header{height:80px;padding:0 15px;background:var(--white-color);/*box-shadow:0 5px 8px rgb(0 0 0 / 10%);*/}
.header-btn{background:var(--primary-color);}
.navbar-brand{width:60px;}
.header-right{position:relative;z-index:999;margin-right:45px;}
.navbar-collapse{display:none!important;}
.navbar .navbar-toggler{display:none!important;}
.heading h3,.testimonial-left-box h3,.quote-head h4,.inner-banner-content h1{font-size:40px;line-height:50px;}
.heading h3 + p{margin-top:25px;}
.heading{margin-bottom:50px; padding-right: 10%;}
.heading.type2{padding-right: 30%;}
.link-btn{font-size:16px;line-height:28px;}
.nav-icon{right:15px;top:16px;}
.portfolio-box h3{font-size:18px;line-height:25px;bottom:25px;left:25px;}
.portfolio-hover-content{padding:20px 20px;font-size:14px;line-height:22px;}
.portfolio-hover-content h4{font-size:18px;line-height:24px;}
.content-container.intro-container{padding:60px 0;}
.content-container.portfolio-image-container{padding:0 0 60px;}
.portfolio-image-box + .portfolio-image-box{margin-top:60px;}
.half-portfolio-image{width:calc(50% - 15px);}
.cta-container h2{margin-bottom:30px;}
.cta-container p{font-size:30px;line-height:40px;}
.footer-left{width:32%;}
.footer-middle{padding-right:15px;}
.footer-right{width:38%;}
.content-container{padding:60px 0;}
.content-container.testimonials-container{padding:90px 0 70px;}
.faq-accordion{padding-top:40px;}
.faq-accordion .card-header h5{font-size:28px;line-height:46px;}
.faq-accordion >.card{padding:30px 0;}
.content-container.quote-container{padding:70px 0 60px;}
.add-bg-overlay:before{height:calc(100% - 120px);}
.form-row:not(:last-child){margin-bottom:60px;}
.form-row.full-width.textarea{margin-top:115px;}
.form-row{width:calc(100% + 15px);margin-left:-15px;}
.form-column{padding:0 15px;}
ul.breadcrumb-list{width:calc(100% + 30px);margin-left:-15px;white-space:nowrap;overflow-x:auto;}
ul.breadcrumb-list li{padding:0 15px;white-space:nowrap;}
ul.card-block-list.has-four-column li.cb-item{width:33.33%;} 
.tc-cta-btn{margin-top:40px;}
.process-left-content .process-item:nth-child(1){left:0px;}
.process-right-content .process-item:nth-child(1){right:0px;}
.process-img-box{width:50px;height:50px;line-height:50px;}
.process-img-box img{width:20px;}
.process-caption{bottom:60px;}
.process-item{bottom:-19px;}
.process-middle .process-item:nth-child(3){left:calc(50% - 25px);}
.process-middle{width:330px;height:330px;}
.process-left,.process-right{width:calc(50% - 165px);}
.process-middle .process-item:nth-child(1){left:260px;}
.process-caption p{font-size:14px;line-height:18px;margin-bottom:15px;}
.process-middle em.one{top:-7px}
.process-middle em.two,.process-middle em.three{top:245px;}
.inner-hero-container{padding-top:0;min-height:600px;height:calc(100vh - 80px)}
.number-item:nth-child(even) .number-box{padding-top:200px;}
.number-box h3{font-size:100px;line-height:100px;}
.number-box p{font-size:16px;}
.blog-container .post-tilte{font-size:35px;line-height:60px;}
ul.blog-post-list li + li,.pagination-container{margin-top:80px;}
.blog-container h6{font-size:16px; line-height: 26px;}
.side-shape{left: -50px; max-width: 80%;}
.horizontal-container{display: flex; flex-wrap: wrap; white-space: normal; width: calc(100% + 30px); margin-left: -15px;}
.horizontal-box{width: calc(50% - 30px); height: auto; padding: 25px; margin: 15px;}
.horizontal-box h4{font-size: 35px; line-height: 50px; padding-right: 50px;}
.horizontal-count{top: 35px; right: 30px;}


}
@media (max-width:1048.98px){
.container{width:calc(100% - 60px);}
.process-lower .process-step{padding:30% 10px 10px 10px;}
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px){
.hero-text-box h1{font-size:50px;line-height:70px;margin-bottom:30px;}
.hero-text-box p{font-size:25px;line-height:41px;}
.cbw-content-box{display:flex;flex-wrap:wrap;width:calc(100% + 30px);margin-left:-15px;}
.cbw-box{width:calc(50% - 30px);margin:15px!important;}
.service-box,.cbw-hover-content{padding:25px;}
.service-icon{width:30px;}
.service-box h4,.cbw-hover-content h4{font-size:20px;line-height:30px;}
#footer{text-align:center;}
.footer-left,.footer-middle,.footer-right{float:none;width:100%;}
.footer-head h4{font-size:18px;line-height:32px;}
ul.footer-nav li > a{font-size:32px;line-height:45px;}
.footer-left .footer-body,.footer-body{padding-top:20px;}
.footer-left,.footer-middle{margin-bottom:25px;}
ul.footer-link-list li:not(:last-child),.footer-right ul.footer-link-list li:not(:last-child){margin-bottom:15px;}
.footer-upper{padding:0;}
.portfolio-group-column:first-child,.portfolio-group-column{width:100%;}
ul.logo-list li{width:20%;}
ul.logo-list{margin-top:0;}
.testimonial-right-box{width:100%;padding-left:0;}
.testimonial-left-box{width:100%;margin-bottom:40px;}
.testimonial-thumbnail-box{padding-top:40px;}
.quote-icon{width:80px;margin-bottom:25px;}
.testimonal-text-slider.slick-slider{padding-bottom:80px;}
.quote-head{margin-bottom:40px;}
.quote-text-box{width:100%;}
ul.query-list li > h5{font-size:18px;line-height:28px;}
ul.query-list li b > a{font-size:14px;line-height:30px;}
.quote-text-box h6 + ul.query-list{margin:30px 0 0;}
.quote-form-box{width:100%;padding-left:0;}
.content-container.quote-container{padding:60px 0 50px;}
.ps-text-box{padding-right:15px;}
ul.new-logo-list li{width:50%;}
ul.new-logo-list.four-column  li{width:33.33%;}
.inner-banner-container{max-height:100%;height:auto;}
.inner-banner-content{padding-right:0;}
.technology-box{padding:25px;min-height:250px;}
.technology-logo{max-width:50px;}
.technology-text-box{font-size:18px;line-height:28px;}
ul.card-block-list.has-four-column li.cb-item,ul.card-block-list li.cb-item{width:50%;}
.tc-cta-btn{margin-top:25px;}
.process-middle{width:250px;height:250px;}
.process-left,.process-right{width:calc(50% - 125px);}
.process-middle .process-item:nth-child(1){left:195px;}
.process-item{bottom:-16px;}
.process-middle .process-item:nth-child(3){left:calc(50% - 23px);top:calc(100% - 17px);}
.process-img-box{width:45px;height:45px;line-height:45px;}
.process-middle{border:10px solid #0b2d50;z-index:9;}
.process-middle .process-item{left:-10px;top:25px;}
.process-middle em.two,.process-middle em.three{top:192px;}
.inner-hero-container{min-height:400px;}
.inner-hero-text-box h6{margin-bottom:15px;font-size:18px;}
.inner-hero-text-box h1{font-size:33px;line-height:44px;margin-bottom:20px;}
.inner-hero-text-box p{line-height:23px;font-size:15px;font-weight:400;}
.inner-hero-text-box{padding:40px 0;}
.number-box h3{font-size:75px;line-height:75px;}
ul.blue-card-list li.blue-card-item{width:50%;}
ul.tool-logo-list li.tl-logo{width:25%;}
.blog-container .post-tilte{font-size:28px;line-height:1.3;}
ul.blog-post-list li + li,.pagination-container{margin-top:35px;} 
.inner-banner-container{padding: 60px 0;}
ul.logo-list{width: calc(100% + 30px); margin-left: -15px;}
ul.logo-list li{padding:30px 15px;}
.logo-img{justify-content: center;}
.graph-text-range h3{font-size: 20px;}
.portfolio-hover-content{display: none !important;}
}

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px){
.container{width:calc(100% - 30px);}
.content-container{padding:40px 0;}
.navbar{height:60px;}
.menu-header .menu-logo{width:60px;}
.hero-text-box h1{font-size:40px;line-height:60px;margin-bottom:25px;}
.hero-text-box p{font-size:22px;line-height:38px;}
.hero-text-box .hero-text-slide{font-size: 24px; line-height: 34px;}
.service-box,.cbw-hover-content{padding:25px 15px;}
.heading{margin-bottom:25px; padding-right: 0;}
.heading.type2{padding-right: 0;}
.heading.type2 h3{padding-right: 150px;}
.heading-cta{bottom: auto; top: 7px;}
.heading h3 + p{margin-top:15px;}
ul.footer-nav li > a{font-size:22px;line-height:28px;}
.footer-head h4{font-size:16px;line-height:1.2;}
ul.footer-nav li:not(:last-child){margin-bottom:15px;}
.copyright{margin-top:15px;}
.content-container.intro-container{padding:35px 0 10px;}
.content-container.portfolio-image-container{padding:0 0 35px;}
.portfolio-image-box + .portfolio-image-box{margin-top:35px;}
ul.new-logo-list li{width:33.33%;padding:25px 15px;}
.cta-container h2{margin-bottom:15px;font-size:14px;line-height:1.2;}
.cta-container p{font-size:22px;line-height:33px;}
.intro-container .heading h3 + p{margin-top:15px;margin-bottom:15px;}
.intro-container .heading p{margin-bottom:15px;}
ul.new-logo-list.four-column  li{width:25%;}
.link-btn{margin-top:25px;}
ul.logo-list li{width:25%;}
.heading h3,.testimonial-left-box h3,.quote-head h4,.inner-banner-content h1{font-size:30px;line-height:40px;}
.content-container.testimonials-container{padding:40px 0;}
.testimonal-text-slider.slick-slider{padding-bottom:55px;}
.faq-accordion{padding-top:0;}
.faq-accordion .card-header h5{font-size:25px;line-height:43px;}
.faq-accordion >.card{padding:25px 0;}
.content-container.quote-container{padding:35px 0 50px;}
.quote-form{padding:30px 25px;}
ul.query-list li{margin-bottom:15px;}
.quote-text-box h6 + ul.query-list{margin:25px 0;}
.logo-area-block{margin-bottom:30px;}
ul.technology-list li.item{width:50%;} 
.tc-content h5{font-size:14px;line-height:24px;}
.btn2{min-width:150px;font-size:14px;line-height:24px;}
.content-container.process-container{padding:35px 0 90px;align-items:flex-start;height:auto;max-height:100%;}
.process-content{flex-flow:column;}
.process-left-content{height:350px;width:10px;margin:0 auto;}
.process-left-content .process-item:nth-child(1){top:0;height:45px;}
.process-left-content .process-item{left:-17px!important;}
.process-left-content .process-item:nth-child(2){top:33.33%;}
.process-left-content .process-item:nth-child(3){top:66.66%;}
.process-right-content{width:10px;height:300px;margin:0 auto;}
.process-right-content .process-item{right:auto!important;}
.process-right-content .process-item:nth-child(1){bottom:0;}
.process-right-content .process-item{left:-17px;}
.process-right-content .process-item:nth-child(2){bottom:50%;}
.process-line{display:none}
.process-caption p{margin-bottom:10px;background:var(--secondary-color);padding-bottom:5px;margin:0;}
.process-caption{top:50px;}
.process-left-content:before,.process-right-content:before{width:100%}
.process-middle.animate-process{transform:scale(1)!important;}
.process-left em,.process-right em{transform:rotate(95deg)!important;left:3px;}
.process-left em.one{top:26%;}
.process-left em.one{top:25%;left:3px;}
.process-right em.two{top:77%;left:3px;}
.inner-hero-text-box h6{margin-bottom:10px;font-size:16px;}
.inner-hero-text-box h1{font-size:23px;line-height:33px;margin-bottom:20px;}
.inner-hero-text-box p{font-size:14px;}
.number-list{padding-top:0;}
.number-item{width:100%;padding:40px 15px;}
.number-item:nth-child(even) .number-box{padding-top:0;}
.number-item::before{display:none;}
.number-box h3{font-size:60px;}
.number-item + .number-item{border-top:2px solid rgba(255,255,255,0.3);}
ul.tool-logo-list li.tl-logo{width:33.33%;}
.blog-container h4{font-size:20px;margin-bottom:15px;letter-spacing:0; line-height: 1.4;}
.blog-container h5{line-height:1.2;letter-spacing:0;margin-bottom:15px}
ul.border-list li{width:100%;}
.graph-text-range h3{font-size:18px;}
.graph-range .progress{height:35px; justify-content: start;}
.graph-range .progress-bar{border-radius: 7px;}
.open-position-box{width:100%;margin-left:0;}
.op-text{width:100%;padding:0;}
.op-text + .op-text{margin-top:15px;}
.op-text:not(:first-child){text-align:left;}
.open-position-box + .open-position-box{margin-top:25px;}
.inner-banner-btn{margin-top: 30px;}
.inner-banner-container{padding: 40px 0;}
.post-title{font-size: 30px; line-height: 1.4;}
.graph-box{flex-flow:column;}
.graph-range,.graph-text-range{width:100%;text-align:left;}
.graph-text-range h3{font-size:16px;margin-top:10px;}

.half-portfolio-image{width: 100%; padding-bottom: 0;}
.portofolio-img-box{position: relative; max-width:100% !important; width: 100%;}
.half-portfolio-image + .half-portfolio-image{margin-top: 35px;}
.form-column{padding:0;}
.control-label{font-size: 14px;}
.nice-select{font-size: 14px;}
.upload-form-button .btn{width: 100%;}
.upload-form-button .btn + .btn{margin-left: 0; margin-top: 10px;}
.form-row{width: 100%; margin: 0;}
.form-row.full-width.upload-form-button{margin-top: 0;}
.portfolio-list{margin-bottom: -30px;}
.portfolio-item{width: 100% !important; margin-bottom: 30px;}

}

/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:579.98px){
.nav-icon{right:5px;}
.cbw-box{width:calc(100% - 30px);}
.logo-img{justify-content:center;}
.ts-img-box .ts-img{width:100px;height:100px;}
.ts-img-box:before{width:85px;height:85px;}
.ts-img-box{padding:25px 0 0 25px;}
.ts-img-box{width:126px;}
.ts-content-box{width:calc(100% - 126px);padding-left:15px;}
.ts-content-box h5{font-size:18px;line-height:14px;}
.faq-accordion .card-header h5{font-size:18px;line-height:1.3;}
.faq-accordion .card-body{font-size:14px;line-height:25px;}
.faq-accordion .card-header > h5:before{font-size:16px;}
.form-column{width:100%;margin-bottom:30px;}
.upload-form-button .form-column{margin-bottom: 0;}
.form-row:not(:last-child){margin-bottom:0;}
.form-row.full-width.textarea{margin-top:0px;}
.form-column .btn{min-width:100%;padding:16px 13px;font-size:16px;}
textarea.form-control{height:100px;}
.form-row.textarea .control-label{top:60px;}
.form-row.full-width.form-button .form-column{margin-bottom:0;margin-top:25px;}
.quote-text-box > h6{font-size:16px;line-height:31px;}
.quote-head{margin-bottom:25px;}
ul.new-logo-list.four-column  li{width:33.33%;}
ul.technology-list li.item{width:100%;}
ul.card-block-list{width:calc(100% + 30px);margin-left:-15px;}
ul.card-block-list.has-four-column li.cb-item,ul.card-block-list li.cb-item{width:100%;padding:15px;}
ul.blue-card-list li.blue-card-item{width:100%;}
ul.tool-logo-list{margin-bottom: -50px;}
ul.tool-logo-list li.tl-logo{width:50%;padding:15px 15px; margin-bottom: 50px; text-align:center;}
ul.tool-logo-list li.tl-logo > img{max-width:80px;margin:0 auto;}
ul.tool-logo-list li.tl-logo > img{}
.blue-card-box{padding:25px;}
.blue-card-head{font-size:18px;line-height:26px;margin-bottom:15px;}
.blue-card-bott-text{min-height:auto;padding:19px 0 0px;}
.pagination-container .prev-btn,.pagination-container .next-btn{min-width:95px;font-size:14px;padding:6px 15px;}
.pagination-count{font-size:14px;}

.border-box{padding:15px;}
.border-box h4{font-size:22px;}
.horizontal-box{width: 100%;}
.header-right{margin-right: 35px;}
}
@media (max-width:390.98px){
.hero-text-box h1{font-size:40px;line-height:50px;}}
.hero-text-box p{font-size:20px;line-height:34px;} 
.mob-process-lower .mob-process-box.right .mob-process-content:last-child .mob-process-icon:before{width:300%;}
}