@font-face {
font-family: int;
src: url(../fonts/400.woff);
font-weight:400;
}
@font-face {
font-family: int;
src: url(../fonts/500.woff);
font-weight:500;
}
@font-face {
font-family: oswald;
src: url(../fonts/600.woff);
font-weight:600;
}

html{
}
body{
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: scroll;
position:relative;
font-family: int;
font-weight:400;
color:#34495e;
}
.body75{
padding-top:75vh;
}
section{
position:relative;
}
*{
box-sizing: border-box;
}
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;
font-size: 17.5px;
}
p b{
font-weight:500;
letter-spacing: 0;
}
b{
}
h1,h2,h3,h4,h5,h6{
    font-family: 'oswald';
margin:0;
}
h1{
font-size: 65px;
line-height: 65px;
font-family: int;
text-transform:uppercase;
font-family:oswald;
}
.abs{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
.rel{
position:relative;	
}
.bg-cmn{
background-repeat: no-repeat;
background-size: cover;
background-position: center;	
}
.bf-af-cmn:after, .bf-af-cmn:before{
content:'';
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:1;	
}
header{
position: fixed !important;
left: 0;
top: 0;
z-index: 99;
width: 100%;
padding: 20px 0px 20px 0px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: #fff;
box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}
.container{
margin: 0px auto;
width: 90%;
max-width: 1200px;
}
.container.fluid{
max-width: none;
}
.flex{
display:flex;
}
.flex.js{
justify-content:space-between;
}
.flex.jc{
justify-content:center;
}
.flex.je{
justify-content:end;
}
.flex.ac{
align-items:center;
}
.flex.ae{
align-items:end;
}
.logo{
width: 200px;	
}
.btn{
text-transform: uppercase;
font-weight: 400;
border: solid 1px #fff;
padding: 14px 50px 14px 16px;
color: #fff;
backdrop-filter: blur(3px);
font-size: 16px;
display: table;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;	
}
.btn:hover{
background-color:#fff;
color: #000;
}
.btn:after{
content: '';
position: absolute;
width: 36px;
height: 36px;
left: inherit;
right: 10px;
top: 12%;
border-radius: 50px;
background-image: url(../img/right-arrow-blue.svg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transform: rotate(318deg);
transition: all .5s;
}
.btn:hover:after{
transform: rotate(360deg);	
background-image: url(../img/right-arrow-black.svg);
}
.btn.white{
color: #fff;
border: 0;
background-color:#00aeef;
}
.btn.white:after{
background-image: url(../img/right-arrow-white.svg);	
}
.btn.white:hover{
color:#fff;
}
.btn.small{
transform:scale(0.9);
margin-left: -8px;
}
.c-btn div>span {
display: inline-block;
}
.c-btn {
transition: all .4s cubic-bezier(.19, 1, .22, 1);
display: inline-block;
background-color: #000;
overflow: hidden;
position: relative;
z-index: 1;
color: #fff;
font-weight: 500;
text-transform: uppercase;
letter-spacing: -0.9px;
font-size: 15px;
padding: 20px 20px;
}
/* transparent version */
.c-btn.alone {
background-color: transparent;
}
.c-btn.alone:before {
background-color: transparent;
}
.c-btn.alone:hover
{
background-color: transparent!important;
color: #00aeef;
}
/* background overlay */
.c-btn:before {
content: "";
position: absolute;
inset: 0;
transform: translateY(100%);
background: #fff;
transition: transform .2s linear .2s;
z-index: -1;
}
.c-btn:hover:before {
transform: translateY(0);
}
/* base text container */
.c-btn div {
overflow: hidden;
line-height: .8;
white-space: nowrap;
}
.c-btn:hover
{
background: #f2f2f2;
color: #0a0b12;
text-decoration: none;
}
/* Letter animation */
.c-btn:hover > div > span {
animation: goOver .5s cubic-bezier(.19,1,.22,1);
animation-fill-mode: backwards;
}
/* Slightly slower wave (0.025s per letter) */
.c-btn:hover > div > span:nth-child(1)  { animation-delay: 0s; }
.c-btn:hover > div > span:nth-child(2)  { animation-delay: 0.025s; }
.c-btn:hover > div > span:nth-child(3)  { animation-delay: 0.05s; }
.c-btn:hover > div > span:nth-child(4)  { animation-delay: 0.075s; }
.c-btn:hover > div > span:nth-child(5)  { animation-delay: 0.1s; }
.c-btn:hover > div > span:nth-child(6)  { animation-delay: 0.125s; }
.c-btn:hover > div > span:nth-child(7)  { animation-delay: 0.15s; }
.c-btn:hover > div > span:nth-child(8)  { animation-delay: 0.175s; }
.c-btn:hover > div > span:nth-child(9)  { animation-delay: 0.2s; }
.c-btn:hover > div > span:nth-child(10) { animation-delay: 0.225s; }
.c-btn:hover > div > span:nth-child(11) { animation-delay: 0.25s; }
.c-btn:hover > div > span:nth-child(12) { animation-delay: 0.275s; }
.c-btn:hover > div > span:nth-child(13) { animation-delay: 0.3s; }
.c-btn:hover > div > span:nth-child(14) { animation-delay: 0.325s; }
.c-btn:hover > div > span:nth-child(15) { animation-delay: 0.35s; }
.c-btn:hover > div > span:nth-child(16) { animation-delay: 0.375s; }
.c-btn:hover > div > span:nth-child(17) { animation-delay: 0.4s; }
.c-btn:hover > div > span:nth-child(18) { animation-delay: 0.425s; }
.c-btn:hover > div > span:nth-child(19) { animation-delay: 0.45s; }
.c-btn:hover > div > span:nth-child(20) { animation-delay: 0.475s; }
/* animation keyframes */
@keyframes goOver {
0%   { transform: translateY(0); opacity: 1; }
49%  { transform: translateY(-100%); opacity: 0; }
50%  { transform: translateY(100%); opacity: 0; }
100% { transform: translateY(0); opacity: 1; }
}
.navbar{
}
.navbar a{
color: #34495e;
padding: 10px 20px;
font-size: 14px;
position: relative;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.navbar a:last-child{
padding-right:0;
}
.banner-wrapper{
height: auto;
width:100%;
}
.banner {
overflow: hidden;
height: 100vh;
background-color: #000;
}
.banner:before{
height: 50%;
z-index: 2;
background: linear-gradient(to bottom, rgba(41, 52, 143, 0) 0%, rgb(0 4 41) 100%);
top: inherit;
bottom: 0;
}
.banner:after{
background: linear-gradient(180deg, rgb(0 3 26) 0%, rgba(0, 0, 0, 0) 100%);
height: 150px;
}
.banner .imgbox, .locations-cover .imgbox {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
transform: translate(-50%, -50%) scale(1);
opacity: 0;
animation: slideZoom 18s ease-in-out infinite;
}
.banner .imgbox1, .locations-cover .imgbox1 {
background-image: url(../img/1.webp);
animation-delay: 0s;
}
.banner .imgbox2, .locations-cover .imgbox2 {
background-image: url(../img/2.webp);
animation-delay: 6s;
}
.banner .imgbox3, .locations-cover .imgbox3 {
background-image: url(../img/3.webp);
animation-delay: 12s;
}
@keyframes slideZoom {
0% {opacity: 0; transform: translate(-50%, -50%) scale(1);}
5% {opacity: 1;}
35% {opacity: 1; transform: translate(-50%, -50%) scale(1.3);}
45% {opacity: 0;}
100% {opacity: 0; transform: translate(-50%, -50%) scale(1.45);}
}
.banner .data{
z-index: 3;
align-items: end;
padding-bottom: 90px;
background-image: url(../img/dot.png);
}
.banner .data h1{
color:#fff;
display: table;
}
.banner .data h1 i{
font-style:normal;
}
.banner .data h1 i .gif{
position: absolute;
right: -30px;
bottom: 47px;
width: 100px;	
}
.banner .data h1 i .gif.custom{
right: -105px;
bottom: -6px;
}
.banner .data p{
color: #fff;
width: 42%;
padding-bottom: 60px;
padding-top: 20px;
}
.banner .info{
color: #fff;
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
letter-spacing: 0px;
border: solid 1px #fff;
padding: 0px 10px;
border-radius: 20px;
display: table;
line-height: 29px;
margin-bottom: 15px;	
backdrop-filter: blur(5px);
}
.banner.about {
height: 75vh;
}	

.banner.about:before {
height: 100%;
}
.banner.about .data {
padding-bottom: 10vh;
}
.banner.about .data p {
width: 50%;
}
.graphics{
display:block;
}
.graphics2{
display:none;
}
.graphics img, .graphics2 img{
display:block;
}
section{
padding:80px 0px;
min-height: 100vh;
overflow:hidden;
background-color:#fff;
}
.col-60 {
width: 60%;
}
.col-50{
width:50%;
}
.col-57{
width:57%;
}
.col-40{
width:40%;
}
.title{
color: #29348f;
    font-size: 48px;
    line-height: 48px;
    letter-spacing: -1px;
    position: relative;
	text-transform:uppercase;
}
.title.center{
text-align:center;
}
.title span{
display:block;
}
.title.inline span{
display:inline-block;
}
.title span:first-child{
color:#00aeef;
}
.titlesub{
margin-top:20px;
margin-bottom:50px;
font-size: 18px;
font-weight: 400;
line-height:25px;
position:relative;
font-family: inherit;
}
.titlesub.center{
    text-align: center;
    margin: 20px auto 50px auto;
    display: block;
    width: 40%;
}
p.para{
line-height: 26px;	
}
p.pad-50{
padding:50px 0px;
}
p.pad-20{
padding-top:20px;
}
.abt-pg{
min-height:auto;
padding:70px 0px;
}
.abt p{
width:85%;
}
.abt.abt-pg p{
width:100%;	
padding-bottom: 0;
}
.shape-1{
clip-path: polygon(100% 50%, 0 0, 0 100%);
width: 44%;
height: 140%;
top: 50%;
transform: translateY(-50%);
background-image: url(../img/bg-abt.webp);
background-position: 35% 50%;
}
.shape-1:after{
background: linear-gradient(135deg,  rgba(0,174,239,1) 0%,rgba(41,52,143,1) 100%);
animation: clip-one 2s ease-in-out forwards;
animation-play-state: paused; 
}
.shape-1.animate:after {
animation-play-state: running; /* start when active */
}
@keyframes clip-one {
0% {clip-path: polygon(100% 0, 0 0, 100% 230%); opacity:0.5;}
100% {clip-path: polygon(100% 0, 0 0, 100% 100%); opacity:0.3;}
}
.moveshape{
width: 500px;
height: 500px;
}
.moveshape:before{
background-image: url(../img/dots.webp);
background-position: center;
z-index: 0;
background-size: cover;
transform: scale(1.4);
}
.moveshape:after{
background-image: url(../img/abt-intro.jpg);
border-radius: 100%;
background-position: center;
background-size: cover;	
}
.goals{
min-height: auto;
padding: 150px 0px;
background: linear-gradient(to bottom, rgba(41, 52, 143, 1) 0%, rgba(41, 52, 143, 0.76) 48%, rgba(0, 174, 239, 0.5) 100%);
background-color: #34495e;
}
.counter .cover{
width:25%;
}
.counter .cover:after{
width: 1px;
left: inherit;
right: 0;
background-color: #ffffff12;
}
.counter .cover:last-child:after{
display:none;
}
.counter .item{
color:#fff;
text-align: center;
display: table;
min-width: 204px;
}
.counter .item span{
font-size: 30px;
font-weight: 500;	
}
.counter .item span.number{
font-size: 60px;
letter-spacing: -2px;
}
.counter .item b{
display: block;
font-weight: 500;
font-size: 17px;
letter-spacing: -0.5px;
padding-top: 10px;
}
.counter .item .icon{
display: block;
margin: 0px auto;
margin-bottom: 50px;
}
.counter .item .icon img{
width:50px;
}
.ourbusiness {
}
.ourbusiness .container {
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 10px;
overflow: visible;
position: relative;
transition: all 0.4s ease;
}
.ourbusiness .item {
flex: 1; 
border-radius: 5px;
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
height: auto;
transition: flex 0.4s ease, transform 0.4s ease;
}
.ourbusiness a.item.disabled {
cursor: progress;	
}
.ourbusiness .container:hover .item {
flex: 0.9; 
}
.ourbusiness .container .item:hover {
flex: 1.8; /* grow hovered one */
z-index: 3;
}
.ourbusiness .item * {
transition: all 0.4s ease;
}
.ourbusiness .item .imgblock {
height: 560px;
max-height: 80vh;
background-size: cover;
background-position: center;
border-radius: 5px;
overflow: hidden;
transition: transform 0.4s ease;
position: relative;
}
.ourbusiness .item .data {
width: 100%;
padding: 30px;
padding-top: 50%;
background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgb(0 6 52) 100%);
position: absolute;
left: 0;
bottom: 99px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.ourbusiness .item .brand {
padding: 30px 0;
z-index: 1;
position: relative;
text-align: center;
}
.ourbusiness .item .brand img {
height: 35px;
width: auto;
}
.ourbusiness .item h6{
color: #ffffff;
font-size: 14px;
border: solid 1px #fff;
margin-bottom: 10px;
display: inline-block;
padding: 5px 8px;
border-radius: 20px;
backdrop-filter: blur(5px);	
}
.ourbusiness .item h3 {
color: #fff;
font-size: 22px;
padding-bottom: 15px;
font-family: inherit;
}
.ourbusiness .item p {
color: #ffffffde;
font-size: 17px;
overflow: hidden;
height: 0;
opacity: 0;
transition: opacity 0.4s ease 0.2s, height 0.4s ease;
}
.ourbusiness .item:hover p {
height: 60px;
opacity: 1;
}
.ourbusiness.ourbusiness_abt .item:hover p {
height: 130px;
padding-bottom:15px;
}
/* Image hover scale */
.ourbusiness .container .item:hover .imgblock {
transform: scale(1);
}
.ourbusiness .container:hover .item h3 {
font-size: 18px;
}
.ourbusiness .container .item:hover h3 {
font-size: 24px;
}
/* --- LINK: Only show on hover --- */
.ourbusiness .item .link {
display: none; /* not rendered initially */
color: #00aeef;
font-weight: 500;
font-size: 15px;
background-image: url(../img/right-arrow-blue.svg);
background-size: 24px;
background-position: center right;
background-repeat: no-repeat;
padding-right: 28px;
opacity: 0;
transform: translateY(10px);
}
/* When hovering item, show link */
.ourbusiness .item:hover .link {
display: table;
animation: fadeInUp 0.5s ease 0.4s forwards;
}
/* Hover effect on link */
.ourbusiness .item .link:hover {
background-image: url(../img/right-arrow-white.svg);
color: #fff;
}
/* Fade + slide in animation */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.solutions {
    background-color: #f1f3f4;
    overflow: hidden;
    background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
}

.solutions .container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* --- Card wrapper --- */
.solutions .item {
    width: calc(25% - 7.5px);
    height: 400px;
    margin: 5px 0;
    position: relative;
    display: block;
    border-radius: 8px;
    perspective: 1000px;
    cursor: pointer;
    text-decoration: none;
}

/* Inner flipping box */
.solutions .item .flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.8s cubic-bezier(.4, .2, .2, 1);
}

/* Flip on hover */
.solutions .item:hover .flip-inner {
    transform: rotateY(180deg);
}

/* FRONT face */
.solutions .item .flip-front {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
	display:flex;
	align-items:end;
}
.solutions .item .flip-front h3{
    color: #fff;
    padding: 30px;
    text-transform: uppercase;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    width: 100%;
    padding-top: 100px;	
}
/* BACK face */
.solutions .item .flip-back {
    position: absolute;
    inset: 0;
    border-radius: inherit;
background: linear-gradient(to bottom,  rgba(41,52,143,1) 0%,rgba(0,174,239,1) 100%); 
    color: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    transform: rotateY(180deg);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
	align-items: center;
    justify-content: center;
}
.solutions .item .flip-back div{
padding:0px 50px;
}
/* Title */
.solutions .item .flip-back h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
}

/* Text */
.solutions .item .flip-back p {
    margin-top: 20px;
    font-size: 16px;
    line-height: 24px;
}

/* Responsive */
@media (max-width: 992px) {
    .solutions .item { width: calc(50% - 7.5px); height: 360px; }
}
@media (max-width: 560px) {
    .solutions .item { width: 100%; height: 320px; }
}
.insights{
}
.insights.recent{
padding: 50px 0px;
min-height: auto;
}
.insights.recent .owl-carousel .owl-nav {
display: block!important;
}
.insights.recent .item {
height: 80vh;
max-height: 430px;
}
.insights.recent h3{
margin-bottom:30px;
font-size:25px;
display:table;
border-bottom:solid 2px #333;
}
.insights *{
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;	
}
.insights .item{
    height: 70vh;
    max-height: 590px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    border: solid 1px #ccc;
}
.insights .item .data{
color: #fff;
    padding: 20px 30px 30px 30px;
    background-color: #29348f;
    width: 100%;
}
.insights .item .data h4{
font-size: 21px;
padding-bottom: 45px;
font-family: inherit;
}
.insights .item .data p{
padding-top: 20px;
font-size: 17px;
max-height: 106px;
overflow: hidden;	
margin-bottom:20px;
}
.insights .item .btn {
padding: 10px 50px 10px 16px;
font-size: 15px;
margin-bottom: -93px;
opacity:0;
}
.insights .item .btn:after {
top: 5%;
}
.insights .item:hover .data h4{
padding-bottom:20px;
}
.insights .item:hover .data .btn{
margin-bottom: 0px;
opacity:1;
}
.insights.insights-main{
    margin-top: 86px;
    padding-top: 50px;
    padding-bottom: 70px;
    background-color: #f3f4f7;
}
.insights.insights-main .container{
flex-wrap:wrap;
gap:40px;
}
.insights.insights.insights-main .item {
    height: 55vh;
    max-height: 590px;
    width: 31%;
    overflow: hidden;
    border-radius: 10px;
    border: solid 1px #ccc;
}
.insights-in{
margin-top: 86px;
border-bottom: solid 1px #ccc;	
}
.insights-banner{
height:450px;
}
.insights-banner .blgtitle{
width:100%;
background: #000;
background: linear-gradient(360deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
.insights-banner .blgtitle{
color: #fff;
font-size: 45px;
padding: 100px 0px 50px 0px;
font-weight: 600;
    font-family: 'oswald';
}
.blogp{
padding:50px 0px;
}
.blogp .loc{
font-size: 17px;
font-weight: 600;
padding-bottom: 40px;	
text-transform: uppercase;
}
.blogp .loc img{
width: 30px;
margin-right: 5px;
}
.blogp p{
font-size: 20px;
}
.owl-carousel .owl-nav {
display: none !important;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled
{
position: absolute;
right: 0;
top: -50px;
width: auto;
margin:0;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
width: 50px;
height: 50px;
margin: 0;
border-radius: 0;
background-repeat: no-repeat !important;
background-size: 70% !important;
background-position: center !important;
font-size: 0;
background-color: transparent !important;
transition: none !important;
}
.owl-carousel .owl-nav button.owl-next{
background-image: url(../img/right-arrow-black.svg);
}
.owl-carousel .owl-nav button.owl-next:hover{
background-image: url(../img/right-arrow-blue.svg);
}
.owl-carousel .owl-nav button.owl-prev{
background-image: url(../img/arrow-left-black.svg);
}
.owl-carousel .owl-nav button.owl-prev:hover{
background-image: url(../img/arrow-left-blue.svg);
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: transparent;
}
.mapcover{
background-color: #f4f5ff;
position: relative;
z-index: 1;
padding: 100px 0px;
}
.mapcpage{
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);	
}
.mapcpage .mapcover{
    padding: 0;
    transform: scale(0.8);
    right: 0;
}
.map{
max-width: 1000px;
margin: 0px auto;
}
.map svg{
position: absolute;
left: 0;
top: 0;
width: 100%;	
}
.mycircle {
transform-origin: center center; /* locks position */
animation: cmove 0.2s ease-in-out infinite;
}
@keyframes cmove {
from {opacity:0.6;}
to {opacity:1;}
}
.mypath {
stroke-width: 1.5px;
stroke-dasharray: 8;
animation: dash 20s linear infinite;
}
@keyframes dash {
to {
stroke-dashoffset: 1000;
}
}
.country{
width: auto;
height: auto;
padding-bottom: 20px;
cursor:pointer;
z-index:1;
}
.country img{
width: 50px;
border: solid 1px #00aeef;
border-radius: 50px;
background-color: #ffffff;
}
.country .adrs{
border: solid 1px #888;
position: absolute;
left: -46px;
bottom: 105%;
z-index: 10;
background-color: #fff;
padding: 20px;
width: max-content;
border-radius: 10px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
display:none;
transform:scale(0);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.country:hover .adrs{
display:block;
opacity:1;
transform:scale(1);
}
.mapcpage .country .adrs {
    transform: scale(1.2);
}
.country.singapore .adrs {
left: -220px;
}
.country .adrs b{
padding-bottom: 10px;
display: block;
font-size: 14px;
}
.country .adrs p{
font-size: 13px;
line-height: 20px;	
color:#666;
}
.country.usa{
top: 249px;
left: 10px;	
}
.country.kuwait{
top: 227px;
left: 331px;
}
.country.saudi{
top: 435px;
left: 364px;
padding-left: 20px;
padding-right: 20px;
}
.country.uae{
top: 509px;
left: 534px;
padding-left: 35px;
}
.country.uae .adrs{
    left: -110px;
    bottom: 100px;	
}
.country.india{
top: 449px;
left: 684px;
}
.country.singapore{
top: 262px;
right: 4px;
left: inherit;
padding-left: 15px;
padding-right: 15px;
}
footer{
position: relative;
z-index: 1;
background-color: #ffffff;
padding-top: 70px;
}
footer .logos{}
footer .logos a{
width: auto;
}
footer .logos a img{
width: auto;
height: 40px;
}
footer .social{}
footer .social a{
height: 30px;
width: 30px;
margin-left: 20px;
}
.copy{
text-align: center;
font-size: 14px;
color: #666;
padding: 20px 0px;
letter-spacing: 1px;
margin-top: 50px;
border-top:solid 1px #ccc;
}
.maplist{
display:none;
}
.vsms{
min-height: auto;
background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
}
.vsms img{
width:70%;
}
.vsms .item{
width: 30%;
background-color:#fff;
padding:50px;
}
.vsms .item.msn{
margin-top: 26px;
}
.vsms .item .icon{
width: 60px;
}
.vsms .item span{
font-weight: 600;
padding-bottom: 40px;
font-size: 18px;
text-transform: uppercase;
}
.vsms .item ul{
margin: 0;
padding: 0;
list-style: none;
flex-wrap:wrap;
}
.vsms .item ul li{
padding-bottom: 25px;
font-weight: 500;
text-transform: uppercase;
font-size: 14px;
}
.vsms .item ul li p{
padding-left: 39px;	
}
.vsms .item ul li b{
font-size: 25px;
width: 20px;
display: inline-block;
color: #28338b;
font-weight: 600;
}
.vsms .item ul li span{
font-size: 40px;
margin: 0px 20px;	
}
.locations-cover{
padding: 0;
min-height: auto;
background-image: url(../img/2.webp);
}
.locations{
    padding: 100px 0px;
    position: relative;
    z-index: 1;
    background-image: url(../img/flags.png);
    background-size: 100%;
}
.locations p{
text-align: center;
margin: 0px auto;
max-width: 90%;
padding-top: 30px;
letter-spacing: 0;
line-height: 28px;
}
.locations .data{
margin: 0px auto;
display: table;
width: 40%;
border-radius: 10px;
padding: 50px 30px;
background-color: #ffffffc9;
backdrop-filter: blur(10px);
}
.locations .title{
font-size: 30px;
}
.calculator{
    position: fixed;
    height: 1px;
    left: 0;
    top: 85px;
    z-index: 99;
    background-color: #00aeef;
background: linear-gradient(to right,  rgba(41,52,143,1) 0%,rgba(0,174,239,1) 100%); 
}
.adrsmain{
color: #fff;
border-top: solid 1px #fff;
width: 50%;
margin-top: 30px;
padding-top: 30px;
padding-bottom: 40px;
font-size: 18px;
padding-left: 50px;
line-height: 26px;
}
.adrsmain img{
left: -5px;
top: -18px;
width: 40px;	
}
.form .title{
    font-size: 30px;
}
.form{
padding:0px;
    margin-top: 37px;
}
form{
width: 35%;
margin-top: 50px;
background-color: #fff;
display: table;
padding: 10px 40px 40px 40px;
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
form .control{
    margin: 15px 0px;
}
form .control label{
display:block;
}
form .form-control{
display: block;
width: 100%;
border: 0;
border-bottom: solid 1px #ccc;
height: 40px;
font-weight: 500;
font-size: 16px;	
outline:none!important;
box-shadow:none!important;
background-color: #fff;
}
.form{}
.g-map {
right: 0;
width: 47%;
left: inherit;
}
.webhide{
display:none;
}
.min-window{
min-height:75vh;
}
.banner-short{
margin-top: 86px;
padding: 50px 0px;
color: #fff;
text-align:center;
}
.banner-short h1{
font-size: 50px;
}
.banner-short p{
font-size: 25px;
}
.datablock{
padding: 50px 0px 50px 0px;
background-image: url(../img/star.png);
background-repeat: repeat;
background-position: right top;
background-size: 70%;
}
.datablock .container{
flex-wrap:wrap;
}
.datablock .item{
width: 47%;
margin-bottom: 50px;
overflow: hidden;
color: #fff;
backdrop-filter: blur(8px);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.datablock .item:hover{
transform:Scale(1.1);
}
.datablock .item .imgblock{
height: 450px;
}
.datablock .item .imgblock img{}
.datablock .item h5{
font-size: 22px;
padding: 20px 30px 0px 0px;
    font-family: inherit;
}
.datablock .item p{
font-size: 14px;
padding: 10px 30px 30px 0px;
width:90%;
opacity:0.8;
}
@media (max-width: 767px) {
.webhide{
display:flex;
}	
.navbar{
display:none;
}	
h1 {
font-size: 50px;
line-height: 50px;
letter-spacing: -2px;
}
p {
font-size: 16px;
}
.banner .data p {
width: 100%;
padding-bottom: 30px;
}
.banner .data h1 i .gif {
right: -60px;
bottom: 0;
width: 60px;
}
.btn {
padding: 12px 48px 12px 14px;
font-size: 14px;
}
.shape-1{
display:none;
}
.col-50 {
width: 100%;
}
section {
padding: 60px 0px;
min-height: auto;
}
.title {
font-size: 35px;
line-height: 35px;
}
.title span {
display: inline-block;
}
p.pad-50 {
padding: 20px 0px;
}
.abt p {
width: 100%;
}
p.para {
line-height: 27px;
}
.goals .container{
display:block;
}
.counter .cover {
width: auto;
display: block;
}
.counter .item {
display: block;
min-width: auto;
}
.counter .cover:after{
display:none;
}
.goals {
padding: 0px;
}
.counter .item{
background-color: #ffffff14;
padding: 40px 20px;
margin: 20px auto;
}
.counter .item .icon {
margin-bottom: 10px;
}
.counter .item span.number {
font-size: 50px;
}
.titlesub.center {
margin: 10px auto 40px auto;
width: 80%;
}
.titlesub {
margin-top: 20px;
font-size: 16px;
line-height: 24px;
}
.ourbusiness{
padding-bottom:0;
}
.ourbusiness .container.fluid, .solutions .container.fluid, .insights .container.fluid{
display:block;
width:100%;
}
.ourbusiness .item {
flex: none;
width: 100%;
margin-bottom: 10px;
border-radius: 0;
}
.ourbusiness .item:last-child{
margin-bottom:0;
}
.ourbusiness .item .imgblock {
height: 400px;
max-height: none;
border-radius: 0;
}
.ourbusiness .item .brand {
padding: 10px;
position: static;
background-color: #fff;
border:solid 1px #ccc;
}
.ourbusiness .item .brand img {
height: 30px;
width: auto;
}
.ourbusiness .item .data {
        bottom: 0;
        padding-bottom: 100px;
}
.ourbusiness .item .link {
display: block;
opacity: 1;
display: table;
}
.ourbusiness .item p{
display:none;	
}
.ourbusiness .container:hover .item h3 {
font-size: 22px;
}
.solutions {
padding-bottom: 0;
}
.solutions .col {
width: 100%;
display:block;
transition:none;
}
.solutions .col:nth-child(1), .solutions .col:nth-child(3), .solutions .col:nth-child(4) {
padding-top: 0;
}
.solutions .item {
height: 240px;
width: 100%;
opacity: 1;
display: block;
transition: none;
margin: 3px auto;
}
.solutions .item .data {
position: absolute;
left: 0;
bottom: 0;
}
.solutions .item .data p {
font-size: 15px;
height: auto;
}
.insights .item {
height: 70vh;
max-height: 455px;
overflow: hidden;
}
.insights .item .data {
        padding: 10px 20px;
}
.insights .item .data h4 {
        font-size: 18px;
        padding-bottom: 0;
    }
.insights .item .data p{
font-size: 14px;
}
.insights .item .btn {
margin-bottom: 0;
opacity: 1;
margin-top: 10px;
}
.map {
max-width: 100%;
transform: none;
}
.country {
width: 25px;
transform: scale(0.6);
}
.country.usa {
top: 43%;
left: 5px;
}
.country.saudi {
top: 48%;
left: 53%;
}
.country.uae {
top: 42%;
left: 60%;
}
.country.kuwait {
top: 38%;
left: 48%;
}
.country.india {
top: 56%;
left: 67%;
}
.country.singapore {
top: 56%;
right: 16%;
}
.map svg{
display:none;
}
.mapcpage{
position: static;
display: table;
transform: none;
}
.mapcover {
padding: 50px 0px 50px 0px;
}
.maplist{
display:flex;
justify-content:space-between;
width: 90%;
margin: 0px auto;
text-transform: uppercase;
font-size: 18px;
}
.maplist h6{
border-bottom: solid 2px #00aeef;	
}
footer .container{
display:block;
}
footer {
padding-top: 40px;
}
.copy {
font-size: 11px;
color:#333;
margin-top: 0px;
}
.banner.about .data p {
width: 100%;
}
.banner.about .data h1 {
font-size: 42px;
line-height: 42px;
}
.abt-pg .container{
display:block;
}
.moveshape {
width: 320px;
height: 320px;
margin: 0px auto;
}
.col-40 {
width: 100%;
}
.abt-pg .title {
        padding-top: 90px;
}
.abt-pg {
padding: 70px 0px 50px 0px;
}
.col-57 {
width: 100%;
}
.vsms .container{
display:block;
}
.vsms .item.msn {
margin-top: inherit;
}
.vsms .item {
width: 100%;
padding: 25px;
}
.vsms .item ul li {
padding-bottom: 0px;
}
.vsms {
padding: 20px 0px;
}
.locations .data {
width: 90%;
padding: 30px 30px;
}
.locations p {
font-size: inherit;
}
.locations {
padding: 50px 0px;
        background-image: none;
}
.vsms .item span {
margin-left: 0 !important;
padding-bottom: 10px;
font-size: 16px;
}
.vsms .item ul li b {
font-size: 20px;
margin-right: 10px;
}
.owl-carousel .owl-nav {
display: block !important;
}
.banner .data h1 i .gif.custom {
right: -60px;
bottom: 0px;
}
.adrsmain {
width: auto;
margin-top: 20px;
padding-top: 20px;
padding-bottom: 40px;
font-size: 17px;
line-height: 25px;
}
.adrsmain img {
top: -23px;
}
form {
        width: 100%;
        overflow: hidden;
        display: block;
        margin-top: 30px;
        box-shadow: none;
        margin-bottom: 50px;
}
.g-map {
width: 100%;
position: static;
height: 400px;
}
.form{
padding-bottom:0;
}
form .control {
margin: 20px 0px;
}
.menubar{
display:block;
position: fixed;
right: -100%;
opacity:0;
top: 0px;
width: 100%;
height: 100vh;
z-index: 99;
background-color: #ffffff;
border-top: solid 1px #f4f4f4;
padding: 34px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.menubar.active{
right: 0%;
opacity:1;
}
.menubar a{
display: block;
font-size: 18px;
letter-spacing: 0.2px;
padding: 20px 0px;
background-image: url(../img/right-arrow-blue.svg);
background-repeat: no-repeat;
background-position: center right;
background-repeat: no-repeat;
background-size: 18px;
text-transform: uppercase;
font-weight: 600;
border-bottom: solid 1px #ccc;
}
.trigger{
background-image: url(../img/trigger.svg);
background-repeat: no-repeat;
background-size: 75%;
width: 40px;
height: 40px;
margin-left: 10vw;
background-position: center;
}
.close{
width: 50px;
right: 25px;
left: inherit;
top: 20px;
opacity: 0.5;
height: 30px;
padding: 10px;
}
.mlogo{
width: 80%;
margin: 12vh auto;
display: table;
}
footer .logos {
flex-wrap: wrap;
padding-bottom: 20px;
}
footer .logos a {
width: 50%;
text-align: center;
margin-bottom:15px;
}
footer .logos a img{
height: 25px;
}
footer p{
padding-bottom: 30px;	
font-size: 13px;
}
footer .social {
justify-content: space-evenly !important;
}
.datablock .container {
display: block;
}
.datablock .item {
width: auto;
margin-bottom: 20px;
}
.datablock .item .imgblock {
height: 300px;
border-radius: 10px;
}
.banner-short h1 {
font-size: 30px;
}
.banner-short p {
font-size: 16px;
}
.datablock {
padding: 0px 0px 0px 0px;
background-position: center top;
background-size: 100%;
}
.datablock .item p {
font-size: 13px;
}
.datablock .item h5 {
font-size: 18px;
}
.insights.insights.insights-main .item {
max-height: 400px;
width: 94%;
margin: 0px auto;
margin-bottom: 10px;
}
.insights.insights-main {
padding-bottom: 10px;
}
.vsms img {
width: 100%;
}
.country .adrs {
left: 0;
}
.country.singapore .adrs{
left:inherit;
right:0;
}
.country.india .adrs{
margin-left:-50px;
}
.country.saudi .adrs{
bottom:130px;
left: -80px;
}
.blogp p {
font-size: 17px;
}
.mapcpage .mapcover {
transform: scale(1);
right: 0;
}
.insights-banner .blgtitle {
    font-size: 30px;
}
.graphics{
display:none;
}
.graphics2{
display:block;
}
}
@media screen and (min-width: 768px) and (max-width: 1367px) {
.mapcpage .mapcover {
    transform: scale(0.75);
    right: -8%;
}
}