@font-face {
font-family: 'Gilroy-Medium';
src: url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-Medium.woff') format('woff'), url('../fonts/Gilroy-Medium.ttf') format('truetype'), url('../fonts/Gilroy-Medium.svg#Gilroy-Medium') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Gilroy-SemiBold';
src: url('../fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-SemiBold.woff') format('woff'), url('../fonts/Gilroy-SemiBold.ttf') format('truetype'), url('../fonts/Gilroy-SemiBold.svg#Gilroy-SemiBold') format('svg');
font-weight: normal;
font-style: normal;
}

*,a,button,div,.form-control{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-ms-transition:0.5s all;
	-o-transition:0.5s all;
}
/*-----------RESET CSS------------*/

*::before,
*::after {
box-sizing: border-box;
}

html {
font-family: 'Gilroy-Medium';
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@-ms-viewport {
width: device-width;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
}

body {
margin: 0;
font-family: 'Gilroy-Medium';
font-size: 18px;
color: #212529;
text-align: left;
background-color: #fff;
line-height: 28px;
}

[tabindex="-1"]:focus {
outline: 0 !important;
}

hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0;
}

h3 {
font-size: 32px;
line-height: 44px;
}

p {
margin-top: 0;
margin-bottom: 0;
}

abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}

address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}

ul {
margin-bottom: 0;
padding: 0;
list-style: none;
}

ol,
ul,
dl {
margin-top: 0;
margin-bottom: 0;
}

ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}

dt {
font-weight: 700;
}

dd {
margin-bottom: .5rem;
margin-left: 0;
}

blockquote {
margin: 0 0 1rem;
}

dfn {
font-style: italic;
}

b,
strong {
font-weight: bolder;
}

small {
font-size: 80%;
}

sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}

sub {
bottom: -.25em;
}

sup {
top: -.5em;
}

a {
color: #007bff;
text-decoration: none;
background-color: transparent;
}

a:hover {
color: #0056b3;
text-decoration: underline;
}

a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
outline: 0;
}

pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}

pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}

figure {
margin: 0 0 1rem;
}

img {
vertical-align: middle;
border-style: none;
}

svg {
overflow: hidden;
vertical-align: middle;
}

table {
border-collapse: collapse;
}

caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}

th {
text-align: inherit;
}

label {
display: inline-block;
margin-bottom: 0.5rem;
}

button {
border-radius: 0;
}

button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}

button,
input {
overflow: visible;
}

button,
select {
text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
box-sizing: border-box;
padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
}

textarea {
overflow: auto;
resize: vertical;
}

fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}

legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}

progress {
vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}

[type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}

output {
display: inline-block;
}

summary {
display: list-item;
cursor: pointer;
}

template {
display: none;
}

[hidden] {
display: none !important;
}


/**********************/

header {
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 3;
}

.main {
background-image: linear-gradient(38deg, #37299B 28%, #6577F1 100%);
overflow: hidden;
position: relative;
}

header .navbar-nav li a {
color: #fff;
font-size: 14px;
letter-spacing: 0.56px;
line-height: 28px;
text-shadow: 0 2px 4px rgba(255, 255, 255, 0.24);
transition: all 0.3s;
}

header .navbar-nav li a:hover,
header .navbar-nav li.active a {
color: #90edf8;
}

.cst_links li a {
color: #fff;
margin-right: 40px;

}

.cst_links li a:hover {
color:#90edf8;
}

.cst_links li:last-child a {
margin: 0;
}

.cst_links li a img {
height: 18px;
object-fit: cover;
}

header .navbar-brand {
padding: 0;
}

header .navbar {
padding: 36px 0;
}

header .navbar-nav .nav-link {
padding-right: 20px;
padding-left: 20px;
}

.img-banner {
object-fit: cover;
max-height: 1168px;
}

.banner {
position: relative;
z-index: 1;
}

.banner svg {
position: relative;
z-index: 1;
}

.text-holder {
position: relative;
z-index: 2;
}

.text-wrapper {
position: absolute;
top: 230px;
left: 0;
right: 0;
}

.text-holder h2 {
font-family: Gilroy-Medium;
font-size: 48px;
color: #FFFFFF;
line-height: 52px;
margin-bottom: 32px;
}

.text-holder p {
font-size: 18px;
color: #FFFFFF;
line-height: 28px;
margin-bottom: 40px;
}

.btn.btn-primary {
font-family: 'Gilroy-SemiBold';
background: #FFFFFF;
border: 1px solid #FFFFFF;
box-shadow: 0 23px 34px -13px rgba(0, 0, 0, 0.24);
border-radius: 28px;
font-size: 16px;
color: #283342;
letter-spacing: 0.09px;
width: 239px;
height: 56px;
padding: 0 28px 0 32px;
line-height: 56px;
transition: all 0.3s;
}

.btn.btn-primary:focus,
.btn.btn-primary:hover {
box-shadow: 0 10px 34px -13px rgba(0, 0, 0, 0.24);
border: 1px solid #90edf8;
background-color: #90edf8;
color: #283342;
}


/*----------------TABS SECTION CSS-------------------------*/

.tab_wrapper {
margin-top: -275px;
position: relative;
z-index: 2;
}

.tab_wrapper .nav {
position: relative;
}

.tab_wrapper .nav:after {
height: 1px;
width: 100%;
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
background-color: #ffff;
opacity: 0.2;
}

.tab_wrapper .nav li {
position: relative;
margin: 0 10px;
}

.tab_wrapper .nav li:after {
width: 1px;
height: 69px;
content: '';
position: absolute;
right: -10px;
background-color: #ffff;
top: 50%;
transform: translate(0, -50%);
opacity: 0.2;
}

.tab_wrapper .nav li:last-child:after {
content: none;
}

.tab_wrapper .nav a.active {
font-size: 32px;
color: #FFFFFF;
line-height: 44px;
opacity: 1;
text-decoration: none;
border-bottom: 3px solid #fff;
}

.tab_wrapper .nav a {
opacity: 0.4;
font-size: 32px;
color: #FFFFFF;
line-height: 44px;
text-align: center;
padding: 32px 114.4px;
display: inline-block;
cursor: pointer;
}

.tab_wrapper .nav a:hover {
text-decoration: none;
}

.tab_wrapper .tab_text {
padding: 138px 0 0;
}

.tab_text h3 {
color: #FFFFFF;
margin-bottom: 28px;
}

.tab_text p {
color: #FFFFFF;
margin-bottom: 40px;
}

.img-holder {
height: 100%;
}

.mt-25 {
margin-top: -25px;
}


/*--------------Marketing Section CSS-------------------*/

.bg_green:hover {
background-image: linear-gradient(44deg, #31A779 0%, #8FF2B3 100%);
}

.bg_blue:hover {
background-image: linear-gradient(-135deg, #00C6FF 0%, #0072FF 100%);
}

.bg_red:hover {
background-image: linear-gradient(-135deg, #E55250 0%, #CC2A27 100%);
}

.text_cap {
transform: translateY(342px);
transition: all 0.3s;
}

.mark_holder:hover .text_cap {
transform: translateY(0);
}

.marketing [class*="col-"] {
padding: 0;
border-radius: 8px;
}

.mark_holder {
padding: 138px 50px 151px;
min-height: 520px;
overflow: hidden;
transition: all 0.3s;
}

.mark_holder img.cst-w {
width: 136px;
object-fit: cover;
margin: 0 auto 32px;
}

.mark_holder .btn img {
width: auto;
}

.mark_holder h3 {
color: #FFFFFF;
margin-bottom: 28px;
}

.mark_holder p {
color: #FFFFFF;
margin-bottom: 40px;
}

.mark_holder .btn {
margin: 0 auto;
}

.pd1-btm {
padding-bottom: 185px;
}

.pd2-btm {
padding-bottom: 40px;
}

.pos {
position: relative;
}

.pos .row {
position: relative;
z-index: 2;
}

#particles-js {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}


/*-----------CLIENTS CSS------------------*/

.client {
padding: 120px 0 161px;
position: relative;
}

.client .heading {
color: #fff;
margin-bottom: 72px;
}

.img_slide {
background: #FFFFFF;
border-radius: 8px;
width: 132px;
height: 132px;
margin: 0 auto;
}

.client-carousel .owl-nav [class*=owl-]:hover {
background-color: transparent;
}

.client-carousel .owl-nav button {
outline: none;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}

.client-carousel .owl-nav .owl-next {
right: -32px;
}

.client-carousel .owl-nav .owl-prev {
left: -32px;
}

.client-carousel {
margin-bottom: 72px;
}

.client-carousel .img_slide img {
max-width: max-content;
}

.brand-text {
padding: 0 50px;
z-index: 2;
position: relative;
}

.brand-text p {
color: #fff;
margin-bottom: 28px;
}

.brand-text p:last-of-type {
margin-bottom: 72px;
}

.circle1 {
height: 145px;
width: 145px;
background-image: linear-gradient(25deg, #37299B 0%, #6577F1 100%);
border-radius: 50%;
position: absolute;
top: 50%;
transform: translate(-30px, 35%);
}

.circle2 {
height: 51px;
width: 51px;
background-image: linear-gradient(41deg, #37299B 0%, #6577F1 100%);
border-radius: 50%;
position: absolute;
top: 43%;
left: 44%;
transform: translate(-50%, 50%);
z-index: 1;
}

.circle3 {
height: 440px;
width: 440px;
background-image: linear-gradient(30deg, #37299B 0%, #6577F1 100%);
border-radius: 50%;
position: absolute;
top: 50%;
right: 0;
transform: translate(44%, -35%);
}

.circle4 {
height: 145px;
width: 145px;
background-image: linear-gradient(31deg, #37299B 0%, #6577F1 100%);
border-radius: 50%;
position: absolute;
top: 24%;
right: 31%;
transform: translate(44%, -35%);
}

#element1,
#element2,
#element3,
#element4 {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}


/*-------------Footer CSS------------------*/

footer {
padding: 34.5px 0;
border-top: 1px solid #78e0f873;
position: relative;
z-index: 2;
}

footer p {
font-size: 15px;
color: #FFFFFF;
}


/*-------------CSS SVG------------------*/

#Twitter,
#Facebook,
#Instagram,
#Youtube {
cursor: pointer;
}

#twitter-light,
#Facebook-lights,
#Instagram-lights,
#Youtube-lights-2,
#Youtube-lights {
opacity: 0.4;
}

#Twitter:hover #twitter-light,
#Facebook:hover #Facebook-lights,
#Instagram:hover #Instagram-lights,
#Youtube:hover #Youtube-lights-2,
#Youtube:hover #Youtube-lights {
opacity: 1;
}

@keyframes flickerAnimation {
0% {
    opacity: 1;
}
50% {
    opacity: 0.3;
}
100% {
    opacity: 1;
}
}

@-o-keyframes flickerAnimation {
0% {
    opacity: 1;
}
50% {
    opacity: 0.3;
}
100% {
    opacity: 1;
}
}

@-moz-keyframes flickerAnimation {
0% {
    opacity: 1;
}
50% {
    opacity: 0.3;
}
100% {
    opacity: 1;
}
}

@-webkit-keyframes flickerAnimation {
0% {
    opacity: 1;
}
50% {
    opacity: 0.3;
}
100% {
    opacity: 1;
}
}

.animate-flicker {
-webkit-animation: flickerAnimation 2s infinite;
-moz-animation: flickerAnimation 2s infinite;
-o-animation: flickerAnimation 2s infinite;
animation: flickerAnimation 2s infinite;
}


/* ---- stats.js ---- */

.count-particles {
background: #000022;
position: absolute;
top: 48px;
left: 0;
width: 80px;
color: #13E8E9;
font-size: .8em;
text-align: left;
text-indent: 4px;
line-height: 14px;
padding-bottom: 2px;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
}

.js-count-particles {
font-size: 1.1em;
}

#stats,
.count-particles {
-webkit-user-select: none;
margin-top: 5px;
margin-left: 5px;
}

#stats {
border-radius: 3px 3px 0 0;
overflow: hidden;
}

.count-particles {
border-radius: 0 0 3px 3px;
}

.mob-header {
display: none;
}

.mob-footer {
display: none;
}


/*---------------------OFFER PAGE CSS---------------------------*/

.exp_main_img {
position: relative;
margin-top: -133px;
}

.exp_main_img img {
width: 100%;
object-fit: cover;
position: relative;
z-index: 1;
}

.expertise {
padding-top: 238px;
position: relative;
z-index: 1;
}

.expertise h2 {
font-size: 48px;
color: #FFFFFF;
text-align: center;
line-height: 52px;
}

.strategy1 {
padding-top: 0;
padding-bottom: 28px;
position: relative;
z-index: 1;
}

.divider {
height: 1px;
width: 100%;
background-color: #fff;
opacity: 0.2;
}

.desc {
padding-top: 61px;
padding-left: 96px;
}

.desc h3 {
color: #FFFFFF;
margin-bottom: 28px;
padding-right: 79px;
}

.desc p {
color: #FFFFFF;
}

.strategy2 {
padding-top: 15px;
padding-bottom: 61px;
position: relative;
z-index: 1;
}

.strategy2 .desc {
padding-top: 0;
height: 100%;
}

.strategy-3 {
padding-top: 15px;
padding-bottom: 160px;
position: relative;
z-index: 1;
}

.strategy-3 .desc {
padding-top: 86px;
}

.link_strt {
padding-top: 40px;
}


/*-----------------ABOUT CSS--------------------*/

.icons-section {
padding: 152px 0 88px;
position: relative;
z-index: 2;
}

.icon-holder img {
    height: 62px;
    object-fit: cover;
    width: auto !important;
    margin-bottom: 43px;
    opacity: 0.5;
}
.icon-holder p {
font-size: 18px;
color: #FFFFFF;
line-height: 28px;
}

.icon-holder {
padding: 0 10px;
cursor: pointer;
}
.icon-holder:hover img{
	opacity:1;
}
.talent .desc h3 {
padding: 0;
}

.talent .desc p {
padding: 0;
}

.talent .desc h3,
.talent .desc p {
padding-left: 100px;
}

.talent2 {
padding-bottom: 160px;
padding-top: 87px;
position: relative;
z-index: 2;
}

.talent {
position: relative;
z-index: 2;
}

.btn_large {
margin-top: -120px;
}

.btn_large .btn {
width: 256px;
}

.talent2 .desc p {
padding-right: 70px;
}

.map_page {
padding-top: 188px;
position: relative;
z-index: 1;
}

.map_page h2 {
font-size: 48px;
color: #FFFFFF;
line-height: 52px;
margin-bottom: 66px;
}

.con_txt {
padding-right: 153px;
}

.con_txt h3 {
color: #FFFFFF;
margin-bottom: 26px;
min-height: 88px;
}

.con_txt P {
opacity: 0.5;
color: #FFFFFF;
}

.map {
padding: 120px 0 84px;
}

#gmap_canvas {
width: 100%;
height: 426px;
}

.talent .desc,
.talent2 .desc {
padding-left: 0;
}

.about {
position: relative;
z-index: 1;
padding-top: 238px;

}

.about_image{
margin-top: -47px;
}