@font-face {
font-family: camp;
src: url(../fonts/400.woff);
font-weight:400;
font-display: swap;

}
@font-face {
font-family: camp;
src: url(../fonts/500.woff);
font-weight:500;
font-display: swap;

}
@font-face {
font-family: camp;
src: url(../fonts/600.woff);
font-weight:600;
font-display: swap;

}
html{
}
body{
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: scroll;
position:relative;
font-family: camp;
font-weight:400;
color:#353b48;
font-size:17px;
}
section{
position:relative;
}
a, a *{
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration:none;
}
a:hover{
text-decoration:none;
}
button:focus{
outline:none;
}
img{
width:100%;
}
input, button{
outline:none;
}
p{
margin: 0;
padding: 0;
font-size:17px;
line-height:26px;
}
b{
font-weight:100;
}
h1,h2,h3,h4,h5,h6{
font-weight:600;
/*margin:0;*/
    margin: 10px 0px;

color:#0a2540;
letter-spacing:-1px;
}
.btn{
background-color: #0a46c8;
color: #fff;
font-weight: 600;
border-radius: 5px;
padding: 10px 25px;
display: table;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px;
position:relative;
}
.btn:after{
content: '';
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 28px;
height: 28px;
border-radius: 50px;
background-image: url(../img/btn-arrow.svg);
background-position: 8px 50%;
background-size: 13px;
background-repeat: no-repeat;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
background-color: #ffffff14;
}
.btn:before{
content: '';
position: absolute;
left: 220px;
top: 50%;
transform: translateY(-50%);
width: 0px;
height: 2px;
z-index: 1;
background-color: #fff;
opacity:0;
margin-top: -0.5px;
-webkit-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.btn:hover:after{
background-position: 13px 50%;
background-color:transparent;
}
.btn:hover:before{
right: 29px;
width:13px;
opacity:1;
}
.btn.nonbg{
padding: 10px 0px;
text-transform: math-auto;
font-weight: 500;
letter-spacing: 0;
font-size: 17px;
padding-right: 50px;
background: transparent;
color: #0a46c8;
margin-top:30px;
letter-spacing: 0;
}
.btn.nonbg:after{
background-image: url(../img/btn-arrow-blue.svg);
}
.btn.nonbg:before{
left: 93px;		
background-color: #0a46c8;
}
.container{
width:90%;
max-width:1200px;
margin:0px auto;
}
.navbar{
background-color: #fff;
position: fixed;
left: 0;
top: 0;
z-index: 999;
width: 100%;
    border-bottom: solid 1px #eef3f7;
}
.navbar .container{
display:flex;
justify-content:space-between;
align-items:center;
height: 90px;
}
.navbar .navbar-brand{
width: 140px;
}
.navbar .menubar{}
.navbar .menubar a, .navbar .menubar span{
    color: inherit;
    padding: 35px 18px;
    font-weight: 500;
    cursor: pointer;
	font-size:18px;
}
.navbar .menubar span{
position:relative;
}
.navbar .menubar span .dropdown{
position: absolute;
left: 50%;
transform:translateX(-50%);
top: 91px;
background-color: #fff;
width: 546px;
border-radius: 10px;
box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
border: solid 1px #ccc;
height:0px;
overflow:hidden;
opacity:0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.navbar .menubar span .dropdown:before{
content: '';
position: absolute;
left: 48%;
top: -11px;
width: 20px;
height: 20px;
background-color: white;
transform: translateX(-50%);
border-left: solid 1px #ccc;
border-top: solid 1px #ccc;
border-top: solid 1px #ccc;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
}
.navbar .menubar span:hover .dropdown{
opacity:1;
height:474px;
overflow:visible;
}
.navbar .menubar span .dropdown a{
display:flex;
align-items:center;
padding:15px;
position:relative;
}
.navbar .menubar span .dropdown a .thumb{
width: 78px;
}
.navbar .menubar span .dropdown a .thumb img{
border-radius: 10px;
border: solid 3px white;
}
.navbar .menubar span .dropdown a:hover .thumb img{
border-color: #1d55cc;	
}
.navbar .menubar span .dropdown a h6{
padding-left: 20px;
    font-size: 20px;
    font-weight: 600;
    width: 390px;
    letter-spacing: 0;
}
.navbar .menubar span .dropdown a h6 b{
display: block;
color: #1d55cc;
font-size: 14px;
padding-bottom: 5px;
font-weight: 500;
letter-spacing:0;
}
.navbar .menubar span .dropdown a:hover h6{
color: #1d55cc;
}
.navbar .menubar span .dropdown a:after{
content: '';
position: absolute;
bottom: 0;
width: calc(100% - 50px);
height: 1px;
background-color: #ececec;
left: 25px;
}
.navbar .menubar span .dropdown a:last-child:after{
display:none;
}
.navbar .menubar a:hover, .navbar .menubar a.active, .navbar .menubar span:hover, .navbar .menubar > span.active{
color: #0a46c8;
}

#contactForm div{
    margin-bottom:15px;
}
#connectForm div{
    margin-bottom:5px;
}
#quoteForm div{
    margin-bottom:5px;
}
#connectForm input, #contactForm input,textarea,select, #quoteForm input,textarea{
    margin-bottom:0px !important;
}
.input-div2, #clastname, #quoteForm .input-lastname{
    position: absolute;
	right: 10000px;
	top: -10000px;
    height:0;
}

.btn-bar .btn{
cursor: pointer;
border: 0;
padding: 16px 54px 16px 34px;
border-radius: 25px;
font-weight: 600;
}
.banner{
margin-top: 90px;
position: relative;
align-items:center;
display:flex;
overflow:hidden;
}
.banner .data{
position: relative;
z-index: 1;
color: #fff;
padding: 8% 0%;
width:100%;
}
.banner .videobox{
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
}
.banner .video{
width: calc(100% + 1px);
top: 50%;
transform: translateY(-50%);
left: 0;
clip-path: inset(1px 1px);
position: relative;
filter: brightness(70%);
}
.banner .data h1, .banner .data h4{
color: #fff;
}
.banner .data h1{
font-size: 46px;
font-weight: 600;
line-height: 62px;
width:49%;
}
.banner .data h4{
    font-size: 20px;
    padding-top: 20px;
    line-height: 28px;
    width: 40%;
    letter-spacing: 0;
    font-weight: 400;
}
.banner .data .btn, .gettouch .btn{
margin-top: 50px;
width: 175px;
padding: 25px 30px;
background-image: url(../img/calling.svg);
background-position: 20px 50%;
background-repeat: no-repeat;
background-size: 20px;
padding-left: 56px;
box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
border-radius: 40px;
}
.marqueehead{
text-align: center;
padding-top: 50px;
font-size:22px;
font-weight:600;
padding-bottom:10px;
}
.marqueehead span{
color: #0a46c8;
}
.marquee-wrapper {
background: #fff;
margin: 0;
}
.marquee-wrapper .container-fluid {
overflow: hidden;
padding: 0;
}
.marquee-inner span {
float: left;
width: 50%;
}
.marquee-wrapper .marquee-block {
--total-marquee-items: 7;
width: calc(200px * (var(--total-marquee-items)));
height: 100px;
overflow: hidden;
box-sizing: border-box;
position: relative;
margin: 20px auto;
padding: 0px 0;
}
.marquee-inner {
display: block;
width: 200%;
position: absolute;
}
.marquee-inner.to-left {
animation: marqueeLeft 10s linear infinite;
}
/* .marquee-inner.to-right{animation: marqueeRight 25s linear infinite;} */
.marquee-item {
width: 160px;
height: auto;
display: inline-block;
margin: 0 20px;
float: left;
transition: all 0.2s ease-out;
}
.marquee-item img {
max-width: 100%;
filter: grayscale(100%);
opacity:0.7;
}
.marquee-inner:hover{
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused;
}
@keyframes marqueeLeft{
0% {left: 0;}
100% {left: -100%;}
}
@keyframes marqueeRight{
0% { left: -100%; }
100% {left: 0; }
}
.home-abt{
background-color:#f6f9fc;
}
.home-abt .container{
padding:100px 0px 150px 0px;
}
.subheading{
font-weight: 600;
margin-bottom: 40px;
font-size: 40px;
text-align:center;
/*width: 70%;*/
/*padding-left:10%;*/
}
.subheading span{
color: #0a46c8;
font-size: 18px;
display: block;
padding-bottom: 20px;
letter-spacing: 0;
font-weight:500;
}
.home-abt .data{
display:flex;
justify-content:space-between;
margin-top:100px;
}
.home-abt .data p{
}
.home-abt .data p span{
color: #0a46c8;
font-weight: 500;
}
.home-abt .data .box{
width: 26%;
}
.home-abt .data .box:nth-child(2){
width:30%;
position:relative;
}
.home-abt .data .box:nth-child(2):before{
content: '';
position: absolute;
left: -20px;
bottom: -40px;
width: 100%;
height: 100%;
background-color: #0a46c8;
}
.home-abt .data .box .img-set{
background-image: url(../img/abt-img.jpg);
background-size: cover;
background-repeat: no-repeat;
background-color: blue;
height: 100%;
position: relative;
z-index: 1;
margin: 0px auto;
width:100%;
right: -30px;
animation: imgloop 5s infinite alternate;
}
@keyframes imgloop {
from {background-position:left bottom;}
to {background-position:right bottom;}
}
.home-features{
background-color:#0b2640;
padding:120px 0px 100px 0px;
position:relative;
overflow:hidden;
}
.home-features .subheading{
padding: 0;
color: #f6f9fc;
margin-bottom:70px;
}
.home-features .box{
width:60%;
display:flex;
flex-wrap:wrap;
justify-content: space-between;
}
.home-features .box .item{
width: 44%;
margin-bottom: 40px;
position:relative;
z-index:4;
}
.home-features .box .item h5{
position: relative;
color: #ffffff;
font-weight: 500;
font-size: 19px;
margin-bottom: 12px;
padding-left: 20px;
    letter-spacing: 0;
}
.home-features .box .item h5:before{
content: '';
position: absolute;
left: 0;
top: 4px;
width: 3px;
height: 12px;
background-color: #0a46c8;
}
.home-features .box .item p{
padding-left: 20px;
color: #95a5a6;
font-size: 16px;
line-height: 21px;
}
.home-features .globe-cover{
position: absolute;
right: -30%;
top: 50%;
width: 1000px;
height: 1000px;
transform: translateY(-50%);
}
.home-features .globe{
background-image: url(../img/mapdots.png);
background-color: #10294e;
border-radius: 100%;
width: 1000px;
height: 1000px;
background-repeat: repeat-x;
background-position: center;
position: relative;
animation: maploop 15s linear infinite;
}
.home-features .globe:after{
content: '';
position: absolute;
left: 0;
top: 0;
width: calc(100% - 50px);
height: calc(100% - 50px);
background-color: transparent;
border-radius: 100%;
border: solid 20px #132f58;
filter: blur(20px);
-webkit-filter: blur(20px);
}
.home-features .globe:before{
content:'';
position:absolute;
left:0;
top:0;
z-index:1;
width:100%;
height:100%;
background-image: url(../img/mapcover.png);
background-size:cover;
background-position:center;
border-radius:100%;
}
@keyframes maploop {
from {background-position:0px 50%;}
to {background-position:-512px 50%;}
}
.home-features .globe-cover .strokbox{
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 1000px;
height: 1000px;
}
.home-features .globe-cover .strokbox svg{
width: 142.1%;
position: relative;
left: -20%;
top: -21%;
opacity:0.7;
}
.home-features .globe-cover .strokbox .path1{
stroke-dasharray: 6;
animation: dash 20s linear infinite;	
}
.home-features .globe-cover .strokbox .path2{
stroke-dasharray: 3;
animation: dash 20s linear infinite;	
}
.home-features .globe-cover .strokbox .path3{
stroke-dasharray: 3;
animation: dash 30s linear infinite;	
}
@keyframes dash {
to {
stroke-dashoffset: 1000;
}
}
@keyframes dash2 {
to {
stroke-dashoffset: -1000;
}
}
.aimpath{
stroke-dasharray: 3;
animation: dash2 60s linear infinite;
stroke-width: 2px;
}
.industries{
padding:90px 0px;
background-color: #f6f9fc;
}
.industries .container{
}
.industries .data{
    display: flex;
    align-items: end;
    justify-content: space-between;
}
.industries .data .item{
    width: 23%;
    border: solid 1px #ccc;
    border-radius: 20px;
    background-color: #fff;
    padding-bottom: 15px;
    height: 450px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: solid 3px #fff;
}
.industries .data .item:hover{
border-color:#0a46c8;
}




.industries .data .item:hover{
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}
.industries .data .item h4{
font-weight: 500;
color: #0a46c8;
font-size: 27px;
padding-bottom: 10px;
}
.industries .data .item h4, .industries .data .item p {
    color: #fff;
	padding:30px;
}

.industries .data .item .btn.nonbg{
margin-top: 10px;
margin-bottom: 20px;
border: solid 1px #0a46c8;
padding-left: 28px;
margin-left:20px;
}
.industries  .subheading{
padding-left:0;
text-align:center;
width:100%;
margin-bottom:40px;
}
.industries .data .item:nth-child(3), .industries .data .item:nth-child(4){
margin-top:50px;
}
.gettouch{
position: relative;
background-color: #1d55cc;
}

.gettouch .container{
display:flex;
}
.gettouch .container .box{
width:50%;
padding:110px 0px;
}
.gettouch .videobox{
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
overflow:hidden;
} 
.gettouch .videobox .video {
width: auto;
height: 100%;
clip-path: inset(0px 1px);
}
.gettouch .subheading{
color:#fff;
width:100%;
}
.gettouch .subheading span{
color:#fff;
}
.gettouch .btn{
background-color: #0b2640;
margin-left: 60px;
}
.gettouch p{
color: #ffffff;
font-size: 17px;
padding-left: 60px;
}
footer{
background-color: #0b2640;
}
footer .top{
display: flex;
justify-content: center;
padding-top: 70px;
}
footer .top .logo{
width: 150px;
display:none;
}
footer .top .social{
display:flex;
justify-content:space-between;
}
footer .top .social a{
width:36px;
display:block;
margin:0px 15px;
box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
border-radius:100px;
overflow:hidden;
opacity:0.6;
}
footer .top .social a:hover{
opacity:1;
}
footer .menu{
text-align: center;
margin: 50px auto;
padding: 25px 0px;
}
footer .menu a{
display: inline-block;
padding: 8px 15px;
color: #fff;
font-size: 15px;
letter-spacing: 1px;
border: solid 1px #ffffff2e;
border-radius: 20px;
margin: 4px 8px;

}
footer .menu a:hover{
border-color:#1d55cc;
}
footer .copy{
text-align: center;
padding-bottom: 50px;
color: #cccccce3;
font-size: 14px;
border-top: solid 1px #183653;
padding-top: 50px;
}
footer .divison{
    text-align: center;
    color: #FFF;
    padding-top: 20px;
    font-size: 16px;
}
#about .banner{
display: block;
}
#about .banner .container{
display: flex;
align-items: center;
justify-content: space-between;
position:relative;
}
#about .banner .container:last-child .data{
padding-top: 25px;
}
#about .banner .data{
width: 46%;
color: inherit;
padding: 100px 0px;
position: relative;
z-index: 5;
}
#about .banner .data p{
}
#about .banner .data p:last-child{
font-weight: 500;
padding-top: 25px;
font-size: 22px;
    line-height: 30px;
}
#about .banner .data p span{
color: #0a46c8;
font-weight:500;
}
#about .banner .data .subheading{
width: 100%;
padding: 0;
}
#about .banner .map{
width: 500px;
height: 500px;
background-color: #e0e0ed;
border-radius: 100%;
border: solid 1px #ececec;
overflow:hidden;
box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
position: sticky;
top:120px;
}
#about .banner .map .dot{
width: 12px;
height: 12px;
position: absolute;
left: 20%; top: 20%;
background-color: #ff7675;
border-radius: 100px;
z-index: 3;
border:solid 2px #fff;
}
#about .banner .map .dot.dot1{
-webkit-animation: pulse 1s linear infinite;
animation: pulse 1s linear infinite;
}
#about .banner .map .dot.dot2{
-webkit-animation: pulse 1.5s linear infinite;
animation: pulse 1.5s linear infinite;
}
#about .banner .map .dot.dot3{
-webkit-animation: pulse 1.6s linear infinite;
animation: pulse 1.6s linear infinite;
}
#about .banner .map .dot.dot4{
-webkit-animation: pulse 1.7s linear infinite;
animation: pulse 1.7s linear infinite;
}
#about .banner .map .dot.dot5{
-webkit-animation: pulse 1.8s linear infinite;
animation: pulse 1.8s linear infinite;
}
#about .banner .map .dot.dot6{
-webkit-animation: pulse 1.4s linear infinite;
animation: pulse 1.4s linear infinite;
}
#about .banner .map .dot.dot7{
-webkit-animation: pulse 1.3s linear infinite;
animation: pulse 1.3s linear infinite;
}
#about .banner .map .dot.dot8{
-webkit-animation: pulse 1.2s linear infinite;
animation: pulse 1.2s linear infinite;
}
#about .banner .map .dot.dot9{
-webkit-animation: pulse 0.8s linear infinite;
animation: pulse 0.8s linear infinite;
}
#about .banner .map .tool{
width: 28px;
height: 28px;
border-radius: 50px;
padding: 2px;
position: absolute;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
display:none;
}
#about .banner .map .tool img{
transform: rotate(50deg);
-webkit-transform: rotate(50deg);
-moz-transform: rotate(50deg);
}
#about .banner .map .tool.tool1{
-webkit-animation: passing 3s linear infinite;
animation: passing 3s linear infinite;
}
#about .banner .map .tool.tool2{
-webkit-animation: passing 2s linear infinite;
animation: passing 2s linear infinite;
}
#about .banner .map .tool.tool3{
-webkit-animation: passing 3.5s linear infinite;
animation: passing 3.5s linear infinite;
}
#about .banner .map .tool.tool4{
-webkit-animation: passing 2.5s linear infinite;
animation: passing 2.5s linear infinite;
}
#about .banner .map .tool.tool5{
-webkit-animation: passing 2s linear infinite;
animation: passing 3s linear infinite;
}
#about .banner .map .tool.tool6{
-webkit-animation: passing 2.7s linear infinite;
animation: passing 2.7s linear infinite;
}
#about .banner .map .tool.tool7{
width: 16px;
-webkit-animation: passing 3s linear infinite;
animation: passing 3s linear infinite;
}
#about .banner .map .tool.tool8{
width: 16px;
-webkit-animation: passing 3.5s linear infinite;
animation: passing 3.5s linear infinite;
}
#about .banner .map .tool.tool9{
width: 16px;
-webkit-animation: passing 2.5s linear infinite;
animation: passing 2.5s linear infinite;
}
#about .banner .map .tool.tool7 img, #about .banner .map .tool.tool8 img, #about .banner .map .tool.tool9 img{
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);	
}
#about .banner .map:after{
content:'';
position: absolute;
z-index:2;
right: 0;
top: 0%;
width: 100%;
height: 100%;
background-image: url(../img/map-transp.png);
background-size:cover;
background-position:center;	
} 
#about .banner .map:before{
content: '';
position: absolute;
z-index: 1;
border-radius: 100%;
width: 100%;
height: 100%;
background-image: url(../img/colordots.png);
background-size:100%;
-webkit-animation: spin 10s linear infinite;
animation: spin 10s linear infinite;
opacity:0.7;
}
#about .banner .location{
position: absolute;
z-index: 4;
right: 62%;
top: 55%;
width: 16px;
height: 16px;
background-color: #0a46c8;
border-radius: 50px;
box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
#about .banner .location:after{
content: '';
position: absolute;
width: 130%;
height: 130%;
border: solid 2px #0a46c8;
border-radius: 50px;
left: -4px;
top: -4px;
-webkit-animation: pulse 1s linear infinite;
animation: pulse 1s linear infinite;
}
#about .banner .shelf{
width: 100px;
height: 100px;
border: solid 1px #ccc;
background-color: #fff;
border-radius: 100%;
left: 35%;
top: 58%;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#about .banner .shelf img{
border-radius: 100%;
width: 85%;
}
#about .banner .map.mapdown .tool{
display:block;
}
#about .banner .map.mapdown{
margin-top: 460px;
position: absolute;
right: 0;
}
#about .banner .map.mapdown .shelf{
opacity:0;
animation:none;
}
#about .banner .map.mapdown:before{
opacity:0;
}
#about .banner .map svg{
position: absolute;
z-index: 4;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity:0;
}
#about .banner .map.mapdown svg{
opacity:1;
}
.values .container{
display: flex;
flex-wrap: wrap;
border-top: solid 2px #f6f6ff;
padding-top: 80px;
padding-bottom: 70px;
position:relative;
}
.values .container .item{
width:33.3333333333%;
}
.values .container .item h4{
font-weight: 500;
letter-spacing: 0;
color: #0a46c8;
font-size: 20px;
padding: 6px 0px;
}
.values .container .item p{
font-size: 17px;
padding-top: 10px;
padding-bottom: 40px;
line-height: 22px;
padding-right:20%;
}
.values .container .item  img{
width:50px;
margin-bottom:10px;
filter: hue-rotate(176deg);
}
.values .colorhead{
position: absolute;
left: 0;
top: -21px;
color: white;
background-color: #0a46c8;
font-weight: 500;
padding: 9px 19px;
border-radius: 30px;
}
.mesh{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,249,252,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(246,249,252,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,249,252,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,249,252,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,249,252,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,249,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f9fc', GradientType=0 );
}
#service{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,249,252,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(246,249,252,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,249,252,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,249,252,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,249,252,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,249,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f9fc', GradientType=0 );
}
#service .servicehead{
margin-top: 91px;
background-position: center;
background-size: cover;
border-radius: 0px;
overflow: hidden;
padding: 7.5% 0px;
position: relative;
width: 100%;
}
#service .servicehead h1{
width: 100%;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    margin-bottom: 35px;
    position: relative;
    z-index: 1;
    letter-spacing: 0;
    color: #fff;
}
#service .servicehead h1 span{
display: block;
    font-size: 50px;
    font-weight: 600;
	width:50%;
	display:block;
	padding-top:15px;
}
#service .servicehead p, #career .servicehead p{
    color: #fff;
    width: 40%;
    line-height: 25px;
    position: relative;
    z-index: 1;
    font-size: 17px;
}
#service .listbox{
    background-color: #fff;
}
#service .listbox .container{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 40px 0px 70px 0px;
}
#service .listbox .container .item{
    width: calc(43.5% - 20px);
    padding: 40px;
    border: solid 1px #e4eef7;
    border-radius: 10px;
    margin: 20px 0px;
	background-color:#fff;
}
#service .listbox .container .item h3{
    font-weight: 600;
    font-size: 19px;
    padding-bottom: 20px;
    color: #0a46c8;
    letter-spacing: 0;
	position:relative;
}

#service .listbox .container .item p{
}
#industries{}
#industries .banner{
position:relative;
overflow:hidden;
}
#industries .banner .container{
padding:0% 0%;
position:relative;
display:flex;
justify-content:space-between;
align-items:center;
}
#industries .banner .container:after{
content: '';
position: absolute;
right: 0;
top: -7%;
width: 50%;
height: 100%;
border-radius: 100%;
z-index: 1;
background-image: url(../img/colordots.png);
background-size: cover;
filter: blur(20px);
-webkit-filter: blur(20px);
}
#industries .banner .container .videocover{
width:460px;
height:460px;
border:solid 1px #ccc;
border-radius:100%;
overflow:hidden;
position:relative;
z-index:2;
}
#industries .banner .container .videocover video{
height: 100%;
width: 100%;
}
#industries .banner .container .videocover:after{
content: '';
background-image: url(../img/transpglobe.png);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
mix-blend-mode: overlay;
opacity: 0.5;
}
#industries .banner .container .videocover:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index:2px;
border-radius:100%;
background: rgba(183,222,237,0);
background: -moz-radial-gradient(center, ellipse cover, rgba(183,222,237,0) 0%, rgba(153,214,236,0) 47%, rgba(120,204,235,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(183,222,237,0)), color-stop(47%, rgba(153,214,236,0)), color-stop(100%, rgba(120,204,235,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(183,222,237,0) 0%, rgba(153,214,236,0) 47%, rgba(120,204,235,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(183,222,237,0) 0%, rgba(153,214,236,0) 47%, rgba(120,204,235,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(183,222,237,0) 0%, rgba(153,214,236,0) 47%, rgba(120,204,235,1) 100%);
background: radial-gradient(ellipse at center, rgba(183,222,237,0) 0%, rgba(153,214,236,0) 47%, rgba(120,204,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#78cceb', GradientType=1 );
}
#industries .banner .container .data{
width: 40%;
}
#industries .banner h1{
    font-size: 50px;
    font-weight: 600;
    position: relative;
    z-index: 1;
    width: 100%;
    color: #0a2540;
}
#industries .banner p{
width: 100%;
padding-top: 25px;
position:relative;
z-index:1;
color: #425466;
}
#industries .banner p span{
    color: #0a46c8;
    font-size: 22px;
    line-height: 30px;
}
#industries .item{
position: relative;
background-color: #f6f9fc;
background-position:center;
background-size:cover;
background-color:#ccc;
}
#industries .item .container{
padding:80px 0px;
}
#industries .item .container .databox{
display: flex;
position: relative;
justify-content: space-between;
}
#industries .item .data{
width:50%;
}
#industries .item  h1{
font-weight: 600;
font-size: 37px;
color: #fff;
width: 50%;
}
#industries .item h2{
    color: #fff;
    font-size: 24px;
    margin-bottom: 10px;
    letter-spacing: 0.1px;
}


#industries .item .data ul{
    list-style: none;
    padding: 0;
    margin: 0;
    padding-bottom: 20px;
    padding-right: 20px;
}
#industries .item .data ul li{
    font-size: 17px;
    padding: 10px 0px;
    color: #fff;
    position: relative;
    padding-left: 25px;
}
#industries .item .data ul li:before{
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    width: 16px;
    height: 16px;
    background-color: #0a46c8;
    border-radius: 50px;
    background-image: url(../img/btn-arrow.svg);
    background-size: 8px;
    background-position: center;
    background-repeat: no-repeat;
}
#industries .item  .info{
    color: #fff;
    border: solid 2px #FFF;
    display: table;
    border-radius: 25px;
    padding: 6px 11px;
    margin: 30px 0px;
    font-weight: 500;

}
#industries .item a{
    border-radius: 20px;
    margin-top: 30px;
    background-color: #0a46c8;
    color: #fff;
    padding: 12px 25px;
    display: table;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 500;
}
.pchide{
    display:none;
}
.toggle{
    display:none;
    cursor: pointer;
}
.mob-navbar{
	display:none;
}

/* JKJ */

.boxSz *, .boxSz *:before, .boxSz *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}

.bannerImg{
	margin-top: 91px;
	background-position: center;
	background-size: cover;
	border-radius: 0px;
	overflow: hidden;
	padding: 7.5% 0px;
	position: relative;
	width: 100%;
}
.bannerImg h1{
	color: #FFF;
}


figure{
	margin: 0;
}

#career, #contact{
	background-color: #f6f9fc;
}

#career .banner, #blog .banner{
	margin-top: 90px;
	padding-top: 20px;
}



#career h1, #blog h1{
	font-weight: 500;
	margin-bottom: 40px;
	font-size: 40px;
	/* width: 70%; */
}
#career h2{
	font-size: 24px;
	font-weight: 600;
}

#career .careerList{
	padding-bottom: 20px;
	padding-bottom: 20px;
	margin-bottom: 40px;
	border: 1px solid #eee;
	background: #FFF;
	border-radius: 10px;
	padding: 30px;
}
#career .careerList:first-child{
	margin-top: 40px;
}

#career .careerList ul{
	list-style: none;
	padding-left: 0;
}
#career .careerList li{
	font-size: 16px;
	padding: 2px 0;
}
#career .careerList li span{
	display: inline-block;
	width: 150px;
}
#career .careerList .btn, #blog .blogList .btn{
	padding: 15px;
	padding-right: 45px;
	cursor: pointer;
}

#blog .blogList .btn::after{
	right: 9px;
}

#career .careerList .btn::after {
	right: 10px;
}

#career .careerPopupWrap{
	position: fixed;
	width: 100%;
	height: 100%;
	background: #3333336b;
	z-index: 1100;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#career .careerPopup{
	background: #FFF;
	width: min(85vw, 700px);
	max-height: 90vh;
	padding: 30px;
	border-radius: 5px;
	box-shadow:  0 13px 27px -5px rgba(50,50,93,0.25),0 8px 16px -8px rgba(0,0,0,0.3);
	position: relative;	
	overflow: auto;
}
#career .careerPopup h2{
	margin-bottom: 30px;
}
#career .careerPopup .close{
	position: absolute;
	width: 25px;
  	right: 10px;
  	top: 10px;
	cursor: pointer;
}
#career .careerPopup .close:hover{
	opacity: 0.5;
}
#career .careerPopup form{
	font-size: 16px;	
}

#career .careerPopup form .split{
	display: flex;
	justify-content: space-between;

}
#career .careerPopup form .split > div{
	width:calc(50% - 5px) ;
}


#career .careerPopup form input,
#career .careerPopup form select,
#career .careerPopup textarea,
#contact .contactWrap .contact input,
#contact .contactWrap .contact textarea, 
#contact .contactWrap .contact select
{
	width: 100%;
	border-radius: 3px;
	border: 1px solid #e1e1e1;
	padding: 10px;
	margin: 5px 0px 15px;
	background: #f6f9fc;
}
#career .careerPopup form input[type=submit], #contact .contactWrap .contact input[type=submit]{
	background-color: #0a46c8;
	color: #fff;
	font-weight: 600;
	border-radius: 5px;
	padding: 10px 25px;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	width: fit-content;
	float: right;
}

#blog .blogList{
	display: flex;
	justify-content: space-between;
	padding: 30px;
	border: 1px solid #eee;
	border-radius: 10px;
	margin-bottom: 30px;
}
#blog .blogListWrap{
	margin-top: 40px;
}

#blog .blogList .contMain{
	width:calc(70% - 30px) ;
}
#blog .blogList figure{
	width: 30%;
}
#blog .blogList figure img{
	border-radius: 5px;
}
#blog .blogList .date{
	color: #0a46c8;
	font-size: 16px;
}
#blog .blogList h2{
	font-weight: 600;
	padding-top: 20px;
}
#blog .blogList .cont{
	padding-top: 10px;
	font-size: 16px;
	line-height: 23px;
	margin-bottom: 15px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 5;
   	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}
#blog .blogListWrap .blogList:nth-child(even){
	flex-direction: row-reverse;
}
#blog .details{
	font-size: 16px;
	display: flex;
	justify-content: space-between;
    padding-top: 50px;
}

#blog .details .cont{
	width:calc(60% - 40px) ;
}
#blog .details .blogImgMain {
    width: 40%;  
}
#blog .details figure{
	position: sticky;
    top: 110px; 
	margin-bottom: 40px;
}

#blog .details figure img{
	border-radius: 10px;
}

#blog .details p{
	font-size: 16px;
	line-height: 26px;
	padding-bottom: 15px;
}
 #blog .details p:last-child{
	padding-bottom:30px;
} 
#blog .details h2{
	font-weight: 500;
	padding-bottom: 5px;
  	font-size: 28px;
	padding: 0px 0 35px 0;
}
#blog .details h3{
	font-weight: 500;
	padding-bottom: 5px;
  	font-size: 22px;
}
#blog .details ul{
	padding: 0;
	list-style: none;
	margin-top: 0;
}
#blog .details ul li{
	position: relative;
	padding: 3px 0 3px 24px;
	line-height: 26px;
}
#blog .details ul li::before{
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	background: #0a46c8;
	border-radius: 3px;
	left: 0;
	top: 10px;
}
#contact .contactWrap{
	display: flex;
	justify-content: space-between;
	padding: 50px 0;	
}


#contact .contactWrap .contact{
	border: 1px solid #eee;
	padding: 30px;
	border-radius: 10px;
	background: #FFF;
	width: 50%;
}

#contact .contactWrap .location{
	width:calc(50% - 50px) ;
}

#contact  h2{
	padding-bottom: 40px;
	font-weight: 500;
	color: #0a46c8;
}
#contact .contactWrap .location, #contact .contactWrap .location a{
	color: #ffffff;
}
#contact .contactWrap .location a:hover{
	opacity: 0.5;
}

#contact .contactWrap .location > div{

	align-items: center;
	margin-bottom: 20px;
	background: #0a46c8;
	padding: 20px;
	border-radius: 10px;
}
#contact .contactWrap .location > div ::selection{
  color: #0a46c8;
  background: #FFF;
}

#contact .contactWrap .location img{
	width: 40px;
	border-radius: 5px;
	margin-bottom: 10px;
	filter: hue-rotate(176deg);
}

.listbox .item p {
    display: flex;
    align-items: start;
}
.listbox .item p img{
    width: 190px;
    aspect-ratio: 4 / 5;
    margin-right: 25px;
    border-radius: 5px;
    object-fit: cover;
}
.d-none{
    display: none;
}
.d-block{
    display: block;
}




@media only screen and (max-width: 767px) {
    p {
        font-size: 17px;
        line-height: 27px;
    }
    .pchide{
        display:block;
    }
    .navbar .menubar {
        display: none;
    }
    .banner .data {
        padding: 0% 0%;
    }
    .btn {
        font-size: 11px;
    }
    .btn-bar .btn {
         padding: 10px 16px 9px 16px;
    }
    .btn:after{
    display:none;
    }
    .navbar .container {
        height: 70px;
    }
    .banner {
            margin-top: 70px;
            height: calc(100vh - 70px);
    }
    .banner .video {
            width: auto;
            height: 100%;
            left: -80%;
    }
    .banner .data h1 {
        font-size: 36px;
        line-height: 40px;
        width: 100%;
    }
    .banner .data h4 {
            font-size: 17px;
            width: 100%;
            line-height: 20px;
    }
    .banner .data .btn, .gettouch .btn {
            width: 100px;
            padding: 20px 30px 20px 60px;
            background-position: 20px 50%;
    }
    .marqueehead {
        font-size: 18px;
    }
    .home-abt .data {
        display: block;
        margin-top: 0;
    }
    .home-abt .data .box {
        width: 100%;
        overflow-x:hidden;
    }
    .home-abt .data .box:nth-child(2) {
        width: 100%;
        position: relative;
    }
    .home-abt .data .box .img-set {
            height: 400px;
            right: 0;
            margin-top: 15px;
            margin-bottom: 20px;
    }
    .subheading {
        margin-bottom: 20px;
        font-size: 26px;
        width: 100%;
        padding-left: 0%;
        text-align:left;
    }
    .btn.nonbg {
        margin-top: 0px;
    }
    .home-abt .data .box:nth-child(2):before{
    display:none;
    }
    .home-abt .container {
        padding: 60px 0px 60px 0px;
    }
    .home-features {
        padding: 60px 0px 60px 0px;
    }
    .home-features .box {
        width: 100%;
    }
    .home-features .box .item {
        width: 100%;
        margin-bottom: 35px;
    }
    .home-features .box .item h5:before {
        width: 2px;
    }
    .home-features .globe-cover {
        right: -30%;
        top: 10%;
        width: 300px;
        height: 300px;
        transform: none;
    }
    .industries {
    padding: 60px 0px 20px 0px;
    }
    .industries .data .item {
            width: 100%;
            margin-bottom: 20px;
            height: 270px;
            border-radius: 10px;
            border: solid 1px #0a46c8;
    }
    .industries .subheading {
        margin-bottom: 50px;
    }
    .industries .data .item:nth-child(3), .industries .data .item:nth-child(4) {
        margin-top: 0;
    }
    .industries .data {
        display: block;
    }
    .industries .data .item h4 {
        font-size: 22px;
    }
    .gettouch .videobox {
        position: static;
        width: 100%;
        height: auto;
    }
    .gettouch .videobox .video {
        width: 100%;
        height: auto;
        clip-path: inset(0px 1px);
    }
    .gettouch .container .box:first-child{
    display:none;
    }
    .gettouch .container .box {
        width: 100%;
        padding: 50px 0px;
    }
    .gettouch p {
        color: #ffffff;
        padding-left: 0;
    }
    .gettouch .btn {
        margin-left: 0px;
    }
    footer .menu a {
        padding: 8px 15px;
        font-size: 13px;
        margin: 4px 1px;
    }
    footer .menu {
        margin: 0px auto;
        padding: 25px 0px;
    }
    #about .banner .container {
        display: block;
    }
    #about .banner .container:last-child{
        display:flex;
    flex-direction:column-reverse;
    }
    #about .banner .data {
        width: 100%;
        padding: 0;
                padding-bottom: 50px;
    }
    #about .banner .data p span {
        font-size: 20px;
    }
    #about .banner .data p:last-child {
        font-size: 20px;
    }
    #about .banner .map {
        width: 360px;
        height: 360px;
        position: relative;
        top: 0;
    }
    #about .banner .map.mapdown {
        margin-top: 0;
        position: relative;
    }
    #about .banner {
        height: auto;
    }
    #industries .banner .container {
        flex-direction: column-reverse;
        align-items: baseline;
    }
    #industries .banner .container .data {
            width: 100%;
            padding: 50px 0px;
    }
    #industries .banner .container .videocover {
            width: 320px;
            height: 320px;
            margin-top: 20px;

    }
    #industries .banner {
        height: auto;
    }
    #industries .banner .container:after {
        right: 34%;
        top: -16%;
        width: 50%;
        height: 70%;
    }
    #industries .banner h1 {
        font-size: 40px;
    }
    #industries .banner p span {
        color: #0a46c8;
        font-size: 19px;
    }
    #industries .item h1 {
        font-size: 31px;
        width: 100%;
    }
    #industries .item .data ul li {
    font-size: 15px;
            padding: 6px 0px;
            padding-left:25px;
    }

    #industries .item .container .databox {
        flex-wrap: wrap;
    }
    #industries .item .data {
        width: 100%;
    }
    #industries .item .data ul li:before {
        top: 7px;
    }
    #industries .item .container {
        padding: 60px 0px;
    }
    #service .servicehead h1 span {
        font-size: 38px;
        width:100%;
    }
    #service .servicehead p {
        font-size: 17px;
        width:100%;
    }
    #service .servicehead {
        margin-top: 71px;
        padding: 50px 0px;
    }
    #service .listbox .container .item {
        width: 100%;
        padding: 25px;
        margin: 10px 0px;
    }
    #service .listbox .container {
        padding: 10px 0px 10px 0px;
    }
    .navbar .navbar-brand {
        width: 120px;
    }
    .toggle{
            display: block;
            background-image: url(../img/menu.svg);
            width: 50px;
            height: 50px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 25px;
    }
    .toggle.active{
                background-image: url(../img/close.svg);

    }
    .mob-navbar{
    display: block;
            position: fixed;
            right: -100%;
            bottom: 0;
            background-color: #fff;
            width: 100%;
            height: calc(100% - 71px);
            z-index: 999;
            overflow-y:scroll;
            -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;	
    opacity:0;

    }
    .mob-navbar.active{
        opacity:1;
                right: 0%;
    }
    .mob-navbar a, .mob-target{
            display: block;
            padding: 16px 20px;
            font-weight: 600;
            font-size: 18px;
            /*color: #0a46c8;*/
            color: #353b48;
            border-bottom:solid 1px #eee;
            
    }
    .mob-navbar a:hover{}
    .mob-target{
                border-bottom:solid 1px #eee;

    }
    .mob-dropdown{
    height:0px;
    overflow:hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;	
    opacity:0;
    }
    .mob-target:hover .mob-dropdown{
        height:400px;
        opacity:1;
    }

    .mob-dropdown a{
    display:flex;
    align-items:center;
    padding:10px 0px;
    position:relative;
    border-bottom:solid 1px #eee;
    }
    .mob-dropdown a:first-child{
    padding-top:15px;
    }
    .mob-dropdown a:last-child{
    border:0;
    }
    .mob-dropdown a .thumb{
    width: 80px;
    }
    .mob-dropdown a .thumb img{
    border-radius: 10px;
    border: solid 3px white;
    }

    .mob-dropdown a h6{
        padding-left: 20px;
        font-size: 16px;
        font-weight: 500;
        width: 90%;
        letter-spacing: 0;
    }
    .mob-dropdown a h6 b{
        display: block;
        color: #1d55cc;
        font-size: 14px;
        padding-bottom: 5px;
        font-weight: 500;
        letter-spacing:0;
    }
    
    /* JKJ */

    #career h1, #blog h1 {
		margin-bottom: 15px;
		font-size: 26px;
	}

	#career .careerPopup form .split {
		flex-direction: column; /* */
	}

	#career .careerPopup form .split > div, #blog .details figure, #blog .details .cont, #contact .contactWrap .contact, #contact .contactWrap .location{
		width:calc(100%) ;
	}
	
	#blog .blogListWrap .blogList, #blog .blogListWrap .blogList:nth-child(even){
		flex-direction: column-reverse;
	}
	#blog .blogList{
		padding: 20px;
	}
	#blog .blogList .contMain, #blog .blogList figure{
		width: 100%;
	}
	#blog .blogList figure{
		margin-bottom: 10px;
	}
    #blog .details h2{
        padding: 20px 0;
    }

	#blog .details, #contact .contactWrap {
		flex-direction: column;
	}
    #blog .details .blogImgMain {
        width: 100%;  
    }
	#blog .details figure{
		margin-bottom:20px;
	}
	#contact .contactWrap .contact{
		margin-bottom: 30px;
	}
    .listbox .item p {
        flex-direction: column;
    }
    .listbox .item p img{
        width: 100%;
        aspect-ratio: 4 / 2;
        margin-right: 0;
        margin-bottom: 15px;
    }

}

@media only screen and (max-width: 480px) {
    #career .careerPopup {
        width: min(100vw, 700px) !important;
        min-height:0vh !important;
        height:100% important;
        padding-bottom:20px !important;
    }
}