@charset "utf-8";

.welcome-section{

	position:relative;

	overflow:hidden;

	padding:0px 0px 60px;

}



.welcome-section .pattern-layer{

	position:absolute;

	right:0px;

	bottom:-100px;

	width:484px;

	height:664px;

}



.welcome-section .pattern-layer-two{

	position:absolute;

	left:7%;

	top:0px;

	width:70px;

	height:73px;

	background-repeat:no-repeat;

}



.welcome-section .image-column{

	position:relative;

	margin-bottom:30px;

}



.welcome-section .image-column .inner-column{

	position:relative;

}



.welcome-section .image-column .image{

	position:relative;

	width:570px;

	height:570px;

	z-index:1;

	overflow:hidden;

	border-radius:50%;

	border:5px solid #c6a705;
	margin-bottom:100px;

}
.welcome-section .image-column .image_new{

	position:relative;

	max-width:570px;

	z-index:1;

	overflow:hidden;

	border-radius:10px;

	border:1px solid #c6a705;
	margin-top:40px;

}


.welcome-section .image-column .color-layer{

	position:absolute;

	left:50%;

	bottom:-350px;

	width:560px;

	height:560px;

	border-radius:50%;

	transform:translateX(-50%);

	background: #c6a705;

	background: linear-gradient(to right, #c6a705 0%, #c6a705 100%);

}



.welcome-section .image-column .big-text{

	position:absolute;

	left:0px;

	right:0px;

	bottom:-70px;

	opacity:0.10;

	font-weight:700;

	text-align:center;

	letter-spacing:5px;

	font-size:98px;

	text-transform:uppercase;

	color:#fff;

}



.welcome-section .content-column{

	position:relative;

	margin-bottom:30px;

}



.welcome-section .content-column .sec-title-three{

	margin-bottom:20px;

}



.welcome-section .content-column .inner-column{

	position:relative;

}



.welcome-section .content-column .list{

	position:relative;

}



.welcome-section .content-column .list li{

	position:relative;

	font-weight:700;

	font-size:18px;

	padding-left:25px;

	margin-bottom:20px;

}



.welcome-section .content-column .list li:before{

	position:absolute;

	left:0px;

	top:-1px;

	content:"\f101";

	font-size:22px;

	font-family: 'FontAwesome';

}



.welcome-section .content-column .quality-box{

	position:relative;

	padding:20px 25px;

	margin-top:var(--margin-top-15);

	margin-bottom:35px;

	box-shadow:0px 0px 15px rgba(0,0,0,0.10);

	background-color:#fff;

}



.welcome-section .content-column .quality-box .quality-inner{

	position:relative;

	padding-left:75px;

}



.welcome-section .content-column .quality-box .icon{

	position:absolute;

	left:0px;

	top:18px;

	line-height:1em;

	font-size:60px;

	font-family: "Flaticon";

	color:#c6a705;

}



.welcome-section .content-column .quality-box h4{

	color:#c6a705;

	font-size:24px;

}



.welcome-section .content-column .quality-box .text{

	position:relative;

	line-height:28px;

	font-size:var(--font-16);

	margin-top:10px;

	color:#c6a705;

}



.welcome-section.style-two .image-column .image{

	border-color:#c6a705;

}
.welcome-section.style-two .image-column .image_new{

	border-color:#c6a705;

}


.welcome-section.style-two .content-column .quality-box .icon{

	color:#c6a705;

}



.welcome-section.style-two .image-column .color-layer{

	background: #4baebe;

      background: linear-gradient(to right, rgb(86 170 183) 0%, rgb(75 174 190) 100%);

}

}



.timeline {

  position: relative;

  width:100%;

  margin: 0 auto;

  margin-top: 20px;

  padding: 1em 0;

  list-style-type: none;

}



.timeline:before {

  position: absolute;

  left:2%;

  top: 0;

  content: ' ';

  display: block;

  width: 6px;

  height: 100%;

  margin-left: -3px;

  background: rgb(80,80,80);

  background: -moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));

  background: -webkit-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);

  background: -o-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);

  background: -ms-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);

  background: linear-gradient(to bottom, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);

  

  z-index: 5;

}



.timeline li {

  padding: 1em 0;

}



.timeline li:after {

  content: "";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}



.direction-l {

  position: relative;

  width: 300px;

  float: left;

  text-align: right;

}



.direction-r {

  position: relative;

  width: 90%;

/*  float: right;*/

margin-left: 45px;

}



.flag-wrapper {

  position: relative;

  display: inline-block;

  

  text-align: center;

}



.flag {

  position: relative;

  display: inline;

  background: rgb(248,248,248);

  padding: 6px 10px;

  border-radius: 5px;

  font-size:20px;

  font-weight: 600;

  text-align: left;

}



.direction-l .flag {

  -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);

  -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);

  box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);

}



.direction-r .flag {

  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);

  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);

  box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);

}



.direction-l .flag:before,

.direction-r .flag:before {

  position: absolute;

  top: 50%;

  right: -40px;

  content: ' ';

  display: block;

  width: 12px;

  height: 12px;

  margin-top: -10px;

  background: #fff;

  border-radius: 10px;

  border: 4px solid rgb(255,80,80);

  z-index: 10;

}



.direction-r .flag:before {

  left: -40px;

}



.direction-l .flag:after {

  content: "";

  position: absolute;

  left: 100%;

  top: 50%;

  height: 0;

  width: 0;

  margin-top: -8px;

  border: solid transparent;

  border-left-color: rgb(248,248,248);

  border-width: 8px;

  pointer-events: none;

}



.direction-r .flag:after {

  content: "";

  position: absolute;

  right: 100%;

  top: 50%;

  height: 0;

  width: 0;

  margin-top: -8px;

  border: solid transparent;

  border-right-color: rgb(248,248,248);

  border-width: 8px;

  pointer-events: none;

}



.time-wrapper {

  display: inline;

  

  line-height: 1em;

  font-size: 0.66666em;

  color: rgb(250,80,80);

  vertical-align: middle;

}



.direction-l .time-wrapper {

  float: left;

}



.direction-r .time-wrapper {

  float: right;

}



.time {

  display: inline-block;

  padding: 4px 6px;

  background: rgb(248,248,248);

}



.desc {

  margin: 1em 0.75em 0 0;

  

  font-size: 16px;

  font-style: italic;

  line-height: 1.5em;

}



.direction-r .desc {

  margin: 1em 0 0 0.75em;

}



.approach-section{

	position:relative;

	padding:80px 0px 40px;

}



.approach-section:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	height:368px;

	background-color:#f4f4f4;

}



.approach-block{

	position:relative;

	margin-bottom:30px;

}



.approach-block .inner-box{

	position:relative;

	border-radius:3px;

	padding:20px 20px 28px;

	background-color:#fff;

	box-shadow:0px 0px 15px rgba(0,0,0,0.10);

}



.approach-block .inner-box .image{

	position:relative;

}



.approach-block .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.approach-block .inner-box .lower-content{

	position:relative;

	padding-top:25px;

}



.approach-block .inner-box h4{

	position:relative;

	font-weight:700;

}



.approach-block .inner-box h4 a{

	position:relative;

	color:#020033;

}



.approach-block .inner-box .text{

	position:relative;

	line-height:1.7em;

	color:#666;

	margin-top:10px;

	margin-bottom:15px;

}



.approach-block .inner-box .explore{

	position:relative;

	font-weight:700;

	font-size:15px;

	color:#020033;

}



.approach-block .inner-box h4 a:hover,

.approach-block .inner-box .explore:hover{

	color:#c6a705;

}



.service-section-four{

	position:relative;

	padding:100px 0px 250px;

	background-color:#f4f4f4;

}



.service-section-four .sec-title-three .text{

/*	margin-top:var(--margin-top-45);*/

}



.service-block-four{

	position:relative;

	margin-bottom:30px;

}



.service-block-four .inner-box{

	position:relative;

	padding:30px 22px;

	border-radius:6px;

	overflow:hidden;

	background-color:#fff;

}



.service-block-four .inner-box .image-layer{

	position:absolute;

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	background-position:center bottom;

	background-repeat:no-repeat;

	transition: -webkit-transform 0.4s ease;

	transition: transform 0.4s ease;

	transition: transform 0.4s ease,-webkit-transform 0.4s ease;

	-webkit-transform: scale(0, 1);

	-ms-transform: scale(0, 1);

	transform: scale(0, 1);

	-webkit-transform-origin: left center;

	-ms-transform-origin: left center;

	transform-origin: left center;

}



.service-block-four .inner-box .image-layer:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	opacity:0.85;

	background-color:#56aab7;

}



.service-block-four .inner-box:hover .image-layer{

	-webkit-transform: scale(1, 1);

	-ms-transform: scale(1, 1);

	transform: scale(1, 1);

	-webkit-transform-origin: right center;

	-ms-transform-origin: right center;

	transform-origin: right center;

}



.service-block-four .inner-box .post-number{

	position:absolute;

	right:30px;

	top:35px;

	line-height:1em;

	font-weight:800;

	font-size:50px;



    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;	

	-webkit-text-stroke-width: 3px;

	-webkit-text-stroke-color: linear-gradient(to bottom, #83829b 0%, #ffffff 100%);

}



.service-block-four .inner-box:hover .post-number{

	color:#ffffff;

}



.service-block-four .inner-box:hover .icon-box{

	color:#fff;

	background: #323232;

	}



.service-block-four .inner-box .icon-box{

	position:relative;

	width:60px;

	height:60px;

	line-height:56px;

	text-align:center;

	border-radius:50px;

	display:inline-block;

	font-family: "Flaticon";

	font-size:34px;

	color:#000;

	background-color: #d9f7fc;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.service-block-four .inner-box:hover .icon-box{

	-webkit-transform: scale(-1) rotate(180deg);

    -moz-transform: scale(-1) rotate(180deg);

    -ms-transform: scale(-1) rotate(180deg);

    -o-transform: scale(-1) rotate(180deg);

    transform: scale(-1) rotate(180deg);

}



.service-block-four .inner-box h5{

	font-weight:800;

	margin-top:20px;

}



.service-block-four .inner-box h5 a{

	position:relative;

	color:#333;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.service-block-four .inner-box:hover h5 a,

.service-block-four .inner-box:hover .text{

	color: #fff;

}



.service-block-four .inner-box .text{

	position:relative;

	color:#666;

	font-size:16px;

	margin-top:15px;

	margin-bottom:20px;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.service-block-four .inner-box .arrow{

	position:relative;

	width:35px;

	height:35px;

	line-height:35px;

	text-align:center;

	border-radius:50px;

	display:inline-block;

	font-family: "Flaticon";

	font-size:18px;

	color: #000;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	background-color: rgba(243,0,48, 0.1);

}



.service-block-four .inner-box:hover .arrow{

	color: rgb(243,0,48);

	background-color: #fff;

}