/*!
 *  All Copyrights Reserved © 2020 
 */


/*------------------------------------------------------------------

[ TABLE OF CONTENTS]

	01. GLOBAL STYLES
	02. COMMON STYLES 
	
-------------------------------------------------------------------*/

/* 01. GLOBAL STYLES */




* {
	padding: 0;
	margin: 0;
}


body {
	font-size: 14px;
  background-color: #fff;
  overflow-x: visible;
  font-family: 'Roboto', sans-serif;
}

body, html {
  /* prevent horizontal scrolling */
  color: #19191C

}


.clearfix{clear: both !important;}


html {
 /* scroll-behavior: smooth;*/
}


li, ul, ol {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	color: #0c1f3f;
	font-weight:600;
	font-family: 'Merriweather', serif;
}

p {
	font-size: 16px;	
	color:#0d1f3f;
  font-weight: 400
}
button, button:hover, a, a:hover {
	transition: .4s;
}
a {
	color: #009ad5;
  text-decoration: none !important;
}
 a:hover, a:focus, a:active {
	outline: 0;
  color: #0d1f3f
}


p{font-style: normal;font-size: 14px; color: #0d1f3f;}


/* 02. COMMON STYLES */

.space10 {
	margin-bottom: 10px;
}
.space20 {
	margin-bottom: 20px;
}
.space25 {
	margin-bottom: 25px;
}
.space30 {
	margin-bottom: 30px;
}
.space40 {
	margin-bottom: 40px;
}
.space50 {
	margin-bottom: 50px;
}
.space60 {
	margin-bottom: 60px;
}
.space70 {
	margin-bottom: 70px;
}
.space80 {
	margin-bottom: 80px;
}
.space90 {
	margin-bottom: 90px;
}
.space100 {
	margin-bottom: 100px;
}

.less-margin{ margin:0 !important}
.less_left{ padding-left:0 !important; }
.less_right{ padding-right:0;}


.less-right-0px{ padding-right:0px!important;}
.less-left-0px{ padding-left: 0px!important;}

.less-right-5px{ padding-right:5px;}
.less-left-5px{ padding-left: 5px;}

.less-right-10px{ padding-right:10px;}
.less-left-10px{ padding-left: 10px;}


.space-left-2px{ margin-left:5px;}
.space-left-5px{ margin-left:5px;}
.space-right-2px{ margin-right:5px;}
.space-right-5px{ margin-right:5px;}

/* line height */
.line-height-10 {line-height:10px !important}
.line-height-13 {line-height:13px !important}
.line-height-18 {line-height:18px !important}
.line-height-20 {line-height:20px !important}
.line-height-24 {line-height:24px !important}
.line-height-22 {line-height:22px !important}
.line-height-26 {line-height:26px !important}
.line-height-28 {line-height:28px !important}
.line-height-30 {line-height:30px !important}
.line-height-35 {line-height:35px !important}
.line-height-40 {line-height:40px !important}
.line-height-45 {line-height:45px !important}
.line-height-50 {line-height:50px !important}
.line-height-55 {line-height:55px}
.line-height-60 {line-height:60px}
.line-height-65 {line-height:65px}
.line-height-70 {line-height:70px}
.line-height-75 {line-height:75px}
.line-height-80 {line-height:80px}
.line-height-85 {line-height:85px}
.line-height-90 {line-height:90px}
.line-height-95 {line-height:95px}
.line-height-100 {line-height:100px}
.line-height-110 {line-height:110px}
.line-height-120 {line-height:120px}

.font-size-11px{ font-size:11px !important;}
.font-size-12px{ font-size:12px !important;}
.font-size-13px{ font-size:13px !important; }
.font-size-14px{ font-size:14px !important;}
.font-size-15px{ font-size:15px !important;}
.font-size-16px{ font-size:16px !important;}
.font-size-17px{ font-size:17px !important;}
.font-size-18px{ font-size:18px !important;}
.font-size-19px{ font-size:19px !important;}
.font-size-20px{ font-size:20px !important;}
.font-size-21px{ font-size:21px !important;}
.font-size-22px{ font-size:22px !important;}
.font-size-23px{ font-size:23px !important;}
.font-size-24px{ font-size:24px !important;}
.font-size-25px{ font-size:25px !important;}
.font-size-26px{ font-size:26px !important;}
.font-size-27px{ font-size:27px !important;}
.font-size-28px{ font-size:28px !important;}
.font-size-29px{ font-size:29px !important;}
.font-size-30px{ font-size:30px !important;}

.font-weight-200{ font-weight:200 !important}
.font-weight-300{ font-weight:300 !important}
.font-weight-400{ font-weight:400 !important}
.font-weight-500{ font-weight:500 !important}
.font-weight-600{ font-weight:600 !important}
.font-weight-700{ font-weight:700 !important}
.font-weight-800{ font-weight:800 !important}
.font-weight-900{ font-weight:900 !important}

.pt-05{padding-top: 05px !important;}
.pt-10{padding-top: 10px !important;}
.pt-15{padding-top: 15px !important;}
.pt-20{padding-top: 20px !important;}
.pt-25{padding-top: 25px !important;}
.pt-30{padding-top: 30px !important;}
.pt-35{padding-top: 35px !important;}
.pt-40{padding-top: 40px !important;}
.pt-45{padding-top: 45px !important;}
.pt-50{padding-top: 50px !important;}
.pt-55{padding-top: 55px !important;}
.pt-60{padding-top: 60px !important;}
.pt-65{padding-top: 65px !important;}
.pt-70{padding-top: 70px !important;}
.pt-80{padding-top: 80px !important;}
.pt-90{padding-top: 90px !important;}
.pt-100{padding-top: 100px !important;}

.pb-05{padding-bottom: 05px !important;}
.pb-10{padding-bottom: 10px !important;}
.pb-15{padding-bottom: 15px !important;}
.pb-20{padding-bottom: 20px !important;}
.pb-25{padding-bottom: 25px !important;}
.pb-30{padding-bottom: 30px !important;}
.pb-35{padding-bottom: 35px !important;}
.pb-40{padding-bottom: 40px !important;}
.pb-45{padding-bottom: 45px !important;}
.pb-50{padding-bottom: 50px !important;}
.pb-55{padding-bottom: 55px !important;}
.pb-60{padding-bottom: 60px !important;}
.pb-65{padding-bottom: 65px !important;}
.pb-70{padding-bottom: 70px !important;}
.pb-80{padding-bottom: 80px !important;}
.pb-90{padding-bottom: 90px !important;}
.pb-100{padding-bottom: 100px !important;}


.ml-0{margin-left: 0 !important}
.ml-5{margin-left: 5px !important}
.ml-10{margin-left: 10px !important}
.ml-20{margin-left: 20px !important}

.mr-0{margin-right: 0 !important}
.mr-5{margin-right: 5px !important}
.mr-10{margin-right: 10px !important}
.mr-20{margin-right: 20px !important}


.mt-05{margin-top: 05px !important;}
.mt-10{margin-top: 10px !important;}
.mt-15{padding-top: 15px !important;}
.mt-20{margin-top: 20px !important;}
.mt-25{margin-top: 25px !important;}
.mt-30{margin-top: 30px !important;}
.mt-35{margin-top: 35px !important;}
.mt-40{margin-top: 40px !important;}
.mt-45{margin-top: 45px !important;}
.mt-50{margin-top: 50px !important;}
.mt-55{margin-top: 55px !important;}
.mt-60{margin-top: 60px !important;}
.mt-65{margin-top: 65px !important;}
.mt-70{margin-top: 70px !important;}

.mb-05{margin-bottom: 05px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-15{padding-bottom: 15px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-25{margin-bottom: 25px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-35{margin-bottom: 35px !important;}
.mb-40{margin-bottom: 40px !important;}
.mb-45{margin-bottom: 45px !important;}
.mb-50{margin-bottom: 50px !important;}
.mb-55{margin-bottom: 55px !important;}
.mb-60{margin-bottom: 60px !important;}
.mb-65{margin-bottom: 65px !important;}
.mb-70{margin-bottom: 70px !important;}

.relative{position: relative;}
.bordernone{border: 0 !important;}
.container{max-width: 1280px;}


.mainBtn {
  height:56px;
  transition: .4s !important;
  background: linear-gradient(315deg, rgba(30,195,186,1) 0%, rgba(2,74,208,1) 72%);
  font-size: 18px !important;
  color: #fff;
  letter-spacing: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 56px;
  font-weight: 500;
  padding-left: 40px;padding-right: 40px;
  border-radius: 8px;
  z-index: 99;
  overflow: hidden;
}
.mainBtn:hover{color: #fff; background-color: #bf4100;}
.mainBtn:focus{color: #fff; background-color: #bf4100;}




.mainBtn2 {
  height:56px;
  transition: .4s !important;
  background-color: transparent;
  font-size: 15px !important;
  border: solid 1px #009ad5;
  color: #009ad5;
  letter-spacing: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 56px;
  font-weight: 500;
  padding-left: 50px;padding-right: 50px;
  border-radius: 4px;
  z-index: 99;
  overflow: hidden;
}
.mainBtn2:hover{color: #fff; background-color: #009ad5;}
.mainBtn2:focus{color: #fff; background-color: #009ad5;}


.btn-hover {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    height: 56px;
    text-align:center;
    border: none;
    background-size: 300% 100%;
    border-radius: 5px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    line-height: 56px;
    padding: 0 50px;
}

.btn-hover:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:focus {
    outline: none;
}

.btn-hover.color-1 {
    background-image: linear-gradient(to right, #0249d0, #1ec2ba, #1ec2ba, #0249d0);
    color: #fff
    
}


.read-more{font-size: 13px; color: #666666;transition: .4s;}
.read-more i{height: 28px; width: 28px; text-align: center; line-height: 28px; background-color: #e6e8eb; color: #0249d0; border-radius: 50%;margin-right: 4px;transition: .4s;}
.read-more:hover{ color: #0249d0;}
.read-more:hover i{background-color: #0249d0; color: #fff}

.read-more1{font-size: 13px; color: #fff !important;transition: .4s;}
.read-more1 i{height: 28px; width: 28px; text-align: center; line-height: 28px; background-color: #5e5b5c; color: #fff; border-radius: 50%;margin-right: 4px;transition: .4s;}
.read-more1:hover{ color: #0249d0;}
.read-more1:hover i{background-color: #0249d0; color: #fff}

.read-more2{font-size: 13px; color: #0147d0;transition: .4s; font-weight: 700}
.read-more2 i{height: 28px; width: 28px; text-align: center; line-height: 28px; background-color: #e6e8eb; color: #0147d0; border-radius: 50%;margin-right: 4px;transition: .4s;}
.read-more2:hover{ color: #0249d0;}
.read-more2:hover i{background-color: #0249d0; color: #fff}




.bg-primary{background: #FC7028 !important;}
.bg-secondary{background: #19191C !important;}

.color-white{color: #fff !important}
.color-primary{color: #0d1f3f !important;}
.color-secondary{color: #009ad5 !important;}


/**/


/* Hover Effect */

a.hover{position:relative;padding-bottom: 5px;}
a.hover::before{position:absolute;width:100%;height:2px;background:currentColor; background-image: -moz-linear-gradient( -15.068deg, rgb( 2, 73, 208 ) 0%, rgb( 33, 208, 184 ) 100%);
  background-image: -webkit-linear-gradient( -15.068deg, rgb( 2, 73, 208 ) 0%, rgb( 33, 208, 184 ) 100%);top:100%;left:0;pointer-events:none; right: 7px}
a.hover::before{content:"";transform-origin:100% 50%;transform:scale3d(0,1,1);transition:transform .3s cubic-bezier(.7,0,.2,1)}
a.hover:hover:before{transform-origin:0 50%;transform:scale3d(1,1,1);transition-timing-function:cubic-bezier(.4,1,.8,1)}


a.hover-5{position:relative;padding-bottom: 0px;}
a.hover-5::before{position:absolute;width:100%;height:5px;background-color: #25decc; top:100%;left:0;pointer-events:none; right: 0px}
a.hover-5::before{content:"";transform-origin:100% 50%;transform:scale3d(0,1,1);transition:transform .3s cubic-bezier(.7,0,.2,1)}
a.hover-5:hover:before{transform-origin:0 50%;transform:scale3d(1,1,1);transition-timing-function:cubic-bezier(.4,1,.8,1)}

.img-shadow{box-shadow: 0px 0px 46px 5px #e1e8f7;}



/* topbar */

.topbar{padding: 0; margin:auto;position: relative; max-width: 1444px;margin-top: 36px;}
.topbar-shadow{box-shadow: 0px 10px 7px -7px #e7e7e7;padding-bottom: 6px;}
.navbar-nav{margin-left: 58px; font-weight: 500;}
.navbar-nav li.nav-item{padding-right: 32px;font-size: 15px;}
.navbar-nav .nav-item a.nav-link{padding:5px 0; color: #000}
.navbar-nav .nav-item a.nav-link:hover{color: #009ad5}



.languageNav{position: relative;margin-right: 40px;margin-top: 8px;}
.languageNav i.fa-globe{color: #19a4d9;margin-right: 4px;margin-top: 3px;}

.sl-nav {
  display: inline;
}
.sl-nav ul {
  margin:0;
  padding:0;
  list-style: none;
  position: relative;
  display: inline-block;

}
.sl-nav li {
  cursor: pointer;
  padding-bottom:10px;
  color: #6d6d6d;
  font-weight: 400;
}
.sl-nav li ul {
  display: none;
}
.sl-nav li:hover ul {
  position: absolute;
  top:29px;
  right:-15px;
  display: block;
  background: #fff;
  width: 120px;
  padding-top: 0px;
  z-index: 1;
  border-radius:5px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.sl-nav li:hover .triangle {
  position: absolute;
  top: 15px;
  right: -10px;
  z-index:10;
  height: 14px;
  overflow:hidden;
  width: 30px;
  background: transparent;
}
.sl-nav li:hover .triangle:after {
  content: '';
  display: block;
  z-index: 20;
  width: 15px;
  transform: rotate(45deg) translateY(0px) translatex(10px);
  height: 15px;
  background: #fff;
  border-radius:2px 0px 0px 0px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.sl-nav li ul li {
  position: relative;
  text-align: left;
  background: transparent;
  padding: 15px 15px;
  padding-bottom:0;
  z-index: 2;
  font-size: 13px;
  color: #3c3c3c;

}
.sl-nav li ul li:last-of-type {
  padding-bottom: 15px;
}
.sl-nav li ul li span {
  padding-left: 5px;
}
.sl-nav li ul li span:hover, .sl-nav li ul li span.active {
  color: #146c78;
}
.sl-flag {
  display: inline-block;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  width: 15px;
  height: 15px;
  background: #aaa;
  border-radius: 50%;
  position: relative;
  top: 2px;
  overflow: hidden;
}
.flag-de {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAAAPUlEQVQ4T+3HMQ0AIBTE0NOHM8x9B7hgh71bIWGieUvze1m7kHGBr/AVvsJX+EpmP5dV5/gKX+ErfIUvVDYcX2NMxQC8PAAAAABJRU5ErkJggg==');
  background-size: cover;
  background-position: center center;
}
.flag-usa {
  background-size: cover;
  background-position: center center;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAABhUlEQVQ4T2Ows82PjGixsc4LD2tysC/09Kjw8622tyuICG8u0w/cpGSCBzF4e1VmZkzw9anOzOj38a4KCW4IC22ECHYk1l9tn4gHMeTlTnZxLikvm+XiUpKW2hvgX+vnV5OVOQEoOGfOtv94AYOzU3Fd7XxHh6Lq6rlurqUx0W0J8Z1AnbW18yotonaYuOJBDBXls4A+bGpaBCTz86YEBtQCvVBSPAPIbY0oP1/aiAcxABU1Ny+2tclvbFjo5FgUF9uenNwNDLnmpkWEnV1TPRcY1O1tS4H6i4umA/0MDK2K8tlAwRqHpP1uoXgQKKraWpcClTY3LQZaCLQ5NaUX5OaWJY3++SeTC/AgBmA4AXUClUJs9ver8fKsAAYEUJCws4G21dXNB1oFdD/Qz8DQTk4C+bm2dn6DZ9bRiDQ8iAEYt8CoBpK5YBIYw0AEEZwSXX4oMB4PYoC6gCzAcDqrjGzEsMfen2xEmbMv1rSTjRi26dqRjShz9o2+6WQjBrSShQSkZAIADvW/HLrLY6cAAAAASUVORK5CYII=');
}



/* Mobile menu start*/

.mobileMenubar{padding: 15px;}
.mobileMenubar h1 {margin: 0 !important; padding: 0 !important; line-height: normal;}
.mobileMenubar h1 img{max-width: 170px;}
nav.mobilemenu {position: fixed;top: 0;right: 0;width: 320px;height: 100%;background:#0c1f3f;transform: translateX(102%);transition: transform 0.35s ease;z-index: 10;box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.25);}
nav.mobilemenu.open {overflow: auto;transform: translateX(0rem);}
nav.mobilemenu ul {margin: 75px 0 0;padding: 0;}
nav.mobilemenu li {list-style: none;}
nav.mobilemenu a {display: block;margin: 0;padding:10px 0;transition: transform 0.35s ease;color: #fff}
nav.mobilemenu a:hover, nav a:active {}
nav.mobilemenu.open a {padding-left: 2rem;}
.menu-toggle {position: absolute;top: 22px;right: 15px;cursor: pointer;font-size: 1.25rem; text-align: center; height: 36px; width: 36px; background-image: -moz-linear-gradient( -15.068deg, rgb( 2, 73, 208 ) 0%, rgb( 33, 208, 184 ) 100%);
  background-image: -webkit-linear-gradient( -15.068deg, rgb( 2, 73, 208 ) 0%, rgb( 33, 208, 184 ) 100%); color: #fff; border-radius: 3px; line-height: 36px;}
nav.mobilemenu.open .nav-toggle {color: #FFF;opacity: 0.5;}
nav.mobilemenu .back {overflow: hidden;}
nav.mobilemenu .blur {filter: blur(2px);}

/* Mobile menu end*/


.topbar .loginBtn{font-size: 15px; font-weight: 500;height: 35px;padding-left: 20px;padding-right: 15px; color: #000}
.topbar .signUpbtn{font-size: 15px; font-weight: 500;height: 35px;padding: 0 20px; color: #000; background-color: #0d1f3f; color: #fff; line-height: 35px; border-radius: 5px;}
.topbar .signUpbtn:hover{background-color: #009ad5}

.topbar-inner{margin-top: 10px;}

.scrolling-menu{ background-color: #001c88 }
.scrolling-menu ul{margin: 0;padding: 0; text-align: center;}
.scrolling-menu ul li{display: inline-block;padding: 0; margin: 0 10px}
.scrolling-menu ul li a{padding: 35px 10px;display: block; font-size: 16px; font-weight: 600; color: #fff; border-bottom: solid 5px transparent;}
.scrolling-menu .active{border-bottom: solid 5px #25decc;}


/* Header hero start*/

.header-hero{position: relative; background-image: url(../img/header-bg.jpg); background-repeat: repeat-x;background-position:center top; min-height: 970px;}
.header-hero .globeimg{position: absolute;right: 0;max-width: 65%;top: 5%;}
.header-hero .hero-content{position: relative;z-index: 1; max-width: 540px; margin-top: 170px;}
.header-hero .hero-content h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 15px;}
.header-hero .hero-content h1{font-weight: 900; font-size: 45px; color: #0d1f3f; line-height: 44px;padding-bottom: 15px;}
.header-hero .hero-content p{font-size: 16px;}



/* Header Slider start*/

.slider {position: relative;width: 100%;background-color: #ccc;margin-top: 3px;}
.globeimg{position: absolute;right: 0;max-width: 60%;top:15%;}
.slider .items {position: relative;overflow: hidden;width: 100%;min-height: 90vh}
.slider .item {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity 0.6s ease-in-out;background-size: cover}
.slider .item.current {opacity: 1;}
.slider .item img {width: 100%;height: 100%;object-fit: cover;}
.slider .caption{display: table;height: 90vh; width: 100%;  position: relative;z-index: 9; color: #fff;padding: 30px 0}
.slider .caption span { display: table-cell; vertical-align: middle;}
.slider .caption h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #fff; line-height: normal;padding-bottom: 15px;}
.slider .caption h1{font-weight: 900; font-size: 45px; color: #fff; line-height: 44px;padding-bottom: 15px;}
.slider .caption p{font-size: 15px; font-weight: 400; color: #fff}
.slider .caption h6.color-1{color: #009ad5}
.slider .caption h1.color-2{color: #0d1f3f}
.slider .caption p.color-3{color: #0d1f3f}


.services-hero{min-height: 450px; position: relative; background-color: #ccc; margin-top: 0; background-position: center;}
.services-hero .overlay{background: rgb(13,31,63);background: rgb(13,31,63);background: linear-gradient(122deg, rgba(13,31,63,1) 53%, rgba(194,242,238,1) 82%); position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.5}
.services-hero .hero-content{display: table;height: 450px; width: 100%;  position: relative;z-index: 9; color: #fff}
.services-hero .hero-content span { display: table-cell; vertical-align: middle; padding: 40px 0}
.services-hero .hero-content h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #fff; line-height: normal;padding-bottom: 15px;}
.services-hero .hero-content h1{font-weight: 900; font-size: 45px; color: #fff; line-height: 44px;padding-bottom: 15px;}

.team-hero{min-height: 550px; position: relative; background-color: #ccc; margin-top: 0; background-position: right;}
.team-hero .hero-content{display: table;height: 550px; width: 100%;  position: relative;z-index: 9; color: #fff}
.team-hero .hero-content span { display: table-cell; vertical-align: middle; padding: 40px 0}
.team-hero .hero-content h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #fff; line-height: normal;padding-bottom: 15px;}
.team-hero .hero-content h1{font-weight: 900; font-size: 45px; color: #024ccf; line-height: 44px;padding-bottom: 15px;}
.team-hero .hero-content p{font-size: 16px; font-weight: 600}

.blogpage-hero {min-height: 350px; position: relative; background-color: #ccc; background-size: cover; background-position: center}
.blogpage-hero .hero-content{display: table;height: 350px; width: 100%;  position: relative;z-index: 9; color: #fff}
.blogpage-hero .hero-content span { display: table-cell; vertical-align: middle; padding: 40px 0}
.blogpage-hero .hero-content h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #fff; line-height: normal;padding-bottom: 15px;}
.blogpage-hero .hero-content h1{font-weight: 900; font-size: 45px; color: #fff; line-height: 50px;padding-bottom: 15px;}
.blogpage-hero .hero-content p{font-size: 18px; color: #fff; font-weight: 700}


.innerpage-hero{min-height: 450px; position: relative; background-color: #ccc; margin-top: 0; background-position: center;}
.innerpage-hero .hero-content{display: table;height: 450px; width: 100%;  position: relative;z-index: 9; color: #fff}
.innerpage-hero .hero-content span { display: table-cell; vertical-align: middle; padding: 40px 0}
.innerpage-hero .hero-content h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #fff; line-height: normal;padding-bottom: 15px;}
.innerpage-hero .hero-content h1{font-weight: 900; font-size: 45px; color: #fff; line-height: 44px;padding-bottom: 15px;}
.innerpage-hero .hero-content p{font-size: 16px; font-weight: 600}

.contactpage-hero {min-height: 400px; position: relative; background-color: #ccc; background-size: cover; background-position: center}
.contactpage-hero .hero-content{display: table;min-height: 400px; width: 100%;  position: relative;z-index: 9; color: #fff}
.contactpage-hero .hero-content span { display: table-cell; vertical-align: middle; padding: 40px 0}
.contactpage-hero .hero-content h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #fff; line-height: normal;padding-bottom: 15px;}
.contactpage-hero .hero-content h1{font-weight: 900; font-size: 50px; color: #fff; line-height: 50px;padding-bottom: 15px;}
.contactpage-hero .hero-content p{font-size: 18px; color: #fff; font-weight: 700}


.portfoliodetail-hero{min-height: auto; position: relative; background-color: #f3f2f7; margin-top: 0; background-position: center; background-image: url(../img/portfolio-back.png); background-repeat: no-repeat; background-position: right;}
.portfoliodetail-hero .main-img{position: absolute; bottom: 0}
.portfoliodetail-hero h1{font-size: 60px; color: #0d1f3f; font-weight: 900; line-height: 55px;padding-bottom: 10px;}
.portfoliodetail-hero p{font-size: 15px;}
.portfoliodetail-hero p strong{color: #001c88; font-weight: 600; font-size: 25px;}
.portfoliodetail-hero .slide-img{position: absolute; top: 0; right: 0; left: 0; bottom: 0;margin-bottom: 50px;margin-right: 76px; margin-left: 76px; margin-top: 15px;}
.portfoliodetail-hero .slide-img img{width: 100%}


.aboutpage-hero{min-height: 400px; position: relative; background-color: #ccc; margin-top: 0; background-position: center;}
.aboutpage-hero .hero-content{display: table;height: 400px; width: 100%;  position: relative;z-index: 9; color: #fff}
.aboutpage-hero .hero-content span { display: table-cell; vertical-align: middle; padding: 40px 0}
.aboutpage-hero .hero-content h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #fff; line-height: normal;padding-bottom: 15px;}
.aboutpage-hero .hero-content h1{font-weight: 900; font-size: 50px; color: #fff; line-height: 44px;padding-bottom: 15px;}
.aboutpage-hero .hero-content p{font-size: 20px; font-weight: 600; color: #fff}


/* About Intro start*/

.about-intro{position: relative; background-image: url(../img/aboutbg.jpg); background-repeat: repeat-x; background-position: center bottom; padding-bottom: 270px;padding-top: 50px; }
.about-intro h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 5px;}
.about-intro h1{font-weight: 900; font-size: 45px; color: #0d1f3f; line-height: 44px;padding-bottom: 5px;}
.about-intro h4{font-family: 'Roboto', sans-serif; font-size: 26px; color: #2b2e3e; line-height: normal;padding-bottom: 5px;}
.about-intro p{font-size: 15px;}

.achivemnetBoxes{padding: 0; margin: 0;position: relative;}
.achivemnetBoxes .item{ border: solid 1px #90e6dc;padding: 10px; background-color: #fff;margin-bottom: 15px; border-radius: 10px;box-shadow: 5px 5px 25px 0 rgb( 16, 113, 150,0.11 ); }
.achivemnetBoxes .item .item-inner{ border: solid 1px #90e6dc;padding:40px; background-color: #fff; border-radius: 10px;background: rgb(244,250,253);
background: linear-gradient(120deg, rgba(244,250,253,1) 8%, rgba(230,247,254,1) 23%, rgba(255,255,255,1) 68%);}
.achivemnetBoxes .item .item-inner-service{padding: 30px}
.achivemnetBoxes .item .year{ font-size: 14px; font-weight: 900;font-family: 'Merriweather', serif; color: #0d1f3f }
.achivemnetBoxes .item h4{font-size: 65px; font-weight: 800; color: #009ad5; display: block; margin-left: -5px; line-height: normal;padding-bottom: 0; margin-bottom: 0; letter-spacing: -2px;font-family: 'Roboto', sans-serif;}
.achivemnetBoxes .item p{font-size: 15px;padding: 0; margin-bottom: 0}
.achivemnetBoxes .item h5{color: #000b39; font-size: 21px;font-family: 'Roboto', sans-serif;font-weight: 800; line-height: normal;}






/* Our Services start*/

.our-services{padding: 50px 0;position: relative;}
.our-services h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 5px;}
.our-services h1{font-weight: 900; font-size: 45px; color: #0d1f3f; line-height: 44px;padding-bottom: 5px;}
.our-services p{font-size: 15px;}
.our-services .services-tile{padding:30px; margin: 15px; background-color: #fff; border-radius: 10px;box-shadow: 5px 3px 25px 0px #e2eef2; margin-bottom: 30px;}
.our-services .m-lr{margin-right: 15px; margin-left: 15px}
.our-services img{height: auto; width: auto !important;margin-bottom: 20px;}
.our-services .services-tile img{width: 60px !important; height: 60px !important; object-fit: contain;}
.our-services h2{font-size: 22px; color: #0c1f3f}

.our-services .carousal-container{max-width: 1350px; margin: auto;}
.our-services .services-tile p{font-size: 14px;}
.our-services .item{padding-bottom: 20px; margin: 30px;}
.our-services .owl-nav{width: 80px;position: absolute; top: -100px; right:30px}
.our-services .owl-prev{height: 40px;width: 30px; border-radius: 0 !important;box-shadow: -3px 0px 4px 3px #e9e9e9 !important; font-size: 14px !important; color: #646473 !important;line-height: 43px !important}
.our-services .owl-next{height: 40px;width: 30px; border-radius: 0 !important;box-shadow: -3px 0px 4px 3px #e9e9e9!important; font-size: 14px !important; color: #646473 !important;line-height: 43px !important}
.our-services .owl-dots{display: none;}
.our-services .owl-prev:hover, .our-services .owl-next:hover{color: #fff !important; background-color: #0249d0 !important}




.services-intro{padding: 110px 0; position: relative;}
.servicesBg{background: rgb(251,254,255);background: linear-gradient(180deg, rgba(251,254,255,1) 0%, rgba(242,251,255,1) 80%);}
.services-intro h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 5px;}
.services-intro h1{font-weight: 900; font-size: 45px; color: #0d1f3f; line-height: 48px;padding-bottom: 15px;}
.services-intro p{font-size: 16px;}

.services-item{padding:80px 0; position: relative;}
.services-item h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 5px;}
.services-item h2{font-size: 40px; color: #010b3a; font-weight: 900;padding-bottom:15px;}
.services-item h3{font-size: 30px; color: #010b3a; font-weight: 900;padding-bottom:10px;}
.services-item ul.content-list{padding: 0; margin: 0;font-family: 'Merriweather', serif; font-size: 14px; font-weight: 600; color: #0c1f3f}
.services-item ul.content-list li{display: block;padding: 4px 0; position: relative; padding-left: 38px; margin-bottom: 5px;}
.services-item ul.content-list li:before{font-family: 'FontAwesome';content: "\f061"; height: 28px; width: 28px; font-size: 12px;text-align: center; line-height: 28px; color: #0249d0; background-color: #e6e8eb; position: absolute;top: 0; left: 0; border-radius: 50%;}
.services-item .content_mdl { display: table; height: 100%; width: 100%;}
.services-item .content_mdl span { display: table-cell; vertical-align: middle; padding: 40px 0}

/* Our Services2 start*/

.our-services2{position: relative; background-image: url(../img/aboutbg2.jpg); background-repeat: repeat-x; background-position: center top; padding-top: 200px;padding-bottom: 100px; }
.our-services2 h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 5px;}
.our-services2 h2{font-weight: 900; font-size: 30px; color: #0d1f3f; line-height: 30px;padding-bottom: 5px;}

.our-services2 .servisesrow{display: flex;}
.our-services2  .grid-column { padding: 5px; flex-grow: 1;}
.our-services2  .item{background-color: #fff;border-radius: 20px;box-shadow: 0px 10px 39px 19px #e2eef2;padding: 15px; margin: auto; text-align: center; width: 150px; height: 150px;}
.our-services2 img{margin-bottom: 20px; margin-top: 20px;}
.our-services2 h3{font-size: 14px; color: #020b3b}
.our-services2 .push-top50{margin-top: 50px;}
.our-services2 .push-top80{margin-top: 80px;}


/* Testimonials start*/

.testimonials-1{position: relative; background-image: url(../img/testimonialsbg.jpg); background-repeat: repeat-x; background-position: center top; padding-top: 90px;padding-bottom: 90px;}
.testimonials-1 h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 5px;}
.testimonials-1 h2{font-weight: 900; font-size: 30px; color: #0d1f3f; line-height: 30px;padding-bottom: 5px;}
.testimonials-1 .testimonials-wrapper{max-width: 1600px; margin: auto; text-align: left; margin-top: 70px;}
.testimonials-1 .item{padding: 30px;}
.testimonials-1 .item-avtar{width: 220px; height: 210px; background-color: #fff; border-radius: 15px;box-shadow: 0px 0px 25px -3px rgba(0,0,0,0.1);padding: 10px; float: left;position: relative;z-index: 8}
.testimonials-1 .item-content{padding-left: 220px;}
.testimonials-1 .item-content .inner{background-color: #fff;box-shadow: 0px 0px 30px -13px rgba(0,0,0,0.1);padding: 20px;position: relative;z-index: 9; margin-left: -25px; margin-top: 30px;padding-left: 40px;}
.testimonials-1 .item-content .qoute-icon{width: 49px; height: 41px; float: left}
.testimonials-1 .item-content p{padding-left: 60px;padding-bottom: 0; margin: 0}
.testimonials-1 .name{font-family: 'Roboto', sans-serif; font-size: 18px;padding-top: 20px;display: block;padding-left: 75px;}
.testimonials-1 .name i{display: block;font-style: normal; font-size: 13px; font-weight: normal;}
.testimonials-1 .owl-prev{height: 47px;width:47px; margin-top: -24px !important; border-radius: 50% !important;font-size: 14px !important;line-height: 47px !important;  color: #7b7b8a !important; position: absolute;; top: 45%; left:-70px; background-color: #fff !important ; border: solid 1px #ccccda !important;}
.testimonials-1 .owl-next{height: 47px;width:47px; margin-top: -24px !important; border-radius: 50% !important;font-size: 14px !important;line-height: 47px !important;  color: #7b7b8a !important; position: absolute;; top: 45%; right:-70px; background-color: #fff !important ; border: solid 1px #ccccda !important;}
.testimonials-1 .owl-prev:hover, .testimonials-1 .owl-next:hover{background-color: #009ad5 !important; color: #fff !important; border-color: #009ad5 !important}
.testimonials-1 .owl-dots{margin-top: 50px;}
.testimonials-1 .owl-dot span{height: 7px !important; width: 7px !important; background-color: #9ca3a9}
.testimonials-1 .owl-dots .active span{background-color: #009ad5 !important;}


.testimonials-2{position: relative; background-image: url(../img/testimonialsbg.jpg); background-repeat: repeat-x; background-position: center top; padding-top: 90px;padding-bottom: 90px;}
.testimonials-2 h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 5px;}
.testimonials-2 h2{font-weight: 900; font-size: 30px; color: #0d1f3f; line-height: 30px;padding-bottom: 5px;}
.testimonials-2 .item-avtar{width: 220px; height: 210px; background-color: #fff; border-radius: 15px;box-shadow: 0px 0px 25px -3px rgba(0,0,0,0.1);padding: 10px; margin: auto;}
.testimonials-2 p{ font-size: 22px; font-family: 'Merriweather', serif;  font-style: italic; font-weight: 600; line-height: normal; position: relative;}
.testimonials-2 p:before{content: ""; position: absolute; top: -60px; left: 0; width: 49px; height: 41px; background-image: url(../img/qoute-left.png);}
.testimonials-2 p:after{content: ""; position: absolute; top: -60px; right: 0; width: 49px; height: 41px; background-image: url(../img/qoute-right.png);}
.testimonials-2 .name{font-family: 'Roboto', sans-serif; font-size: 24px;padding-top: 20px;display: block;padding-top: 30px;}
.testimonials-2 .name i{display: block;font-style: normal; font-size: 15px; font-weight: normal; color: #525571;padding-top: 10px;}
.testimonials-2 .owl-prev{height: 47px;width:47px; margin-top: -24px !important; border-radius: 50% !important;font-size: 14px !important;line-height: 47px !important;  color: #838390 !important; position: absolute; top: 50%; left:-70px; background-color: #fff !important ; border: solid 1px #ccccda !important;}
.testimonials-2 .owl-next{height: 47px;width:47px; margin-top: -24px !important; border-radius: 50% !important;font-size: 14px !important;line-height: 47px !important;  color: #838390 !important; position: absolute; top: 50%; right:-70px; background-color: #fff !important ; border: solid 1px #ccccda !important;}
.testimonials-2 .owl-prev:hover, .testimonials-2 .owl-next:hover{background-color: #009ad5 !important; color: #fff !important; border-color: #009ad5 !important}
.testimonials-2 .owl-dots{margin-top: 50px;}
.testimonials-2 .owl-dot span{height: 7px !important; width: 7px !important; background-color: #9ca3a9}
.testimonials-2 .owl-dots .active span{background-color: #009ad5 !important;}


.testimonials-3{position: relative; padding-top: 120px;padding-bottom: 120px;}
.testimonials-3 h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 5px;}
.testimonials-3 h2{font-weight: 900; font-size: 30px; color: #0d1f3f; line-height: 30px;padding-bottom: 5px;}
.testimonials-3 .testimonials-wrapper{max-width: 1495px; margin: auto; text-align: left; margin-top: 50px;padding-left: 100px; padding-right: 100px;}
.testimonials-3 .item{padding: 25px;}
.testimonials-3 .inner-card{padding:30px; margin:0; background-color: #fff; border-radius: 10px;box-shadow: 0px 10px 25px 3px #e2eef2;}
.testimonials-3 .qoute{width: auto;}
.testimonials-3 .qoute img{width: auto !important;}
.testimonials-3 p{color: #525271}
.testimonials-3 .avtarImg{max-width: 55px !important;}
.testimonials-3 h5{font-family: 'Roboto', sans-serif; font-size: 18px; color: #000; margin: 0;padding: 0}

.testimonials-3 .owl-prev{height: 47px;width:47px; margin-top: -24px !important; border-radius: 50% !important;font-size: 14px !important;line-height: 47px !important;  color: #838390 !important; position: absolute; top: 50%; left:-70px; background-color: #fff !important ; border: solid 1px #ccccda !important;}
.testimonials-3 .owl-next{height: 47px;width:47px; margin-top: -24px !important; border-radius: 50% !important;font-size: 14px !important;line-height: 47px !important;  color: #838390 !important; position: absolute; top: 50%; right:-70px; background-color: #fff !important ; border: solid 1px #ccccda !important;}
.testimonials-3 .owl-prev:hover, .testimonials-3 .owl-next:hover{background-color: #009ad5 !important; color: #fff !important; border-color: #009ad5 !important}
.testimonials-3 .owl-dots{margin-top: 50px;}
.testimonials-3 .owl-dot span{height: 7px !important; width: 7px !important; background-color: #9ca3a9}
.testimonials-3 .owl-dots .active span{background-color: #009ad5 !important;}

/* ===== Testimonials redesign (photo-free) ===== */
/* Homepage (testimonials-1): center the quote card, drop the old avatar gutter */
.testimonials-1 .item{padding: 20px;}
.testimonials-1 .item-content{padding: 42px 44px !important; max-width: 720px; margin: 0 auto; background: #fff; border: 1px solid #eef2f7; border-radius: 16px; box-shadow: 0 18px 45px -24px rgba(2,73,208,.35); text-align: center;}
.testimonials-1 .item-content .inner{background: transparent !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important;}
.testimonials-1 .item-content .qoute-icon{float: none !important; display: inline-block; width: 42px !important; height: auto; margin-bottom: 16px; opacity: .9;}
.testimonials-1 .item-content p{padding: 0 !important; font-size: 18px; line-height: 1.75; color: #33334a;}
.testimonials-1 .name{padding: 0 !important; margin-top: 22px; text-align: center; color: #0c1f3f; font-weight: 700; font-size: 17px;}
.testimonials-1 .name i{display: block; font-style: normal; font-weight: 500; font-size: 13px; color: #009ad5; padding-top: 6px; letter-spacing: .2px;}

/* Inner pages (testimonials-2): tidy the centered pull-quote */
.testimonials-2 .item{padding: 26px 10px 10px;}
.testimonials-2 p{font-size: 20px; line-height: 1.7; color: #2b2b45;}
.testimonials-2 .name{font-size: 19px; color: #0c1f3f; font-weight: 700;}
.testimonials-2 .name i{color: #009ad5; font-size: 14px;}

/* Team (testimonials-3): name block left-aligned, no avatar column */
.testimonials-3 .inner-card{padding: 30px 30px 26px;}
.testimonials-3 .inner-card .d-flex{margin-top: 16px; padding-top: 16px; border-top: 1px solid #eef2f7;}
.testimonials-3 .inner-card .flex-grow-1{margin-left: 0 !important;}
.testimonials-3 h5{font-size: 17px; color: #0c1f3f; font-weight: 700;}
.testimonials-3 .inner-card span{color: #009ad5; font-size: 13px;}

/* ===== Team member monogram avatars (initials, not photos) ===== */
.team-page-area .team-item .img-wrapper{display: block !important; width: 128px; height: 128px; margin: 0 auto 18px; border-radius: 50%; overflow: hidden; box-shadow: 0 12px 28px -14px rgba(2,73,208,.5);}
.team-page-area .team-item .inner-img{display: block !important; width: 128px !important; height: 128px;}
.team-page-area .team-item .inner-img img{width: 128px !important; height: 128px !important; object-fit: cover; border-radius: 50%; display: block;}
.team-page-area .team-item:hover .inner-img{transform: none;}
.team-page-area .team-item:hover .inner-img img{transform: scale(1.06); transition: 0.3s;}
.team-page-area .leadership-area .team-item .img-wrapper{width: 140px; height: 140px;}
.team-page-area .leadership-area .team-item .inner-img,
.team-page-area .leadership-area .team-item .inner-img img{width: 140px !important; height: 140px !important;}



/* Technologies start*/

.technologies{padding: 100px 0; position: relative;}
.technologies h3{font-size: 26px; text-align: center; color: #050c4c; font-weight: 900}
.technologies .img-wrapper{max-width: 1350px; margin: auto;padding: 0 50px;}


/* Our Solution start*/

.our-solution{background: rgb(251,254,255);background: linear-gradient(180deg, rgba(251,254,255,1) 0%, rgba(242,251,255,1) 80%);padding: 110px 0; position: relative;}
.our-solution h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 5px;}
.our-solution h1{font-weight: 900; font-size: 45px; color: #0d1f3f; line-height: 44px;padding-bottom: 5px;}
.our-solution .carousal-container{max-width: 1288px; margin: auto;}
.our-solution .item{padding: 15px;}
.our-solution .solution-tile{padding:0; margin: 0px; background-color: #fff; border-radius:6px 6px 0 0;box-shadow: 10px 10px 30px -13px #d8ebf2; overflow: hidden;}
.our-solution .img-wrapper {width: 100%;height: 200px;overflow: hidden;}
.our-solution .inner-img {transition: 0.3s; width: 100% !important;}
.our-solution .solution-tile:hover .inner-img { transform: scale(1.1);}
.our-solution .content-wrap{padding: 22px;}
.our-solution img{height: auto; width: auto !important;margin-bottom: 20px;}
.our-solution h2{font-size: 21px; color: #0c1f3f}
.our-solution p{font-size: 14px;}
.our-solution .owl-nav{width: 80px;position: absolute; top: -100px; right:25px}
.our-solution .owl-prev{height: 40px;width: 30px; border-radius: 0 !important;box-shadow: -3px 0px 4px 3px #e9e9e9 !important; font-size: 14px !important; color: #656574 !important; line-height: 43px !important}
.our-solution .owl-next{height: 40px;width: 30px; border-radius: 0 !important;box-shadow: -3px 0px 4px 3px #e9e9e9!important; font-size: 14px !important; color: #656574 !important; line-height: 43px !important}
.our-solution .owl-dots{display: none;}
.our-solution .owl-prev:hover, .our-solution .owl-next:hover{color: #fff !important; background-color: #0249d0 !important}


/* Our Clients start*/

.our-clients{padding: 135px 0; position: relative;}
.clientBg{background: rgb(242,251,255);background: linear-gradient(180deg, rgba(242,251,255,1) 0%, rgba(253,252,254,1) 80%);}
.our-clients h3{font-size: 26px; text-align: center; color: #050c4c; font-weight: 900}
.our-clients .clientBox{box-shadow: 3px 3px 15px 0px rgba(109,109,109,0.1); background-color: #fff; text-align: center; border-radius: 15px;padding: 8px;}
.our-clients .item{padding:10px;}
.our-clients .clientBox img{width: auto !important;margin: auto;}
.our-clients .owl-dots{display: none;}



/* Insight News start*/

.homeblog-area{background: rgb(242,251,255);background: linear-gradient(180deg, rgba(242,251,255,1) 0%, rgba(253,252,254,1) 80%);padding: 95px 0; position: relative;}
.homeblog-area h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 5px;}
.homeblog-area h1{font-weight: 900; font-size: 45px; color: #0d1f3f; line-height: 44px;padding-bottom: 5px;}
.homeblog-area .push-right{padding-right: 25px;}
.homeblog-area .push-left{padding-left: 35px;}
.homeblog-area .half-tile{padding:0; margin: 0px; background-color: #fff; border-radius:10px;box-shadow: 20px 20px 43px -13px #d8ebf2; overflow: hidden;}
.homeblog-area .img-wrapper {width: 100%;height: auto;overflow: hidden;}
.homeblog-area .inner-img {transition: 0.3s; width: 100% !important;}
.homeblog-area .half-tile:hover .inner-img { transform: scale(1.1);}
.homeblog-area .content-wrap{padding: 20px;}
.homeblog-area h2{font-size: 25px; color: #0c1f3f}
.homeblog-area p{font-size: 14px; line-height: normal;}

.homeblog-area .strech-tile{position: relative;margin-bottom: 45px}
.homeblog-area .img-wrapper-small {width: 100%;height: auto;overflow: hidden; border-radius: 10px;box-shadow: 20px 20px 43px -13px #d8ebf2;margin-bottom: 15px; }
.homeblog-area h3{font-size: 20px; color: #0c1f3f}
.homeblog-area .strech-tile:hover .inner-img { transform: scale(1.1);}





/* Team area start*/

.team-page-area{position: relative;padding: 60px 0 0 0}
.leadership-area{margin: 40px 0; position: relative;}
.team-page-area h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 5px;}
.team-page-area h1{font-weight: 900; font-size: 45px; color: #0d1f3f; line-height: 44px;padding-bottom: 5px;}
.team-item{position: relative; }
.team-item .img-wrapper {width: 100%;height: auto;overflow: hidden;}
.team-item .inner-img {transition: 0.3s; width: 100% !important;}
.team-item:hover .inner-img { transform: scale(1.1);}
.team-item h4{font-size: 22px; color: #009ad5;font-family: 'Roboto', sans-serif;}

.leader-highlighter{margin: 40px 0;position: relative;}
.leader-highlighter .content_mdl { display: table; height: 100%; width: 100%; background-color: #0451ce; position: relative;}
.leader-highlighter .content_mdl span { display: table-cell; vertical-align: middle; padding: 30px 40px 30px 60px; color: #fff;}
.leader-highlighter .content_mdl h3{font-family: 'Roboto', sans-serif; font-size: 40px;color: #fff}
.leader-highlighter h2{font-size: 55px; color: #fff; line-height: 55px; letter-spacing: -2px;}
.leader-highlighter p{color: #fff; line-height: normal;}
.leader-highlighter .arrow-right-dir{position: absolute;height: 112px; width: 68px;left: 100%; top: 50%; margin-left: -35px; margin-top: -56px; background-color: #0451ce; z-index: 9; text-align: center; line-height: 112px;}

.our-people-area{position: relative;padding: 80px 0}

.our-celebration-area{position: relative;padding: 80px 0}
.our-celebration-area h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 5px;}
.our-celebration-area h1{font-weight: 900; font-size: 45px; color: #0d1f3f; line-height: 44px;padding-bottom: 5px;}

.celebration-galary .masonarygrid {text-align: center;}
.celebration-galary .masonarygrid img{width: 100%;}
.grid-item {padding:0;box-sizing: border-box;display:inline;}
@media (min-width: 300px) {
.celebration-galary .grid-item {
    width: 50%;
  }
}

@media (min-width: 1000px) {
.celebration-galary .grid-item {
    width: 20%;
  }
}

@media (min-width: 1700px) {
.celebration-galary .grid-item {
    width: 20%;
  }
}

@media (min-width: 2100px) {
.celebration-galary .grid-item {
    width: 25%;
  }
}

.certification-area {position: relative;padding: 60px 0 100px 0}
.about-pushtop{padding: 100px 0}
.certification-area h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 5px;}
.certification-area h1{font-weight: 900; font-size: 45px; color: #0d1f3f; line-height: 44px;padding-bottom: 5px;}
.certification-area .tile{padding:13px; background-color: #fff; border-radius: 10px;box-shadow: 7px 7px 30px 3px #e2eef2; text-align: center; max-width: 160px; margin: auto;}
.certification-area .push-left{padding-left: 25px;}


.career-highlighter{background-color: #0d1f3f !important}
.career-highlighter .img-wrapper{min-height: 600px; background-size: cover;}
.career-highlighter .content_mdl { display: table; height: 100%; width: 100%; background: rgb(6,88,205);background: linear-gradient(132deg, rgba(6,88,205,1) 29%, rgba(30,196,186,1) 100%);position: relative;}
.career-highlighter .content_mdl span { display: table-cell; vertical-align: middle; padding: 30px 15% 30px 15%; color: #fff;max-width: 75%; margin: auto;}
.career-highlighter h1{font-size: 65px; color: #fff; ;line-height: 65px;}
.career-highlighter h2{font-size: 45px; color: #fff; ;line-height: 45px;}
.career-highlighter h3{color: #fff; font-size: 20px;padding: 10px 0}
.career-highlighter p{color: #fff; font-size: 15px; font-weight: 400}
.career-highlighter .exploreBtn{background-color: #fff;color: #000; font-size: 17px; font-weight: 600; padding:0  35px; color: #0d1f3f; height: 56px; line-height: 54px;}
.career-highlighter .exploreBtn i{margin-left: 10px; font-size: 20px;position: relative; top: 2px;}
.career-highlighter .exploreBtn:hover{ background-color: #009ad5; color: #fff }
.career-highlighter .bg-none{background:none !important}


/* Case studies start*/

.case-studies{padding: 150px 0; position: relative;}
.case-studies h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 5px;}
.case-studies h1{font-weight: 900; font-size: 45px; color: #0d1f3f; line-height: 44px;padding-bottom: 5px;}
.case-studies .case-tile{padding: 0; margin: 0; background-size: cover; height: 425px; background-color: #333; border-radius: 15px; position: relative; overflow: hidden;transition: .4s;}
.case-studies .overlay{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(../img/transperantbg.png); background-repeat: repeat-x;  background-position: bottom;opacity: 0.7;}
.case-studies .content{position: absolute;padding: 20px; color: #fff; bottom: 0}
.case-studies h4{color: #fff; font-size: 17px; line-height: normal;padding-bottom: 8px;}
.case-studies h4 a{color: #fff}
.case-studies h4 a:hover{color: #d2d2d2; text-decoration: underline !important;}
.case-studies .owl-nav{width: 80px;position: absolute; top: -100px; right:25px}
.case-studies .owl-prev{height: 40px;width: 30px; border-radius: 0 !important;box-shadow: -3px 0px 4px 3px #e9e9e9 !important; font-size: 14px !important; color: #656574 !important}
.case-studies .owl-next{height: 40px;width: 30px; border-radius: 0 !important;box-shadow: -3px 0px 4px 3px #e9e9e9!important; font-size: 14px !important; color: #656574 !important}
.case-studies .owl-dots{display: none;}
.case-studies .owl-prev:hover, .case-studies .owl-next:hover{color: #fff !important; background-color: #0249d0 !important}

.case-studies2{padding: 100px 0}
.case-studies2 h1{font-size: 35px; font-weight: 900}
.case-studies2 h2{font-size: 30px; font-weight: 600}
.case-studies2 .push-left{padding-left: 35px;}
.case-studies2 .push-right{padding-right: 35px;}

/* How we work start*/


.how-we-work{position: relative; background-image: url(../img/aboutbg2.jpg); background-repeat: repeat-x; background-position: center top; padding-top: 200px;padding-bottom: 100px; }
.how-we-work h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 5px;}
.how-we-work h2{font-weight: 900; font-size: 30px; color: #0d1f3f; line-height: 40px;padding-bottom: 5px;}
.how-we-work .item{margin-bottom: 50px; position: relative; max-width: 320px;}
.how-we-work .item img{margin-bottom: 20px;}
.how-we-work h3{font-size: 20px; font-weight: 900}
.how-we-work p{font-size: 14px;}



/* CTA 1 start*/

.cta-area{background-image: url(../img/cta-bg.jpg);min-height: 600px; position: relative; background-size: cover; background-attachment: fixed; background-position: center;}
.cta-area .content-mdl { display: table; height: 600px; width: 100%; text-align: center;}
.cta-area .content-mdl span { display: table-cell; vertical-align: middle; padding: 40px 0}
.cta-area h1{ font-size: 55px; color: #fff; font-weight: 900;padding-bottom: 20px; }
.cta-area p{font-size: 17px; color: #fff}




/* Portfolio start*/

.portfolio-area{padding: 70px 0 0 0; position: relative;}
.portfolio-area .portfolio-container{max-width: 1300px; margin: auto; position: relative;}
.portfolio-area h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 5px;}
.portfolio-area h2{font-weight: 900; font-size: 40px; color: #0d1f3f; line-height: 40px;padding-bottom: 5px;}
.portfolio-area .item{padding: 0;padding: 25px;}
.portfolio-item{padding:0; margin: 0; background-color: #fff; border-radius: 10px;box-shadow: 0px 10px 15px 3px #e2eef2; overflow: hidden;}
.portfolio-item .img-wrapper{background-size: cover; height: 370px;}
.portfolio-item .portfolio-content{padding: 25px;}
.portfolio-item .spinner-icon{background-color: #e5e5ea; float: left; border-radius: 50%;line-height: 26px;padding: 8px;}
.portfolio-item .spinner-icon img{height: 26px !important; width: 28px !important; position: relative !important;}
.portfolio-item .portfolio-title{padding-left: 60px;}
.portfolio-item .portfolio-title h2{ font-size: 20px; margin: 0;padding: 0; line-height: normal; }

.portfolio-area .owl-nav{width: 80px;position: absolute; top: -100px; right:25px}
.portfolio-area .owl-prev{height: 40px;width: 30px; border-radius: 0 !important;box-shadow: -3px 0px 4px 3px #e9e9e9 !important; font-size: 14px !important; color: #656574 !important}
.portfolio-area .owl-next{height: 40px;width: 30px; border-radius: 0 !important;box-shadow: -3px 0px 4px 3px #e9e9e9!important; font-size: 14px !important; color: #656574 !important}
.portfolio-area .owl-dots{display: none;}
.portfolio-area .owl-prev:hover, .portfolio-area .owl-next:hover{color: #fff !important; background-color: #0249d0 !important}


/* Portfolio page start*/

.portfolio-page{padding: 70px 0; position: relative;}
.portfolio-page h1{font-size: 40px; font-weight: 900}
.portfolio-page .portfolio-page-container{max-width: 1600px; margin: auto; position: relative;}


.portfolio-menu {text-align: center;margin: 0 auto;}
.portfolio-menu ul li {display: inline-block;margin: 0 8px;list-style: none;padding: 10px 25px;cursor: pointer;transition: all .5 ease;box-shadow: -3px 0px 4px 3px #e9e9e9 !important; font-size:16px !important; color: #656574 !important;
border-radius: 8px;font-family: 'Merriweather', serif;font-weight: 900;color: #0c1f3f !important}
.portfolio-menu ul li:hover{color: #fff !important}
.portfolio-menu ul { padding:0;}
.portfolio-menu ul li:hover {background: #0249d0 !important;color: #fff;}
.portfolio-menu ul li.active {background:  #0249d0;color: #fff !important;}
.portfolio-tile { margin: 0;transition: .4s;}

.portfolio-tile .item {width: 33.3%;display: inline-block;margin-bottom: 10px;padding:  20px;transition: .4s;}
.portfolio-tile .item div.tile {background-position: center;background-size: cover;background-repeat: no-repeat;border-radius: 10px;box-shadow: 0px 10px 15px 3px #e2eef2; overflow: hidden; background-color: #fff}
.portfolio-tile .img-wrapper{background-size: cover; height: 345px;}
.portfolio-tile .portfolio-content{padding: 25px;}
.portfolio-tile .spinner-icon{background-color: #e5e5ea; float: left; border-radius: 50%;line-height: 26px;padding: 8px;}
.portfolio-tile .spinner-icon img{height: 26px !important; width: 28px !important; position: relative !important;}
.portfolio-tile .portfolio-title{padding-left: 60px;}
.portfolio-tile .portfolio-title h2{ font-size: 20px; margin: 0;padding: 0; line-height: normal; }
.portfolio-tile .item:hover{margin-top: -15px;transition: .4s;}


@media screen and (max-width: 1024px) {
  .portfolio-tile .item {
    width: 50%;
    padding:0 15px;
}
}
@media screen and (max-width: 640px) {
  .portfolio-tile .item {
    width: 100%;
}
}

.portfolio-page-container .loadMoreBtn{font-family: 'Merriweather', serif;font-weight: 500;font-size: 15px; color: #0c1f3f !important;box-shadow: 0px 0px 25px -3px rgba(0,0,0,0.1); background-color: #fff; text-align: center; border-radius: 15px;
padding:25px 35px;}
.portfolio-page-container .loadMoreBtn:hover{background-color: #034ad0; color: #fff !important}


.porfolio-detail-page{position: relative;}
.b2b-area{padding: 100px 0;position: relative;}
.b2b-area h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 15px;}
.b2b-area h1{font-weight: 900; font-size: 45px; color: #0d1f3f; line-height: 40px;padding-bottom: 15px;}
.b2b-area p{font-size: 15px;}
.b2b-area .item { border: solid 1px #90e6dc;padding:35px 25px; background-color: #fff; border-radius: 10px;background: rgb(255,255,255);background: linear-gradient(315deg, rgba(255,255,255,1) 0%, rgba(239,249,252,1) 70%);}
.b2b-area .item .icon{float: left;width: 53px;}
.b2b-area .item .content{padding-left: 65px;padding-top: 2px;}
.b2b-area .item h3{font-size: 18px;font-family: 'Roboto', sans-serif;margin-bottom: 0}
.b2b-area .item p{font-size: 15px; font-weight: 500; color: #727b85; margin-bottom: 0}

.business-problem-area{position: relative;padding-bottom: 120px;}
.business-problem-area h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 15px;}
.business-problem-area h1{font-weight: 900; font-size: 45px; color: #0d1f3f; line-height: 40px;padding-bottom: 15px;}

.project-challange-area{ background-image: url(../img/prj-challange.jpg); padding: 100px 0; background-size: cover;background-attachment: fixed; }
.project-challange-area h1{font-weight: 900; font-size: 45px; color: #fff; line-height: 40px;padding-bottom: 15px;}
.project-challange-area .item{position: relative;}
.project-challange-area .item .icon{ float: left; width: 36px;}
.project-challange-area .prj-conetnt{padding-left: 50px;}
.project-challange-area h3{color: #fff; padding-top: 5px;font-size: 23px; }
.project-challange-area p{color: #c5c3c5; font-size: 15px;}

.approach-area{padding: 135px 0; position: relative;}
.approach-area h1{font-weight: 900; font-size: 45px; color: #0d1f3f; line-height: 40px;padding-bottom: 15px;}
.approach-area .dotted-bar{border-left:dotted 2px #000b39; position: relative;}
.approach-area .dotted-bar:before{content: ""; position: absolute; top: 6px;; width: 258px; height: 1px; left: -129px; background-image: url(../img/appoch-hr.png);}
.approach-area .dotted-bar:after{content: ""; position: absolute; bottom: 0px;; width: 258px; height: 1px; left: -129px; background-image: url(../img/appoch-hr.png);}
.approach-area .top-dot{position: absolute; height: 14px; width: 14px; border-radius: 50%; background-color: #034ccf; top: 0; left: -8px;box-shadow: -16px 10px 42px 0px #636363;}
.approach-area .item {border-radius: 10px;box-shadow: 0px 4px 15px 3px #e2eef2;max-width: 380px; background-color: #fff; padding:30px 40px; position: relative;z-index: 9}
.approach-area h2{font-size: 22px; font-weight: 800;padding-bottom: 05px;}
.approach-area p{font-size: 15px;margin: 0}
.approach-area .value{width: 55px; height: 55px; background-color: #21d0b8; border-radius: 50%; border:solid 3px #fff; top: 50%; position: absolute; margin-top: -28px; text-align: center; font-size: 30px; font-weight: 700; color: #fff;line-height: 52px;}
.approach-area .value.left{left: 0; margin-left: -28px;}
.approach-area .value.right{right: 0; margin-right: -28px;}
.approach-area hr.left{position: absolute; top: 50%; width: 50%; right: 0; border-width: 2px; color: #000b39 !important; margin-top: -0px;opacity: 9; border-style: dotted; border-bottom: 0}
.approach-area hr.right{position: absolute; top: 50%; width: 50%; left: 0; border-width: 2px; color: #000b39 !important; margin-top: -0px;opacity: 9; border-style: dotted; border-bottom: 0;height: 10px; border-left: 0}
.approach-area .dot-right{ height: 14px; width: 14px; border-radius: 50%; background-color: #034ccf; top: 50%;position: absolute; left: 0%; margin-top: -8px; margin-left: -8px;}
.approach-area .dot-left{ height: 14px; width: 14px; border-radius: 50%; background-color: #034ccf; top: 50%;position: absolute; right: 0%; margin-top: -8px; margin-right: -8px;z-index: 9}

.key-features-area{background: rgb(240,248,254);background: linear-gradient(180deg, rgba(240,248,254,1) 29%, rgba(255,240,245,1) 100%);padding: 150px 0;}
.key-features-area h1{font-weight: 900; font-size: 45px; color: #0d1f3f; line-height: 40px;padding-bottom: 15px;}
.key-features-area .item{position: relative;}
.key-features-area .item .icon{ float: left; width: 36px;}
.key-features-area .prj-conetnt{padding-left: 50px;}
.key-features-area h3{padding-top: 5px;font-size: 23px; }
.key-features-area p{font-size: 15px;}


/* Blog page start*/

.blog-area{position: relative;}
.blog-list-wrapp{position: relative; border:solid 1px #bcdeed;box-shadow: 0px 0px 10px 0px #cde7f2;}
.blog-list-wrapp .blog-img{margin-bottom: 20px;}
.blog-list-wrapp .blog-content-wrapp{padding: 20px 20px 0 20px ;}
.blog-list-wrapp h2{font-size: 35px;letter-spacing: -1px; font-weight: 900}
.blog-list-wrapp h2 a{color: #0d1f3f}
.blog-list-wrapp h2 a:hover{color: #0147d0}
.blog-list-wrapp h3{font-size: 30px;letter-spacing: -1px; font-weight: 900}
.blog-list-wrapp h3 a{color: #0d1f3f}
.blog-list-wrapp h3 a:hover{color: #0147d0}

.blog-list-wrapp h4{font-size: 22px;font-weight: 500}

.blog-list-wrapp ul.blog-social-share{padding: 0; margin: 0; font-size: 26px;}
.blog-list-wrapp ul.blog-social-share li{display: inline-block; margin-right: 3px;}
.blog-list-wrapp ul.blog-social-share li a.fb{color: #1877f2}
.blog-list-wrapp ul.blog-social-share li a.twt{color: #1d9bf0}
.blog-list-wrapp ul.blog-social-share li a.pnt{color: #bd081c}
.blog-list-wrapp ul.blog-social-share li a.in{color: #007bb5}
.blog-list-wrapp ul.blog-social-share li a.wtsp{color: #12af0a}
.blog-list-wrapp ul.blog-social-share li a.email{color: #0166ff}
.blog-list-wrapp ul.blog-social-share li a.add{color: #0166ff}
.blog-list-wrapp .blog-author{font-size: 13px; color: #a4a4a4; padding-top: 10px;}
.blog-list-wrapp .blog-author a{font-weight: 600; color: #0147d0}

/* Form start*/

.blog-form{padding: 0; position: relative;}
.blog-form .form-control{font-size: 14px;font-weight: 500; background-color: #fbfcfd; border-color: #d6d6d6; min-height: 44px; box-shadow: none;}
.blog-form textarea{min-height: 150px !important; resize: none !important;}
.blog-comment-area{position: relative;}
.blog-comment-area .comment-item{ background-color: #f3f8fa;padding: 25px; border-radius: 7px; border:solid 1px #ebebeb;box-shadow: 5px 5px 12px -11px #ccc; }
.blog-comment-area h5{font-family: 'Roboto', sans-serif; font-size: 20px; color: #313140;margin-bottom: 0;padding-bottom: 0 }
.blog-comment-area ul.blog-meta{padding: 0;font-size: 13px; margin: 0}
.blog-comment-area ul.blog-meta li{display: inline-block; margin-right: 15px;}
.blog-comment-area ul.blog-meta a{color: #535362}
.blog-comment-area ul.blog-meta a i{color: #a4a4a4}
.blog-comment-area ul.blog-meta a:hover{text-decoration: underline!important;}
.blog-comment-area .item-push{margin-left: 50px;}



/* widget start*/

.widget { margin-bottom: 30px; border:solid 1px #bcdeed;box-shadow: 0px 0px 10px 0px #cde7f2;}
.widget h4.widget-title{font-size: 19px}

.widget .search-widget {padding: 25px;}
.widget .search-widget form { position: relative;}
.widget .search-widget input[type="text"] {margin-bottom: 0;padding-right: 100px; box-shadow: none; padding-left: 20px;height: 44px;width: 44px; background-color: #f5f5f5;font-weight: 500;font-size: 13px;border: 1px solid #d6d6d6;}
.widget .search-widget button{background-color: #0e7ec6; color: #fff; border-color: #0e7ec6;height: 44px;width: 44px;}

.widget .category-widget{}
.widget .category-widget h4.widget-title{padding: 25px;padding-bottom:8px}
.widget ul.category-list{position: relative;padding: 0; margin: 0}
.widget ul.category-list li{display: block; border-bottom: solid 1px #dfdfdf; font-size: 14px;position: relative;}
.widget ul.category-list li a{padding: 10px 25px; display: block; color: #444451; background-color: #f7fbfd}
.widget ul.category-list li a:after{content: "";font-family: 'FontAwesome';content: "\f105"; position: absolute; top: 9px; right: 25px}
.widget ul.category-list li a:hover{ background-color: #e8f4f9 }

.widget .featured-widget{}
.widget .featured-widget h4.widget-title{padding: 25px;padding-bottom:8px}
.widget .featured-widget ul.post-list{margin: 0;padding: 0;}
.widget .featured-widget ul li{ border-top: solid 1px #eaeaea;padding:15px 25px;}
.widget .featured-widget ul li:last-child{border-bottom: solid 1px #eaeaea; }
.widget .featured-widget .post-img{ float: left; width: 122px;}
.widget .featured-widget .post-content{padding-left: 135px;}
.widget .featured-widget h5{font-size: 14px;font-family: 'Roboto', sans-serif;padding-bottom: 4px;margin-bottom: 0;padding-top: 5px;}
.widget .featured-widget h5:hover{text-decoration: underline;}
.widget .featured-widget .post-content p{font-size: 13px;padding-bottom: 0; margin-bottom: 0}




/* Pagination start*/

.pagination-area {padding: 0; margin: 0}
.pagination-area li.page-item {font-size: 13px; font-weight: 500}
.pagination-area li:first-child .page-link{background-color: #e0e4e7}
.pagination-area li:last-child .page-link{background-color: #e0e4e7}
.pagination-area li a.page-link{color: #858585; font-size: 13px;}
.pagination-area li a.page-link:hover{background-color: #034ccf; color: #fff}




/* About Page start*/

.aboutpage-area{padding: 0 0;padding-top: 100px; position: relative;}
.about-entry-content{position: relative;min-height:700px}
.about-entry-content h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 15px;}
.about-entry-content h1{font-weight: 900; font-size: 35px; color: #0d1f3f; line-height: 40px;padding-bottom: 15px;}
.about-entry-content .push-right{padding-right: 27%;}
.about-entry-content .push-left{padding-left: 27%;}
.about-entry-content .content-img-r{position: absolute; top: 0; right: 0;  max-height: 700px}

.our-value-area{background-color: #f4fafb;padding: 100px 0; position: relative;}
.our-value-area h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 10px;}
.our-value-area h1{font-weight: 900; font-size: 45px; color: #0d1f3f; line-height: 40px;padding-bottom: 10px;}
.our-value-area .owlBox-l{width: 424px; height: 452px;background-image: url(../img/our-vision.png);background-repeat: no-repeat; }
.our-value-area .owlBox-c{width: 425px; height: 423px;background-image: url(../img/our-mission.png);background-repeat: no-repeat; }
.our-value-area .owlBox-r{width: 425px; height: 452px;background-image: url(../img/quility-policy.png);background-repeat: no-repeat; }
.our-value-area .owlBox-l .inner-padding{padding:70px 65px 70px 65px;}
.our-value-area .owlBox-c .inner-padding{padding: 70px 65px 70px 65px;;}
.our-value-area .owlBox-r .inner-padding{padding:70px 65px 70px 65px;}
.our-value-area h3{color: #fff; font-size: 27px; font-weight: 900;padding-bottom: 5px;}
.our-value-area p{color: #fff; font-size: 15px; line-height: 19px;}

.core-value-area{padding: 150px 0; position: relative;}
.core-value-area h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 10px;}
.core-value-area h1{font-weight: 900; font-size: 45px; color: #0d1f3f; line-height: 40px;padding-bottom: 10px; line-height: normal;}
.core-value-area img{width: 100%; max-width: 242px; margin: auto; margin-bottom: 20px;}
.core-value-area h3{font-size: 17px;}

.our-philosophy-area{background: rgb(224,245,254);background: linear-gradient(360deg, rgba(224,245,254,1) 29%, rgba(247,252,255,1) 100%);padding: 90px 0; background-image: url(../img/philosofybg.jpg); background-size: cover;}
.our-philosophy-area h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 10px;}
.our-philosophy-area h1{font-weight: 900; font-size: 45px; color: #0d1f3f; line-height: 40px;padding-bottom: 10px;}

/* Contact Page start*/

.contact-page-area{padding: 70px 0; position: relative;}
.contact-page-area h6{font-family: 'Roboto', sans-serif; font-size: 25px; color: #009ad5; line-height: normal;padding-bottom: 5px;}
.contact-page-area h1{font-weight: 900; font-size: 45px; color: #0d1f3f; line-height: 40px;padding-bottom: 5px;}
.contact-page-area h2{font-size: 35px;letter-spacing: -1px; font-weight: 900}
.contact-page-area form{margin: 0;padding: 0;}
.contact-page-area .form-control{height: 63px; font-size: 14px; font-weight: 600; border-color: #bfc9e1;padding-left: 22px;padding-right: 22px; color: #525571}
.contact-page-area .form-control::placeholder { color: #898b9c;}
.contact-page-area .form-control:focus {color: #898b9c;  background-color: #fff; border-color: #bfc9e1;outline: 0;box-shadow: 0px 0px 15px -4px #bfc9e1;}
.contact-page-area .textarea{height: 150px; resize: none;}

.contact-details{position: relative;}
.contact-details .icon{float: left; width: 25px; margin-right: 15px;}
.contact-details h4{font-size: 20px; color: #1496c2}
.contact-details ul{margin-left: 10px;}
.contact-details li{margin: 0;padding: 2px 0;}
.contact-details .push-left{padding-left: 40px;}

.our-location{padding:0; position: relative;}
.our-location .inner-col{max-width: 300px;padding-top: 10px;}
.our-location h4{ font-size: 25px; color: #000b39;margin-bottom: 20px; font-weight: 900}
.our-location h4 img{float: left; width: 45px;}
.our-location h4 span{padding-left: 55px;display: block;padding-top: 2px;}
.our-location ul{margin: 0;padding: 0}
.our-location ul img{float: left; width: 20px;}
.our-location p{display: block;padding-left: 30px; font-size: 15px;}
.our-location .vert-bar:before{content: ""; height: 100%;background: rgb(1,67,209);
background: linear-gradient(180deg, rgba(1,67,209,1) 0%, rgba(29,171,159,1) 61%);position: absolute; width: 2px; left: 0; top: 0}
.our-location .push-left{margin-left: 70px;}

.meet-now-widget{background: rgb(29,92,255);background: linear-gradient(90deg, rgba(29,92,255,1) 29%, rgba(87,247,254,1) 100%);padding:15px 20px; border-radius: 5px;max-width: 260px;}
.meet-now-widget .chat-icon{float: left; width: 50px;margin-top: 5px;}
.meet-now-widget .meet-content{padding-left:65px;}
.meet-now-widget h4{font-family: 'Roboto', sans-serif; font-size: 20px; color: #fff;padding: 0; margin: 0;padding-bottom: 5px}
.meet-now-widget p{margin: 0;padding: 0; font-size: 12px; font-weight: 500; color: #fff; line-height: normal;}



/* Footer start*/

.footer{position: relative; background-color: #0b0b19;padding: 48px 0;}
.footer .logo-col{width: 375px; float: left;}
.footer .location-col{width: 230px; float: left}
.footer .email-col{width: 270px; float: left}
.footer .call-col{width: 170px; float: left}
.footer .queries-col{width: 170px; float: left}
.footer .inner-spacer{padding-left: 32px; padding-top: 20px; position: relative;padding-bottom: 5px;}
.footer .inner-spacer:before{content: ""; height: 100%;background: rgb(1,67,209);
background: linear-gradient(180deg, rgba(1,67,209,1) 0%, rgba(29,171,159,1) 61%);position: absolute; width: 2px; left: 0; top: 0}


.footer h5{ color: #fff;font-family: 'Roboto', sans-serif; font-size: 18px; }
.footer p{color: #c3c3c4; margin: 0;padding: 0}
.footer hr{background-color: rgba(255,255,255,0.5); height: 1px; border:0; margin:50px 0; padding: 0}
.footer h6{ font-size: 16px; color: #fff ;font-family: 'Roboto', sans-serif; }
.footer ul.listmenu{padding: 0; margin: 0; font-size: 14px;}
.footer ul.listmenu li{display: block; padding: 0; margin: 0}
.footer a{color: #848487}
.footer a:hover{color: #fff}
.footer ul.social{padding: 0; margin: 0; text-align: right; font-size: 22px;}
.footer ul.social li{display: inline-block;margin: 0 4px;}
.footer ul.social li a{color: #85858c}
.footer ul.social li a:hover{color: #fff}
.footer .copyright{color: #fff}


/* Hide multi-language switcher (per request) */
.languageNav, .sl-nav { display: none !important; }

/* ===== Team page redesign — names & designations only (no photos) ===== */
.team-page-area .img-wrapper,
.team-page-area .inner-img,
.team-page-area .arrow-right-dir { display: none !important; }

.team-page-area .team-item.text-center {
  border: 1px solid #eef2f7;
  border-radius: 14px;
  padding: 30px 18px;
  background: #fff;
  box-shadow: 0 14px 30px -22px rgba(2,73,208,.4);
  transition: transform .2s ease, box-shadow .2s ease;
  height: 100%;
}
.team-page-area .team-item.text-center:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 42px -24px rgba(2,73,208,.45);
}
.team-page-area .team-item.text-center h4 { color: #0c1f3f; margin-bottom: 6px; }
.team-page-area .team-item.text-center p { color: #009ad5; font-weight: 600; font-size: 14px; margin: 0; }

/* Leadership feature block: drop the portrait, let the text run full width */
.leader-highlighter .less_right { display: none !important; }
.leader-highlighter .less_left { flex: 0 0 100%; max-width: 100%; }
/* About page — Our Products cards */
.kt-prod-card { display:block; height:100%; background:#fff; border:1px solid #eef2f7; border-radius:18px;
  padding:36px 34px; box-shadow:0 20px 44px -30px rgba(2,73,208,0.4); text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease; }
.kt-prod-card:hover { transform:translateY(-6px); box-shadow:0 26px 50px -28px rgba(2,73,208,0.45); }
.kt-prod-card .kt-prod-ico { width:56px; height:56px; border-radius:14px; background:#eef3fb;
  display:flex; align-items:center; justify-content:center; margin-bottom:20px; }
.kt-prod-card .kt-prod-ico i { color:#0249d0; font-size:24px; }
.kt-prod-card h3 { font-family:'Merriweather',serif; font-weight:900; font-size:24px; color:#0c1f3f; margin:0 0 10px; }
.kt-prod-card p { font-size:15px; line-height:1.7; color:#656574; margin:0 0 18px; }
.kt-prod-card .kt-prod-link { display:inline-flex; align-items:center; gap:8px; color:#0249d0; font-weight:700; font-size:15px; transition:gap .2s ease; }
.kt-prod-card:hover .kt-prod-link { gap:14px; }

/* Product hero — two-column (content + image), stacks on mobile */
@media (max-width: 900px) {
  .kt-hero-2col { grid-template-columns: 1fr !important; gap: 34px !important; text-align: center; }
  .kt-hero-2col .kt-hero-copy p { margin-left: auto; margin-right: auto; }
  .kt-hero-2col .kt-hero-copy > div[style*="display:flex"] { justify-content: center; }
  .kt-hero-2col .kt-hero-media { order: -1; }
}

/* Make <html> the single page scroll container: it clips horizontal overflow
   (moved up from body) and always shows the vertical scrollbar, so the
   centered header/content never shift be
/* Consistent desktop nav spacing on EVERY page (index.html was missing the
   inline .kt-nav-space override that all other pages carry). */
@media (min-width: 992px) {
  .navbar-nav li.nav-item { padding-left: 20px !important; padding-right: 20px !important; }
  .navbar-nav { margin-right: 28px; }
}

/* Agentic AI page — "models we build with" panel */
.kt-models { background:#fff; border:1px solid #eef2f7; border-radius:20px; padding:32px 30px;
  box-shadow:0 26px 54px -32px rgba(2,73,208,.45); }
.kt-models-title { font-size:13px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase;
  color:#009ad5; margin-bottom:20px; }
.kt-models-grid { display:flex; flex-wrap:wrap; gap:12px; }
.kt-model { display:inline-flex; align-items:center; gap:11px; background:#f6f9fc; border:1px solid #eef2f7;
  border-radius:999px; padding:7px 18px 7px 7px; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.kt-model:hover { transform:translateY(-3px); box-shadow:0 16px 28px -18px rgba(2,73,208,.5); border-color:#cfe0fb; }
.kt-model-badge { width:36px; height:36px; border-radius:50%; background:var(--c); color:#fff;
  display:inline-flex; align-items:center; justify-content:center; font-family:'Roboto',sans-serif;
  font-weight:800; font-size:16px; box-shadow:0 6px 14px -6px var(--c); }
.kt-model-name { font-size:15px; font-weight:600; color:#0c1f3f; }
.kt-models-note { font-size:13.5px; color:#656574; margin:20px 0 0; }
@media (max-width: 991px) { .kt-models { margin-top:30px; } }

/* Hide the "AI Development" item under Services (desktop dropdown + mobile menu) */
.dropdown-menu li:has(> a[href="ai-development.html"]),
.mobilemenu li:has(> a[href="ai-development.html"]) { display: none !important; }

/* Individual service pages — feature cards + process steps */
.kt-svc-card { background:#fff; border:1px solid #eef2f7; border-radius:16px; padding:30px 26px; height:100%;
  box-shadow:0 14px 30px -22px rgba(2,73,208,.4); transition:transform .2s ease, box-shadow .2s ease; }
.kt-svc-card:hover { transform:translateY(-6px); box-shadow:0 24px 44px -26px rgba(2,73,208,.45); }
.kt-svc-card i { color:#0249d0; font-size:26px; margin-bottom:14px; display:block; }
.kt-svc-card h3 { font-family:'Merriweather',serif; font-weight:900; font-size:19px; color:#0c1f3f; margin:0 0 10px; }
.kt-svc-card p { color:#656574; font-size:14.5px; line-height:1.7; margin:0; }
.kt-step { background:#fff; border:1px solid #eef2f7; border-radius:16px; padding:26px 22px; height:100%; }
.kt-step-n { display:inline-flex; width:38px; height:38px; border-radius:10px; background:#0249d0; color:#fff;
  font-weight:800; align-items:center; justify-content:center; margin-bottom:14px; }
.kt-step h3 { font-family:'Merriweather',serif; font-weight:900; font-size:17px; color:#0c1f3f; margin:0 0 8px; }
.kt-step p { color:#656574; font-size:13.5px; line-height:1.6; margin:0; }

/* Reduce desktop header height ~20% (smaller logo + tighter navbar padding) */
@media (min-width: 992px) {
  .topbar .navbar { padding-top: 5px !important; padding-bottom: 5px !important; }
  .topbar .navbar-brand img { max-width: 140px; }
  .topbar-inner { margin-top: 6px; }
}

/* ===== Sticky header on scroll ===== */
@media (min-width: 992px) {
  /* Full-width sticky header, content re-centered at 1444 (symmetric backdrop, no 100vw) */
  .topbar { position: sticky; top: 0; z-index: 1000; width: 100%;
    max-width: none !important; margin: 0 !important;
    background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.07); }
  .topbar .navbar .container-fluid { max-width: 1444px !important;
    margin-left: auto !important; margin-right: auto !important; }
  .topbar-inner { margin-top: 0 !important; }
}
.mobileMenubar { position: sticky; top: 0; z-index: 1000; background:#fff; box-shadow:0 2px 12px rgba(0,0,0,.07); }

/* ===== Floating help button (bottom-left) -> contact ===== */
.kt-help-fab { position: fixed; left: 22px; bottom: 22px; width: 54px; height: 54px; border-radius: 50%;
  background:#0249d0; color:#fff; display:flex; align-items:center; justify-content:center; font-size:22px;
  box-shadow:0 12px 26px -8px rgba(2,73,208,.6); z-index:9998; text-decoration:none; transition:transform .2s ease; }
.kt-help-fab:hover { transform:scale(1.08); color:#fff; }

/* Clip horizontal overflow globally (kills the homepage h-scrollbar from off-canvas
   hero graphics) — on <html> only, so the sticky header still works (body must not clip). */
html { overflow-x: hidden; }