* {
	padding: 0;
	margin: 0;
}
html, body {
	height: 100%;
	width: 100%;
}
body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:18px;
	color:#222;
	line-height: 1.5;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td, figure {
	border: 0;
	margin: 0;
	padding: 0;
	font-family:'Source Sans Pro', sans-serif;
	font-weight: normal;
}
img, fieldset, abbr, acronym {
	border: 0;
}
article, aside, figure, figcaption, hgroup, footer, header, nav, section, video, object {
	display: block;
}
audio, canvas, video {
	display: inline-block;
	display: inline;
	zoom: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 100%;
	font-weight: normal;
}
ul li, ol li {
	list-style: none;
}
img {
	border: none;
	display: block;
	max-width:100%;
}
a, a:link, a:focus {
	color: #000;
	text-decoration: none;
	outline: none;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
a:hover {
	color: #d24572;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
@font-face {
font-family: 'FontAwesome';
 src: url('../fonts/fontawesome-webfont.eot?v=4.6.1');
 src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
.fa-twitter:before {
	content: "\f099";
}
.fa-facebook:before {
	content: "\f09a";
}
.fa-youtube::before {
 content: "\f167";
}
.fa-instagram::before {
content: "\f16d";
}
.fa-angle-right:before {
	content: "\f105";
}
.fa-phone-square:before {
	content: "\f098";
}
.fa-linkedin:before {
	content: "\f0e1";
}
.fa-angle-double-right:before {
	content: "\f101";
}
.fa-angle-left:before {
	content: "\f104";
}
.fa-arrow-right:before {
	content: "\f061";
}
.fa-clock-o:before {
	content: "\f017";
}
.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.fa-phone:before {
	content: "\f095";
}
 @font-face {
font-family: "Flaticon";
src: url("../fonts/flaticon_flats.eot");
src: url("../fonts/flaticon_flats.eot?#iefix") format("embedded-opentype"),  url("../fonts/flaticon_flats.woff") format("woff"), url("../fonts/flaticon_flats.ttf") format("truetype"), url("../fonts/flaticon_flats.svg#Flaticon") format("svg");
 font-weight: normal;
font-style: normal;
}
.fa-slash-forward:before {
	content: "\2f";
}
.fa-calendar:before {
	content: "\f073";
}
.fa-home:before {
	content: "\f015";
}
.fa-map-marker:before {
	content: "\f041";
}
.fa-envelope-o:before {
	content: "\f003";
}
.fa-envelope:before {
	content: "\f0e0";
}
.fa-clock:before {
	content: "\f017";
}
.fa-chevron-down:before {
	content: "\f078";
}
.fa-instagram:before {
	content: "\f16d";
}
.fa-arrow-circle-right:before {
	content: "\f0a9";
}
.fa-calendar:before {
	content:"\f073"
}
.fa-linkedin:before {
	content: "\f0e1";
}
.dr-container {
	width:80%;
	margin:0 auto
}
.container-area {
	width:100%;
	max-width:1180px;
	margin:0 auto;
	position:relative
}
.container-area1 {
	width:100%;
	max-width:1260px;
	margin:0 auto;
	position:relative
}
.container-area3 {
	width:100%;
	max-width:980px;
	margin:0 auto;
	position:relative
}
.clear {
	clear:both
}
.logo-area {
	padding: 15px 0;
	float: left;
}
.nav-area {
	float:right;
}
.body-container .wide-slider .owl-carousel .owl-controls {
	position: absolute;
	display:none !important;
	top:42%;
	right:3%;
	width: 18px;
}
 .owl-item::before {
 content: "";
 position: absolute;
 background: rgba(0, 0, 0, .0);
 height: 100%;
 width: 100%;
}
.body-container .wide-slider.wide-slider-pagination .item .content {
	position: absolute;
	bottom: 110px;
	left: 10%;
}
.body-container .wide-slider.wide-slider-pagination .item .content.content-inline {
	display: inline-block;
	width: auto;
}
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */



.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
	float: left;
}
.owl-controls .owl-page,  .owl-controls .owl-buttons div {
	width:16px;
	height:16px;
	border:solid 2px #fff;
	display:inline-block;
	margin-left:1%;
	margin-bottom:10px;
	border-radius:100%;
	cursor: pointer;
}
.owl-controls .active {
	background:#ff834f;
}
.owl-controls .owl-page:hover {
	background:#ff834f;
}
.owl-pagination {
	width:100%;
	max-width:1180px;
	margin:0 auto;
	text-align: center
}
 @media (max-width: 768px) {
.owl-pagination {
text-align: center;
}
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */



.grabbing {
	cursor:url(grabbing.png) 8 8, move;
}
/* fix */



.owl-carousel .owl-wrapper,  .owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
.body-container .wide-slider .owl-carousel .item img {
	width: 100%;
	display: block;
}
.banner-area img {
	height: 650px;
	object-fit: cover;
	object-position: 50% 50%;
	display:flex;
}
.body-container .wide-slider .owl-carousel .item .content {
	position: absolute;
	width: 100%;
	top:28%;
	z-index: 99;
}
.body-container {
	overflow:hidden;
}
.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */



.owl-fade-out {
	z-index: 10;
 -webkit-animation: fadeOut .7s both ease;
 -moz-animation: fadeOut .7s both ease;
 animation: fadeOut .7s both ease;
}
.owl-fade-in {
 -webkit-animation: fadeIn .7s both ease;
 -moz-animation: fadeIn .7s both ease;
 animation: fadeIn .7s both ease;
}
/* backSlide */



.owl-backSlide-out {
	-webkit-animation: backSlideOut 1s both ease;
	-moz-animation: backSlideOut 1s both ease;
	animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
	-webkit-animation: backSlideIn 1s both ease;
	-moz-animation: backSlideIn 1s both ease;
	animation: backSlideIn 1s both ease;
}
/* goDown */



.owl-goDown-out {
 -webkit-animation: scaleToFade .7s ease both;
 -moz-animation: scaleToFade .7s ease both;
 animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
 -webkit-animation: goDown .6s ease both;
 -moz-animation: goDown .6s ease both;
 animation: goDown .6s ease both;
}
/* scaleUp */



.owl-fadeUp-in {
 -webkit-animation: scaleUpFrom .5s ease both;
 -moz-animation: scaleUpFrom .5s ease both;
 animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
 -webkit-animation: scaleUpTo .5s ease both;
 -moz-animation: scaleUpTo .5s ease both;
 animation: scaleUpTo .5s ease both;
}



/* Keyframes */



/*empty*/



@-webkit-keyframes empty {
 0% {
opacity: 1
}
}
 @-moz-keyframes empty {
 0% {
opacity: 1
}
}
 @keyframes empty {
 0% {
opacity: 1
}
}
 @-webkit-keyframes fadeIn {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
 @-moz-keyframes fadeIn {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
 @keyframes fadeIn {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
 @-webkit-keyframes fadeOut {
 0% {
opacity:1;
}
 100% {
opacity:0;
}
}
 @-moz-keyframes fadeOut {
 0% {
opacity:1;
}
 100% {
opacity:0;
}
}
 @keyframes fadeOut {
 0% {
opacity:1;
}
 100% {
opacity:0;
}
}
 @-webkit-keyframes backSlideOut {
 25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}
 @-moz-keyframes backSlideOut {
 25% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
 75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
}
 @keyframes backSlideOut {
 25% {
opacity: .5;
transform: translateZ(-500px);
}
 75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
}
 @-webkit-keyframes backSlideIn {
 0%, 25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
 100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
}
}
 @-moz-keyframes backSlideIn {
 0%, 25% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
 100% {
opacity: 1;
-moz-transform: translateZ(0) translateX(0);
}
}
 @keyframes backSlideIn {
 0%, 25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
transform: translateZ(-500px);
}
 100% {
opacity: 1;
transform: translateZ(0) translateX(0);
}
}
 @-webkit-keyframes scaleToFade {
 to {
opacity: 0;
-webkit-transform: scale(.8);
}
}
 @-moz-keyframes scaleToFade {
 to {
opacity: 0;
-moz-transform: scale(.8);
}
}
 @keyframes scaleToFade {
 to {
opacity: 0;
transform: scale(.8);
}
}
 @-webkit-keyframes goDown {
 from {
-webkit-transform: translateY(-100%);
}
}
 @-moz-keyframes goDown {
 from {
-moz-transform: translateY(-100%);
}
}
 @keyframes goDown {
 from {
transform: translateY(-100%);
}
}
 @-webkit-keyframes scaleUpFrom {
 from {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
 @-moz-keyframes scaleUpFrom {
 from {
opacity: 0;
-moz-transform: scale(1.5);
}
}
 @keyframes scaleUpFrom {
 from {
opacity: 0;
transform: scale(1.5);
}
}
 @-webkit-keyframes scaleUpTo {
 to {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
 @-moz-keyframes scaleUpTo {
 to {
opacity: 0;
-moz-transform: scale(1.5);
}
}
 @keyframes scaleUpTo {
 to {
opacity: 0;
transform: scale(1.5);
}
}
.bannertitle {
	color:#fff;
	font-size:55px;
	line-height:65px;
	font-weight:600;
	margin-bottom:10px;
}
.bannertitle span {
	color:#86c240;
	font-weight:600;
}
.slider-two_content {
	max-width:565px;
	width:100%;
	background: rgba(0, 0, 0, .3);
	padding:30px 40px
}
.footer-area {
	background:#0d487e;
	padding:40px 0 30px 0
}
.fcol-1 {
	float:left;
	width:20%
}
.fcol-2 {
	float:left;
	width:53%;
	margin-left:2%
}
.fcol-3 {
	float:right;
	width:25%;
	text-align:center
}
.fcol-2 ul li {
	display:inline-block;
	width:32%;
	vertical-align:top;
	margin-bottom:7px;
}
.fcol-2 ul li a {
	color:#fff;
	font-size:16px;
}
.fcol-2 ul li a:hover {
	color:#fff;
	text-decoration:underline
}
.fcol-3 h4 {
	color:#fff;
	text-align:center;
	font-size:20px;
	font-weight:600;
	margin-bottom:15px;
}
.fcol-3 ul li {
	display:inline-block;
	margin:0 15px
}
.fcol-3 ul li a {
	color:#fff;
	display:inline-block;
	font-size:30px;
}
.fcol-3 ul li a:hover {
	color:#86c240;
}
.footer-bottom {
	margin-top:30px;
	border-top: solid 1px #1561a6;
	padding-top:20px;
	text-align:center;
	color:#fff;
	font-size:16px;
}
.footer-bottom p a {
	color:#86c240;
	font-weight:600
}
.footer-bottom p a:hover {
	color:#fff;
}
.capabilities-area {
	display: flex;
	width: 100%;
}
.capabilitie1-area {
	width: 100%;
	background-color: #0d487e;
	overflow: hidden;
}
.capabilities-right {
	width: 50%;
	float: left;
}
.capabilities-left {
	width: 50%;
	float: right;
	height: auto;
}
.capabilities-left img {
	object-position: 100% 20%;
	width: 100%;
	height: 280px;
	object-fit: cover; /* ensures the image covers the area */
}
.capabilities-right {
	background-color: #0d487e; /* change to your desired background color */
}
.capabi-left, .capabi-right {
	width: 50%;
}
.capabi-right img {
	width: 100%;
	height: 300px;
	object-fit: cover; /* ensures the image covers the area */
}
.capabi-left {
	background-color: #49855f; /* change to your desired background color */
}
.capabilities-right-main p {
	color: #fff;
	font-size: 18px;
	line-height: 28px;
}
.capabilities-right-main p a {
	text-decoration:underline
}
.capabilities-right-main p a:hover {
	color:#fff
}
.capabilities-right-main {
	max-width:500px;
	padding:80px 0 20px 40px;
}
.capabi-left .capabilities-right-main {
	max-width:500px;
	padding:45px 40px 0px 40px;
	float:right;
}
.capabilities-right-main h2 {
	color:#fff;
	font-size:41px;
	font-weight:600;
	line-height:46px;
	padding-bottom:10px;
}
.capabilities-right-main ul li {
	font-size:18px;
	line-height:20px;
	color:#fff;
	background:url(../images/arrow.png) left 3px no-repeat;
	padding-left:20px;
	margin-bottom:8px;
	padding-bottom:14px;
	border-bottom: dashed 1px #4f87ba
}
.capabilities-right-main ul li:last-child {
	border-bottom:0
}
.trends-shaping-area {
	margin-bottom:1px;
	margin-top:1px;
}
.trends-shaping-box1 {
	background:linear-gradient(to right, #86c240, #0d487e);
	padding-top:5px;
}
.trends-shaping-box1 h2 {
	text-align:center;
	color:#fff;
	font-size:41px;
	font-weight:600;
	line-height:46px;
	padding-bottom:30px;
}
.trends-shaping-box2 {
	float:left;
	width:50%;
	margin-top:-50px;
}
.trends-shaping-box3 {
	float:right;
	width:50%;
	margin-top:-50px;
	background:#fff;
}
.trends-shaping-box3-main {
	padding:35px 40px 0 50px
}
.trends-shaping-box3-main li {
	font-size:18px;
	margin-bottom:8px;
	line-height:20px;
	background:url(../images/arrow1.png) left 3px no-repeat;
	padding-left:20px;
	border-bottom: dashed 1px #ccc;
	padding-bottom:14px;
}
.trends-shaping-box3-main li:last-child {
	border-bottom:0
}
.glance-area {
	padding:60px 0 10px 0;
}
.glance-area h2 {
	text-align:center;
	font-size:41px;
	font-weight:600;
	line-height:46px;
	padding-bottom:10px;
}
.text-center {
	text-align:center
}
.glance-box {
	float:left;
	width:47%;
	margin:0 1.5%
}
.cwhite {
	color:#fff
}
.glance-box-main {
	padding:35px 25px 10px 25px;
	border-radius:40px;
	min-height:652px;
}
.bg1 {
	background:#86c240;
	color:#fff
}
.bg2 {
	background:#0d487e;
	color:#fff
}
.glance-box-main h3 {
	font-weight:600;
	font-size:30px;
	line-height:36px;
	padding-bottom:15px;
}
.glance-box-main li {
	font-size:22px;
	line-height:28px;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:dashed 1px #fff;
	background:url(../images/arrow2.png) left 7px no-repeat;
	padding-left:20px;
}
.glance-box-main li:last-child {
	border-bottom:0
}
.pb90 {
	padding-bottom:90px;
}
.team-area {
	margin-bottom:40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.container-area2 {
	max-width:1180px;
	width: 100%;
	margin: 0 auto;
}
.center-text-team h2 {
	text-align: center;
	font-size:41px;
	font-weight:600;
	padding: 50px 0 30px 0;
}
.team-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
}
.team-member {
	border-radius: 10px;
	overflow: hidden;
	flex: 1 1 calc(20% - 20px);
	min-width: 200px;
	position: relative;
	transition: transform 0.3s ease;
	text-align: center;
}
.img-box {
	position: relative;
	text-align: center;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}
.img-box img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	transition: border-radius 2.5s ease;
	transition: transform 0.3s ease-in-out;
	display: block;
}
.img-box img:hover {
	transform: scale(1.1);
}
.img-box h2 {
	font-weight:600;
	color:#0d487e;
	font-size: 22px;
	margin-top: 15px;
}
.img-box h4 {
	text-align: center;
	font-weight:600;
	font-size: 16px;
	color: #222;
	margin:0px 0 10px 0;
}
.team-member:hover .img-box img {
	border-radius: 10px;
}
.hover-desc {
	position: absolute;
	bottom: -100%;
	left: 0;
	width: 100%;
	background: #fff;
	color: #000;
	padding: 15px;
	text-align: left;
	transition: bottom 1s ease;
	/* height: 70%; */



  overflow-y: auto;
	box-sizing: border-box;
	border-top: 1px solid #ddd;
	text-align: center;
}
.team-member:hover .hover-desc {
	bottom: 0;
}
.hover-desc p {
	font-size: 16px;
	line-height: 1.4;
}
.jonral-area {
	overflow: hidden;
	padding:10px 0px 50px 0;
}
.joranl-left {
	text-align:center;
	width:100%;
	padding-top:10px;
	float: left;
}
.joranl-right {
	text-align:center;
	width: 100%;
	float: right;
}
.jonral-btn a {
	border-radius:30px;
	display: inline-block;
	padding: 14px 30px;
	color: #fff;
	background-color: #86c240;
	text-decoration: none;
}
.jonral-btn a:hover {
	background-color: #0d487e
}
.joranl-left h2 {
	font-weight: 600;
	line-height: 46px;
	font-size: 41px;
	margin-bottom: 35px;
}
.joranl-left p {
	margin-bottom: 30px;
}
.joranl-right img {
	border-radius: 6px;
	margin-bottom: 12px;
	margin-top:5px;
	margin-left: 15px;
	display: inline;
	background-color: #fff;
	padding: 10px 15px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.jonral-box p {
	font-size: 18px;
	text-align: justify;
}
.jonral-box a {
	display: inline-block;
	margin-top: 10px;
	padding: 8px 15px;
	background: #007BFF;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	transition: background 0.3s;
}
.capabi-left .jonral-btn a {
	border-radius:30px;
	display: inline-block;
	padding: 14px 30px;
	color: #fff;
	margin-top: 40px;
	background-color: #0d487e;
	text-decoration: none;
}
.capabi-left .jonral-btn a:hover {
	background-color: #000;
}
/*  */



.services-section-area {
	padding: 60px 10px;
	overflow: hidden;
	background:#e9f2f9;
}
.service1-left {
	width: 48%;
	float: left;
}
.service1-left img {
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 10px;
}
.service1-right {
	width: 48%;
	float: right;
}
.services-section-area h2 {
	font-size:41px;
	font-weight:600;
	margin-bottom: 10px;
	line-height: 50px
}
.service1-right p {
	font-size: 20px;
	line-height: 28px;
}
.service1-right .jonral-btn {
	padding-top: 30px
}
/*  */



			  .case-study-section {
	background:#eff3ea;
	padding: 50px 0 60px 0;
	text-align: center;
}
.case-study-section h2 {
	font-size:41px;
	font-weight:600;
	margin-bottom: 30px;
}
.case-studies {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.case-card {
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	flex: 1 1 calc(25% - 20px);
	min-width: 200px;
	padding: 30px 20px;
	text-align:center;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
/* .case-card:hover {



      transform: translateY(-8px);



      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);



    } */







    .case-card img {
	margin:0 auto;
	padding-bottom:15px;
	height: auto;
}
.case-card p {
}
.case-btn {
	margin: 20px 20px 0;
}
.case-btn a {
	display: inline-block;
	padding: 15px 30px;
	color: #fff;
	background-color: #007BFF;
	text-decoration: none;
}
.case-btn a:hover {
	background-color: #10283f
}
.service-area h3 {
	text-align: center;
	font-size: 30px;
	font-weight: 600;
}
/* @media screen and (max-width: 1600px) {.joranl-right{ height:235vh}.jonral-area{ min-height:235vh}} */



			 .tsbtxt {
	font-size:24px;
	color:#fff;
	font-weight:600;
	background:linear-gradient(to right, #0d487e, #86c240);
	padding:12px 0;
}
.top-bar {
	height:4px;
	background:linear-gradient(to right, #86c240, #0d487e);
	width:100%
}
.email-area {
	float:right;
	margin-top:20px;
	margin-bottom:10px;
}
.email-area a {
	color:#0d487e
}
.email-area a:hover {
	color:#86c240
}
.email-area img {
	display:inline-block;
	vertical-align:middle;
	margin-right:2px;
}
.lightbg1 {
	background:#ecf5fd
}
.lightbg2 {
	background:#f3fde8
}
.boxshadow {
	box-shadow:0 10px 15px rgb(0 0 0 / 10%)
}
/* @media screen and (max-width: 1400px) {.joranl-right{ height:270vh}.jonral-area{ min-height:270vh}}



       @media screen and (max-width: 1200px) {.joranl-right{ height:370vh}.jonral-area{ min-height:370vh}}



       @media screen and (max-width: 1024px) {.joranl-right{ height:470vh}.jonral-area{ min-height:470vh}} */





       .banner-area {
	background:#e8eae9;
}
.banner-image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 400px;
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.body-container {
	overflow: hidden;
}
/* .page-header {

  width: 100%;

} */



.page-name {
	text-align: left;
	background: rgba(0, 0, 0, .1);
	display: inline-block;
	padding: 
 12px  30px;
	border-radius: 
 8px
}
.page-header h1 {
	font-size: 55px;
	color: #fff;
	margin: 0;
	font-weight: bold;
	line-height: 60px;
}
.page-path {
	margin-top: 12px;
	font-size: 18px;
	margin-bottom: 12px;
}
.page-path a {
	color: #555;
	text-decoration: none;
}
.page-path a:hover {
	color: #86c240;
	text-decoration: none;
}
.page-path a.active {
	color: #86c240;
}
.act {
	color: #86c240;
}
.page-path i {
	margin: 0 8px;
	color: #aaa;
}
.who-are-area {
	padding: 40px 0px 20px 0 ;
}
.who-are-area h3 {
	font-size: 32px;
	color: #333;
	margin-bottom: 20px;
	font-weight: 600;
	line-height: 25px;
}
.who-are-area p {
	font-size: 18px;
	line-height: 1.8;
	margin-bottom: 40px;
}
.who-center-text {
	text-align: center;
}
.who-center-text h2 {
	font-size: 41px;
	color: #333;
	margin-bottom: 10px;
	font-weight: 800;
}
.who-are-area .list01 li {
	font-size: 18px;
	line-height: 28px;
	background: url(../images/arrow1.png) left 8px no-repeat;
	padding-left: 20px;
	padding-bottom: 10px;
}
.case-card  .list01 li {
	font-size: 18px;
	line-height: 28px;
	background: url(../images/arrow1.png) left 8px no-repeat;
	padding-left: 20px;
	padding-bottom: 15px;
	border-bottom: dashed 1px #ccc;
	margin-bottom: 15px;
}
.case-card  .list01 li:last-child {
	border-bottom: none;
}
.service-area {
	padding: 50px 20px;
}
.service-area p {
	font-size: 18px;
	margin-bottom: 10px;
	line-height: 28px;
	justify-content: center;
	text-align: center;
}
.service-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px;
	margin-top: 30px;
}
.service-cart {
	background: #fff;
	border-radius: 12px;
	padding: 25px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	transition: transform 0.3s ease;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex: 1 1 calc(20% - 20px);
	transition: transform 0.3s ease;
	min-height: 200px;
}
.service-cart:hover {
	transform: translateY(-5px);
}
.service-cart img {
	max-width: 80px;
	height: auto;
	margin-bottom: 15px;
}
.service-cart h3 {
	font-size: 25px;
	margin: 0;
	line-height: 30px;
	font-weight: 600;
}
.bg-blue {
	background-color: #0d487e;
}
.bg-blue:hover {
	background: #86c240;
}
.bg-green {
	background: #86c240;
}
.bg-green:hover {
	background-color: #0d487e;
}
.core-team-area {
	padding: 60px 20px;
}
.team1-box {
	display: flex;
	gap: 30px;
	margin-bottom: 30px;
}
.team1 {
	background: #fff;
	padding: 30px;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
	width: 50%;
}
.who-are-box {
	background: #eff3ea;
	padding: 30px;
	border-radius: 12px;

	overflow: hidden;
}
.who-are-box:hover {	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);}
.last-team {
	width: 43.5%;
}
.left-team {
	width: 38%;
	float: left
}
.left-team img {
	width: 100%;
	object-fit: cover;
}
.right-team {
	width: 58%;
	float: right;
}
.right-team h2 {
	font-size: 26px;
	margin-bottom: 12px;
	font-weight: 600;
	line-height: 20px;
}
.right-team h3 {
	font-size: 18px;
	margin-bottom: 15px;
	line-height: 1.4;
}
.right-team .list01 li {
	padding-bottom: 5px;
	font-size: 18px;
	line-height: 25px;
	background: url(../images/arrow1.png) left 5px no-repeat;
	padding-left: 20px;
}
.delivered-projects {
	padding: 50px 20px;
	background-color: #fff;
	text-align: center;
}
.imge-left {
	width: 48%;
	float: left;
}
.imge-left img, .text-rigght img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
.text-rigght {
	width: 48%;
	float: right;
}
.delivered-projects h2 {
	font-size: 41px;
	margin-bottom: 40px;
	color: #000;
	line-height: 50px;
	font-weight: 800;
}
.project-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
}
.project-card {
	background: #fff;
	border-radius: 12px;
	padding: 25px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	transition: transform 0.3s ease;
	width: 27%;
	min-width: 200px;
}
.project-card:hover {
	transform: translateY(-5px);
}
.project-card img {
	object-fit: contain;
	margin: 0 auto 15px;
	display: block;
}
.project-card h3 {
	font-size: 25px;
	color: #222;
	line-height: 30px;
	font-weight: 600;
	margin-bottom: 10px;
}
.project-card p {
	font-size: 18px;
	line-height: 1.6;
}
.case-studies-area {
	padding: 50px 20px;
}
.contact-section {
	padding: 30px 20px 50px;
	background: #fff;
}
.contact-section h2 {
	padding-bottom:30px; padding-top:10px;
	text-align: center; line-height:50px;
	font-size: 45px;
	font-weight: 800;
}

.contact-section p {
 padding-bottom:40px;
	font-size: 18px;
	color: #000;
}
.contact-content p {
	padding-bottom:15px;
	font-size: 18px;
	padding-top: 0;
}
.contact-section p a {
	text-align: center; font-weight:600;
	padding-bottom: 20px;
	font-size: 24px;
	color: #0d487e;
}
.contact-section p a:hover {
	color: #86c240;
}
.contact-content { float:right; width:48%;

	background: #e9f2f9;
	border-radius: 12px;
}

.contact-form form .form-group {
	margin-bottom:10px;
}
.contact-form input,  .contact-form textarea {
	width:calc(100% - 22px);
	padding: 11px;
	border: 1px solid #ccc;
	border-radius: 8px;
	font-size: 16px;
	transition: border-color 0.3s;
}
.contact-form input:focus,  .contact-form textarea:focus {
	border-color: #86c240;
	outline: none;
}
.contact-form button {
	border-radius: 30px;
	display: inline-block;
	padding: 14px 30px;
	color: #fff;
	background-color: #000;
	text-decoration: none;
	border: none;
	font-size: 18px;
	cursor: pointer;
	transition: background-color 0.3s;
	display: block;
	margin: 0 auto;
}
.contact-form button:hover {
	background-color: #0d487e;
}
.case-study-box {
	display: flex;
	border-top: 1px solid #ccc;
}
.case-study-box .case-card {
	flex: 1;
	padding: 20px;
	border-right: 1px solid #ccc;
	text-align: left;
	box-shadow: none;
	border-radius: 0;
}
/* Remove right border on the last card */

.case-card:last-child {
	border-right: none;
}
.case-studies-area h2 {
	font-size: 41px;
	line-height: 50px;
	font-weight: 800;
	padding: 0px 20px 20px;
	text-align: center
}
.case-studies-area p {
	text-align: center;
	font-size: 18px;
	padding-bottom:20px;
}
.table-responsive {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch; /* smooth scroll for mobile */
}
.engagement-table {
	border-collapse: collapse;
	margin-top: 20px;
	font-family: Arial, sans-serif;
	font-size: 18px;
	color: #333;
}
.engagement-table th, .engagement-table td {
	border: 1px solid #ccc;
	padding:  10px 20px;
	text-align: left;
	vertical-align: top;
	font-weight: 600;
}
.engagement-table th {
	background-color: #0d487e;
	font-weight: bold;
	font-size: 25px;
	color: #fff;
}
.engagement-table .list01 li {
	font-size: 18px;
	line-height: 28px;
	background: url(../images/arrow1.png) left 8px no-repeat;
	padding-left: 20px;
	padding-bottom: 5px;
}
 .engagement-table tr:nth-child(even) {
 background-color: #f9f9f9;
}
@media (max-width: 1600px) {
.banner-area img {
 height: 600px;
 object-fit: cover;
 object-position: 100% 50%;
 display:flex;
}
}
 @media (max-width: 1024px) {
 .contact-section p a {
 font-size: 18px;
}
 .capabilities-right-main {
 padding: 80px 0 20px 0px;
}
 .team-member {
 flex: 1 1 calc(20% - 20px);
 min-width: 160px;
}
 .email-area a {
 color: #0d487e;
 padding-right: 5px;
}
 .logo-area {
 padding: 15px 10px;
}
 .right-team h2 {
 font-size: 24px;
}
 .project-card {
 width: 25%;
}
 .who-are-box {
 padding: 40px 30px 30px;
}
}
 @media (max-width: 992px) {
 .team-member {
 flex: 1 1 calc(50% - 20px);
}
}
 @media screen and (max-width: 768px) {
 .bannertitle {
font-size: 35px;
line-height: 45px;
}
 .banner-area img {
 height: 200px;
}
 .case-card {
 width: calc(50% - 20px);
}

 .logo-area {
 padding: 15px 12px 0;
 float: left;
}
 .logo-area img {
 width: 135px;
 padding-bottom: 8px;
}
 .email-area {
 margin-top: 0px;
 margin-bottom:0px;
 padding: 10px;
}
 .nav-area {
 float:none;
}
 .slider-two_content {

 padding:12px;
}
 .trends-shaping-box2, .trends-shaping-box3 {
 float: none;
 width: 95%;
 margin-top: 0px;
 padding: 10px;
}
 .trends-shaping-box3-main {
 padding: 20px;
}
 .capabilities-left, .capabilities-right {
 width:100%;
}
 .capabilities-area {
 display: block;
}
 .capabilities-right-main {
 padding: 30px;
}
 .glance-box {
 float: none;
 width: 98%;
 margin: 2% 0%;
}
 .joranl-left {
 width: 96%;
}
 .glance-area {
 padding: 60px 10px 10px;
}
 .joranl-right {
 width: 100%;
 float: none;
}
 .jonral-area {
 min-height: auto;
}
 .fcol-1, .fcol-2, .fcol-3 {
 float: none;
 width: 88%;
 padding: 10px 20px;
 margin: 0 auto 0px auto;
 display: block;
}
 .fcol-2 ul li {
 display: inline-block;
 width: 82%;
 vertical-align: top;
 margin-bottom: 7px;
}
 .jonral-box {
 padding: 30px 20px 30px 20px;
}
 .trends-shaping-box1 {
 padding-top: 5px;
}
 .trends-shaping-box1 h2 {
 font-size: 35px;
 line-height: 40px;
 padding: 0px 10px 20px;
}
 .tsbtxt {
 padding: 10px;
}
 .team-box {
 padding: 20px;
}
 .capabilities-right-main h2 {
 font-size: 35px;
 line-height: 45px;
}
 .glance-area h2 {
 font-size: 35px;
 line-height: 45px;
}
 .center-text-team h2 {
 font-size: 35px;
 padding: 35px 0 5px 0;
}
 .joranl-left h2 {
 padding-top: 20px;
 line-height: 45px;
 font-size: 35px;
}
 .case-study-section h2 {
 font-size: 35px;
 font-weight: 600;
 margin-bottom: 30px;
 padding-top: 20px;
}
 .case-study-section {
 background: #eff3ea;
 padding: 50px 15px 60px 15px;
 text-align: center;
}
 .pt-service-box-media:before {
 left: 2%;
 top: 0;
 width: 95%;
}
 .fcol-2 {
 margin-left: 0%;
 text-align: center;
}
 .fcol-1 {
 text-align: center;
}
 .fcol-1 img {
 display: inline-block;
 max-width: 100%;
 height: auto;
}
 .footer-bottom {
 margin-top: 10px;
}
 .capabi-left, .capabi-right {
 width: 100%;
}
 .capabi-left .capabilities-right-main {
 max-width: 500px;
 padding: 30px 20px 30px;
 float: none;
}
 .service1-left, .service1-right {
 width: 95%;
 float: none;
 padding: 10px;
}
 .service1-right {
 padding-top: 20px;
}
 .case-study-box {
 flex-direction: column;
}
 .case-study-box .case-card {
 border-right: none;
 border-left: none;
 border-bottom: 1px solid #ccc;
 width: 95%;
 padding: 10px;
}
 .case-card:last-child {
 border-bottom: none;
}
 .project-card {
 width: 100%;
}
 .contact-content {
 flex-direction: column;
 gap: 0;
}
 .contact-form input,  .contact-form textarea {
 width: 95%;
}

 h2 {
 font-size: 32px !important;
 line-height: 42px !important;
}
 .contact-info h3 {
 font-size: 30px;
 line-height: 35px;
}
 .who-are-area h3 {
 font-size: 30px;
 line-height: 35px;
}
 .right-team h2 {
 font-size: 26px !important;
 margin-bottom: 10px;
 color: #2c3e50;
 padding: 10px 0px 0;
}
 .page-name {
 text-align: left;
 background: rgba(0, 0, 0, .0);
 display: inline-block;
 padding: 0px;
 border-radius: 8px;
}
 .responshivegreen {
 background: #86c240 !important
}
 .responsveblue {
 background-color: #0d487e !important
}
 .text-rigght, .imge-left {
 width: 95%;
 float: none;
 padding: 10px;
}
 .who-are-box {
 background: #d4cfcf27;
 padding: 15px;
}
 .page-header h1 {
 font-size: 35px;
 color: #fff;
 margin: 0;
 font-weight: bold;
 line-height: 45px;
}
 .page-path {
 padding: 0px 20px;
}
 .banner-image {
 height: auto;
 padding: 60px 10px;
}
 .body-container h2 {
 color: #fff;
 line-height: 50px;
}
 .service-cart {
 flex: 1 1 calc(100% - 20px);
}
 .team1-box {
 display: block;
}
 .team1 {
 flex-direction: column;
 overflow: hidden;
 width: 90%;
 padding: 15px;
 margin: 20px 0px;
}
 .right-team h2 {
 font-size: 28px;
 margin-bottom: 10px;
 color: #2c3e50;
 padding: 10px 0px 0;
}
 .left-team,  .right-team {
 width: 100%;
}
 .img-box img {
 width: 80%;
 border-radius: 20px;
 padding: 0 35px;
}
}
 @media (max-width: 600px) {
 .team-member {
 flex: 1 1 100%;
}
}
 @media (max-width: 480px) {
 .case-card {
 width: 100%;
 
}
}
 @media screen and (max-width: 350px) {
.email-area {
padding: 5px;
}
}
 @media screen and (max-width: 415px) {
.logo-area img {
padding-bottom: 0;
}
}

.homepage-who-we-area{ padding-top:50px;}
.homepage-who-we-area h2{ font-weight: 600; text-align:center;  line-height: 46px; font-size: 41px;  margin-bottom:20px;}
.homepage-who-we-area h3{ font-size:29px; margin-bottom:8px; font-weight: 600; line-height: 32px; color:#0d487e}
.th-area-ex{ padding-bottom:60px;}
.th-area-ex h2{ font-weight: 600; text-align:center;  line-height: 46px; font-size: 41px;  margin-bottom:20px;}
.list-style li { float:left; width:30%;
	font-size: 18px;
	line-height: 28px;
	background: url(../images/arrow1.png) left 8px no-repeat;
	padding-left: 20px;
	padding-bottom: 10px;
}
.heading2{font-weight: 600; text-align:center;  line-height: 46px; font-size: 41px;  margin-bottom:20px;}
.contact-left{ float:left; width:48%; background:#eff3ea;  border-radius:12px;}
.contact-left-main{ padding:30px; min-height:362px; text-align:center} .contact-left-main h3{ color:#000; font-weight:bold; font-size:31px; line-height:35px;}
.form-left{ float:left; width:48%} .form-right{ float:right; width:48%}
 @media screen and (max-width: 900px) {.container-area3{ width:96%}}
   @media screen and (max-width: 767px) {.contact-left{ width:100%;} .contact-left-main{ min-height:inherit}.contact-content{ width:100%; margin-top:20px;}}
  @media screen and (max-width: 479px) {.list-style li{ width:92%}.form-left{ width:100%} .form-right{ width:100%; margin-top:10px;} .slider-two_content{ max-width:205px;}.bannertitle{ font-size:24px; line-height:28px;}.body-container .wide-slider .owl-carousel .item .content{ top:12%}}