/* Home What Do We Do Section */

.what-wedo-section{background-color: #3374b4;padding: 190px 0 270px 0;color:#FFFFFF; text-align: center;overflow: hidden;}
.what-wedo-section .section-title{width:100%;max-width:640px;margin: 0 auto;position: relative;z-index: 1;}
.what-wedo-section .section-title h2{color:#FFFFFF;}
.what-wedo-section .btn-block{margin-top: 46px;}
.what-wedo-section .shape.bottom-right{bottom:-13px;right:25%;}
.what-wedo-section .shape.bottom-left-shape{max-width: 470px;width:100%; height: 100%; bottom:0;left:0px;background: url(../../../images/what-wedo-left-shape.png) no-repeat; background-size: auto 2000px; background-position: center center;}
.what-wedo-section .shape.bottom-left-shape img{ width:auto;height:100%; object-fit: cover; object-position: center;}
.what-wedo-img{max-width:571px;position: absolute;right: 0;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%); padding: 7px 0px 0px 7px;background: url(../../../images/what-wedo-img-bg.png); background-position: top left; background-size: 100%;}
.what-wedo-img img{width:100%;border-radius: 10px 0 0 0px;overflow: hidden;}
.what-wedo-section .section-title strong {
	color: #f1ae2e;
}

@media screen and (max-width: 1701px){
	.what-wedo-img{max-width:400px;}
}
@media screen and (max-width: 1601px){
	.what-wedo-img{max-width:400px;}
	.what-wedo-section .section-title{max-width:540px;}
	.what-wedo-section .shape.bottom-left-shape{max-width: 470px; bottom:0;left:0px;}
	.what-wedo-section .shape.bottom-left-shape{max-width: 464px;}
}

@media screen and (max-width: 1500px){
	.what-wedo-section{padding: 100px 0 170px 0;}
	.what-wedo-section .bottom-left{max-width: 600px;}
	.what-wedo-section .shape.bottom-left-shape {
		max-width: 300px;background-size: auto 1280px;
	}
}

@media screen and (max-width: 1366px){
	.what-wedo-section .section-title{max-width:446px;}
	.what-wedo-img{max-width:380px;}
	.what-wedo-section .shape.bottom-left-shape{max-width:270px;left: 0px;background-size: auto 1140px;}
	.what-wedo-section .bottom-left {
		max-width: 500px;
	}
}	

@media screen and (max-width: 1199px){
	.what-wedo-section .shape.bottom-left-shape {
		max-width: 146px;
		left: 0px;
		background-size: auto 649px;
	}
	.what-wedo-section .section-title{margin: 0 0 0 150px; text-align:left;}
	.what-wedo-section .btn-block {
		margin-top: 31px;
	}
	.what-wedo-section .section-title {
		max-width: 396px;
	}
	.what-wedo-section .bottom-left {
		max-width: 316px;
	}
}
@media screen and (max-width: 991px){
	.what-wedo-img{width:100%;position: relative;top: 0;transform: none;-webkit-transform: none;-moz-transform: none;max-width: 90%;float: right;}
	.what-wedo-section {
		padding: 76px 0 76px 0;
	}
	.what-wedo-section .section-title{max-width: 100%;float: left; margin: 0;text-align: center;padding: 46px 100px 0 100px;}
	.what-wedo-section .shape.bottom-left-shape{max-width: 96px;background-size: auto 410px;background-position: bottom center;}
}

@media screen and (max-width: 768px) {
	.what-wedo-img {
		padding: 7px;
		border-radius: 10px; 
		margin: 0 auto;
		float: none;
	}
	
	.what-wedo-img img {
		border-radius: 10px;
	}
}

@media screen and (max-width: 576px){
	.what-wedo-section .shape.bottom-left-shape{max-width: 66px;background-size: auto 280px;}
	.what-wedo-section .section-title{padding: 46px 46px 0 46px;}
	.what-wedo-section .bottom-left {
		max-width: 186px;
	}
}

@media screen and (max-width: 576px){
	.what-wedo-section .section-title{padding: 46px 0px 0 0px;}
}
@media screen and (max-width: 480px){
	.what-wedo-section .shape.bottom-left-shape {
		max-width: 38px;
		background-size: auto 150px;
	}
	.what-wedo-section .shape.bottom-left-shape {
		max-width: 46px;
		background-size: auto 210px;
	}
}





.orb-canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
}


.orb-canvas2{
	max-width: 100%;
	height: 100%;
	left: -100px;
	top: 0;
	bottom: 0;
	position: fixed;
	transform: rotate(180deg);
}

/* Not too many browser support this yet but it's good to add! */
@media (prefers-contrast: high) {
  .orb-canvas, .orb-canvas2{
    display: none;
  }
}