.banner{display: block;width: 100%;overflow: hidden;position: relative;line-height: 0;}
.background-video {position: relative;left: 0;top: 0;width: 100%;height: 100vh;transform: translate(0, 0);object-fit: cover;}
section.video_section {width: 100%;float: left;clear: both;position: absolute;z-index: -1;max-height: 903px;overflow: hidden;top: 0;}
.big_title{color: #ffffff;font-size: 60px;text-transform: uppercase;text-align: center;line-height: 66px;display:block;margin-bottom: 20px;font-weight: bold;}
.big_title span{font-size: 50px;display: block;}
.webox{max-width: 835px;margin: 0 auto;text-align: center;}
.hmbo_wrap {display: flex;align-items: center;justify-content: center;}
.bannertext {position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;display: flex;background-image: linear-gradient(rgb(0 0 0 / 57%), rgb(0 0 0 / 20%));}
.webox .btn_theme:hover span img  {filter: invert(51%) sepia(100%) saturate(338%) hue-rotate(104deg) brightness(88%) contrast(89%);}
.slick-slider {-webkit-user-select: text;-khtml-user-select: text; -moz-user-select: text;-ms-user-select: text;user-select: text;} 
/* welcome */
.wel_right .title_xs{line-height: 30px;letter-spacing: normal;}
.wel_right{width: 660px;padding-left: 107px;}
.wel_img img{max-width: inherit;}
.wel_img{width: calc(100% - 660px);right: 292px;position: relative;}
.hm_welcome .flex-wrapper{align-items: flex-start;}
.wel_right .title_lg {letter-spacing: normal;line-height: 38px;font-size: 30px;}
.hm_welcome{position: relative;overflow: hidden;margin-top: 120px;}
.side_pattern{position: absolute;top:0;right:0;}
.hm_welcome .divider {margin-top: 120px;}
.dir_msg {background: rgb(33 171 116);padding: 20px 25px;margin: 30px 0 0;border-radius: 2px;color: #fff;text-align: center;}
.dir_msg p{line-height: 24px;}
.dir_name{margin-top: 15px;}

/* OUR SERVICES */
.hm_services{margin:100px 0 0;}
.hm_services .title_xlg {text-transform: uppercase;}
/* Featured Projects */
.featured_project{margin: 120px 0;}
.project_box  img{margin: 0 auto;}
.featured_wrapper{margin-top: 60px;}
.featured_js {padding-bottom: 80px;margin-bottom: 0;}
.featured_js li {padding: 0 35px;margin-bottom: 0;}
.project_box{position: relative;}
.project_box:before{content: "";position: absolute;top:0;width: 100%;height: 100%;background:rgb(68 82 95 / 70%); transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-o-transition: all 0.5s linear;-moz-transition: all 0.5s linear;}
.featured_js li.slick-slide.slick-current.slick-active.slick-center .project_box:before{opacity: 0;}
.featured_js .slick-arrow{z-index: 1;top: inherit;bottom: -52px;min-width: 185px;}
.featured_js .slick-prev{left: calc(50% - 35%);text-align: left;padding-left: 45px;}
.featured_js .slick-next{right:calc(50% - 35%);text-align: right;padding-right: 45px;}
.featured_js .slick-prev:before, .featured_js .slick-next:before{content: "";position: absolute;top:0;width: 19px;height: 11px; top: 0;bottom: 0;margin: auto;}
.featured_js .slick-prev:before{background: url(../images/svg/arrow-left.svg) no-repeat;left: 9px;}
.featured_js .slick-next:before{background: url(../images/svg/arrow-right.svg) no-repeat;right: 9px;}
.featured_js .slick-prev::after, .featured_js .slick-next:after{font-size: 12px;text-transform: uppercase;color: #44525F;font-weight: 500;letter-spacing: 1px;line-height: 100%;}
.featured_js .slick-prev::after{content: "Previous Project";}
.featured_js .slick-next:after{content: "Next Project";}
.featured_js .slick-arrow:hover:after{color: #00A14D;}
.featured_js .slick-arrow:hover:before{filter: invert(51%) sepia(100%) saturate(338%) hue-rotate(104deg) brightness(88%) contrast(89%);}

/* CLIENT */
.hm_client{background: #EEEEEE;overflow: hidden;;}
.name_div{margin-top: 20px;padding-top: 35px;position: relative;}
.name{font-size: 22px;font-weight: bold;color: #44525F;line-height: 100%;margin-bottom: 5px;}
.deg{font-size: 14px;line-height: 100%;}
.client_box p{font-size: 36px;line-height: 46px;font-weight: 500;font-style: italic;}
.client_left{width: 660px;padding: 116px 100px 120px 0;}
.client_right{position: sticky;top: 0;align-self: flex-start;width: calc(100% - 660px);}
.client_right .image_div img{max-width: inherit;}
.testimonial_js{margin-bottom: 65px;}
.name_div:before{content: "";position: absolute;top:0;width: 16px;height: 4px;border-radius: 4px;background: #21AB74;}
/* HOME CONTENT */
.hm_content{margin-top: 120px;}



/* Start Responsive */

@media (min-width: 1921px) {
	.slideingdiv > img{ width: 100%;}
}
@media screen and (max-width: 1700px){
	/* HOME TOP CONTENT */
	.side_pattern{right: -60px;}
}
@media screen and (max-width: 1366px){
	.background-video{height: 90vh;}
}
@media screen and (max-width: 1280px){
	.background-video{height: 80vh;}
	.big_title{font-size: 46px;line-height: 50px;}
	.big_title span {font-size: 42px;}
}
@media screen and (max-width: 1439px){
	/* HOME TOP CONTENT */
	.wel_right {width: 550px;padding-left: 82px;}
	.wel_img {width: calc(100% - 550px);right: 390px;}
	.side_pattern {right: -100px;}
	

	/* CLIENT */
	.hm_client{padding: 80px 0;}
	.client_left{width: 550px;padding: 0 50px 0 0;}
	.client_right{width: calc(100% - 550px);}
	.client_right .image_div img {max-width: 100%;}
	.client_box p {font-size: 28px;line-height: 38px;}
}
@media screen and (max-width: 1366px){
	.wel_right .title_lg{line-height: 42px;}
}
@media screen and (max-width: 1280px){
	.hm_welcome .flex-wrapper{align-items: flex-start;}
	.wel_img img {max-width: 100%;}
	.hm_welcome{overflow: visible;}
	.wel_img {width: calc(100% - 500px);right: 0;position: sticky;top:77px;align-self: flex-start;}
	.wel_right {width: 500px;padding-left: 30px;}
	.side_pattern{display: none;}

}
@media screen and (max-width: 1199px){
	/* Our SERVICES */
	.hm_services {margin: 40px 0 0;}
	.hm_welcome .divider {margin-top: 40px;}

	.wel_right .title_lg{line-height: 40px;}
	.hm_welcome{margin-top: 40px;}

	/* Featured Projects */
	.featured_js li {padding: 0 15px;}
	.featured_project {margin: 40px 0;}
	.featured_wrapper {margin-top: 30px;}
	.featured_js {padding-bottom: 40px;}
	.featured_js .slick-prev {left: 0;}
	.featured_js .slick-next {right: 0;}
	/* CONTENT */
	.hm_content {margin-top:40px;}

	/* CLIENT */
	.hm_client {padding: 40px 0;}
	.client_left {width: 450px;padding: 0 30px 0 0;}
	.client_right{width: calc(100% - 450px);}
	.testimonial_js {margin-bottom: 30px;}

	.webox{margin: 120px auto 0;}

	.banner .btn_theme{min-width: 150px;}
}
@media screen and (max-width: 991px){
	/* Banner */
	.bannertext{position: absolute;top: auto;bottom: 20px;height: auto;background: transparent; }
	.webox {margin: 0;}

	/* HOME TOP CONTENT */
	.wel_img {width:100%;right: 0;position: relative;top:0;}
	.wel_right {width: 100%;padding-left:0;margin-top: 30px;}
	.wel_right .title_xs {line-height: 24px;}

	/* Featured Projects */
	.featured_js li {padding: 0 8px;}
	.featured_project .title_lg {padding: 0 15px;}
	.featured_js .slick-prev::after, .featured_js .slick-next:after{content:none;}
	.featured_js .slick-arrow{bottom: -40px;min-width: auto;}

	/* CLIENT */
	.client_left {width:100%;padding: 0;text-align: center;}
	.client_right{width: 100%;margin-top: 40px;}
	.name_div {margin-top: 15px;padding-top: 20px;}
	.client_box p {font-size: 22px;line-height: 28px;}
	.name_div:before{left: 0;right: 0;margin: 0 auto;}
	.name {font-size: 18px;}

	/* BANNER */
	.background-video {height: 60vh;}
	.big_title {font-size: 36px;line-height: 38px;}
	.big_title span {font-size: 30px;}
}
@media screen and (max-width: 767px){
	.wel_right .title_lg {line-height: 28px;}
}
@media screen and (max-width: 575px){
	/* BANNER */
	.hmbo_wrap{align-items: flex-end;}
	.big_title {font-size: 24px;line-height: 30px;margin-bottom: 10px;}
	.big_title span {font-size: 20px;}
	.background-video {height: 60vh;}
}
@media screen and (max-width: 360px){
	/* BANNER */
	.big_title span {font-size: 18px;}
	.big_title {font-size: 22px;line-height: 26px;}

}


@media screen and (max-device-width: 991px) and (orientation: landscape) {
	.background-video {height: 100vh;}
  }