@import url('https://fonts.googleapis.com/css2?family=Koulen&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@200;300;400;500;600;700&display=swap');



body{
	background-color: #F5F7FB;
	font-family: 'Readex Pro', sans-serif;
}

ul {
	padding: 0;
}

li {
	list-style: none;
}

input:focus, select:focus, textarea:focus {
	outline: none;
}

a {
	text-decoration: none;
}
.row>*{
	padding-right: calc(var(--bs-gutter-x) * .30);
	padding-left: calc(var(--bs-gutter-x) * .30);
}
.wrapper{
	float: left;
	width: 100%;
	background: #fff;
}
.headwrapper{
	border-bottom-left-radius: 100px;
	border-bottom-right-radius: 100px;
}
header{
	float: left;
	width: 100%;
	padding: 50px 0;
}
.logo{
	float: left;
	background: url(../img/logo.svg);
	width: 100%;
	height: 35px;
	background-size: contain;
	background-repeat: no-repeat;
}
.top_menu{
	float: left;
	width: 100%;
}
.top_menu ul li{
	float: left;
	margin-right: 45px;
}
.top_menu ul {
	position: relative;
	justify-content: center;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	left: auto;
	right: auto;
	line-height: 42px;
	margin-bottom: 0px;
}
.top_menu ul li a{
	color: #1C1C1C;
	font-size: 18px;
	font-weight: normal;
	position: relative;
}
.top_menu ul li.active a{
	font-weight: bold;
	color: #6167EA;
}
.top_menu ul li.active a::after{
	content: "";
	width: 100%;
	position: absolute;
	bottom: -8px;
	left: 0;
	border-bottom: 2px dashed #6167EA;
}
.top_menu ul li:hover a{
	font-weight: bold;
	color: #6167EA;
}
.top_menu ul li:hover a::after{
	content: "";
	width: 100%;
	position: absolute;
	bottom: -8px;
	left: 0;
	border-bottom: 2px dashed #6167EA;
}
.headslider{
	float: left;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 70px;
	position: relative;
}
.headslider::before{
	content: "";
	background: url(../img/leftbg_obje.svg);
	width: 100%;
	height: 500px;
	background-position: left;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
}
.headslider::after{
	content: "";
	background: url(../img/rightbg_obje.svg);
	width: 100%;
	height: 500px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	background-position: right;
}
.headslider .container{
	position: relative;
	z-index: 2;
}
.headslider_img{
	float: left;
	width: 100%;
	text-align: center;
}
.headslider_img img{
	height: 500px;
	object-fit: contain;
}
.headslider_text{
	float: left;
	width: 100%;
	margin-top: 80px;
}
.headslider_text h1{
	float: left;
	width: 100%;
	font-family: 'Koulen', cursive;
	font-size: 48px;
	line-height: 48px;
	margin-bottom: 20px;
}
.headslider_text h1 span{
	color: #6167EA;
}
.headslider_text p{
	float: left;
	width: 100%;
	color: #1C1C1C;
	font-size: 18px;
	margin-bottom: 20px;
}
.btn_def{
	float: left;
	width: 100%;
	font-size: 27px;
	color: #6167EA;
	font-family: 'Koulen', cursive;
	position: relative;
}
.btn_def.blue{
	color: #3895FF;
}
.btn_def.purple{
	color: #6167EA;
}
.btn_def.black{
	color: #1C1C1C;
}
.btn_def.white{
	color: #fff;
}
.btn_def.red{
	color: #FF4D4D;
}
.btn_def.cspruple{
	color: #8E38FF;
}
.btn_def.yellow{
	color: #FFA540;
}
.btn_def::after{
	content: "";
	background: url(../img/icon/right-arrow.svg);
	width: 21px;
	height: 20px;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 15px;
	margin-top: 10px;
}
.btn_def.black::after{
	content: "";
	filter: invert(0%) sepia(0%) saturate(7247%) hue-rotate(179deg) brightness(197%) contrast(105%);
}
.btn_def.white::after{
	content: "";
	filter: brightness(0) invert(1);
}
.btn_def.red::after{
	content: "";
	filter: invert(50%) sepia(48%) saturate(4381%) hue-rotate(331deg) brightness(101%) contrast(101%);
}
.btn_def.blue::after{
	content: "";
	filter: invert(48%) sepia(69%) saturate(2320%) hue-rotate(193deg) brightness(101%) contrast(102%);
}
.btn_def.cspruple::after{
	content: "";
	filter: invert(44%) sepia(93%) saturate(7491%) hue-rotate(258deg) brightness(111%) contrast(101%);
}
.btn_def.yellow::after{
	content: "";
	filter: invert(83%) sepia(41%) saturate(2756%) hue-rotate(327deg) brightness(100%) contrast(101%);
}
.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.palet_item{
	float: left;
	width: 100%;
	text-align: center;
}
.palet_slider{
	float: left;
	width: 100%;
	padding: 70px 0;
}
.palet_item img{
	object-fit: contain;
	height: 30px;
	width: 100%;
}
.hmsection_one{
	float: left;
	width: 100%;
	background: #fff;
	border-radius: 10px;
	padding: 40px;
	margin-bottom: 80px;
}
.hmsc_oneimg{
	float: left;
	width: 100%;
	height: 410px;
	border-radius: 10px;
	overflow: hidden;
}
.hmsc_oneimg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hmsc_onetext{
	float: left;
	width: 100%;
	padding: 40px 30px;
}
.hmsc_onetext h3{
	float: left;
	width: 100%;
	color: #6167EA;
	font-family: 'Koulen', cursive;
	font-size: 37px;
	line-height: 40px;
}
.hmsc_onetext p{
	float: left;
	width: 100%;
	color: #1C1C1C;
	margin-top: 10px;
	margin-bottom: 25px;
}
.hmsection_two{
	float: left;
	width: 100%;
	background: rgb(85,109,228);
	background: linear-gradient(128deg, rgba(85,109,228,1) 0%, rgba(141,85,255,1) 97%);
	padding: 80px 0;
	border-top-left-radius: 100px;
	border-top-right-radius: 100px;
	position: relative;
}
.hmsection_two::before{
	content: "";
	background: url(../img/crmbg.png);
	width: 100%;
	height: 100%;
	background-size: contain;
	left: 0;
	top: 0;
	position: absolute;
	background-repeat: no-repeat;
}
.hmsection_two .container{
	position: relative;
	z-index: 2;
}
.hmsc_twoimg{
	float: left;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}
.hmsc_twoimg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	height: 500px;
}
.hmsc_twotext{
	float: left;
	width: 100%;
	padding: 0 40px;
	padding-left: 70px;
	margin-top: 90px;
}
.hmsc_twotext .title{
	float: left;
	width: 100%;
}
.hmsc_twotext .title .icon{
	float: left;
	width: 77px;
	height: 77px;
	background: #EEEEFF;
	border-radius: 50%;
	text-align: center;
	line-height: 77px;
	border: 1px dashed #5E6AE8;
	margin-top: 3px;
}
.hmsc_twotext .title h2{
	float: left;
	width: calc(100% - 97px);
	margin-left: 20px;
	font-family: 'Koulen', cursive;
	color: #fff;
	font-size: 35px;
}
.hmsc_twotext p{
	float: left;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 25px;
	color: #fff;
	font-size: 17px;
}
.hmsection_three{
	float: left;
	width: 100%;
	background: #fff;
	padding: 80px 0;
	position: relative;
	overflow: hidden;
}
.hmsection_three::after{
	content: "";
	background: url(../img/appbg.svg);
	width: 120px;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 20%;
	left: 50px;
}
.hmsection_three::before{
	content: "";
	background: url(../img/appobje.svg);
	width: 230px;
	height: 207px;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right: -115px;
}
.hmsection_three .container{
	position: relative;
	z-index: 2;
}
.hmsc_threetext{
	float: left;
	width: 100%;
	padding: 0 40px;
	margin-top: 90px;
}
.hmsc_threetext .title{
	float: left;
	width: 100%;
}
.hmsc_threetext .title .icon{
	float: left;
	width: 77px;
	height: 77px;
	background: #FFEEEE;
	border-radius: 50%;
	text-align: center;
	line-height: 77px;
	border: 1px dashed #FF4D4D;
	margin-top: 3px;
}
.hmsc_threetext .title h2{
	float: left;
	width: calc(100% - 97px);
	margin-left: 20px;
	font-family: 'Koulen', cursive;
	color: #1C1C1C;
	font-size: 35px;
}
.hmsc_threetext p{
	float: left;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 25px;
	color: #1C1C1C;
	font-size: 17px;
}
.hmsc_threeimg{
	background: rgb(255,42,42);
	background: linear-gradient(180deg, rgba(255,42,42,1) 0%, rgba(255,151,59,1) 97%);
	border-radius: 275px;
	width: 90%;
	float: right;
	height: 500px;
}
.hmsc_threeimg img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.hmsection_four{
	float: left;
	width: 100%;
	padding: 150px 0;
	background: #FF8B16;
	position: relative;
	overflow: hidden;
}
.hmsection_four::before{
	content: "";
	background: url(../img/apibg.svg);
	position: absolute;
	width: 100%;
	height: 500px;
	background-position: right;
	right: 5%;
	bottom: 85px;
	background-size: contain;
	background-repeat: no-repeat;
}
.hmsection_four::after{
	content: "";
	background: url(../img/apiobje.svg);
	position: absolute;
	width: 300px;
	height: 65px;
	left: -20px;
	top: 55px;
	background-size: contain;
	background-repeat: no-repeat;
}
.hmsection_four .container{
	position: relative;
}
.hmsc_fourimg{
	float: left;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}
.hmsc_fourimg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	height: 400px;
}
.hmsc_fourtext{
	float: left;
	width: 100%;
	padding: 0 40px;
	padding-left: 70px;
	margin-top: 40px;
}
.hmsc_fourtext .title{
	float: left;
	width: 100%;
}
.hmsc_fourtext .title .icon{
	float: left;
	width: 77px;
	height: 77px;
	background: #FFF7EE;
	border-radius: 50%;
	text-align: center;
	line-height: 75px;
	border: 1px dashed #FFA540;
	margin-top: 3px;
}
.hmsc_fourtext .title h2{
	float: left;
	width: calc(100% - 97px);
	min-height: 77px;
	margin-left: 20px;
	font-family: 'Koulen', cursive;
	color: #fff;
	font-size: 35px;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.hmsc_fourtext p{
	float: left;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 25px;
	color: #fff;
	font-size: 17px;
}
.hmsection_five{
	float: left;
	width: 100%;
	background: url(../img/marketing_bg.jpg);
	position: relative;
	background-position: center;
}
.hmsection_five::before{
	content: '';
	background: #0E1F31;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0.88;
}
.hmsection_five .container{
	position: relative;
}
.hmsc_fivetext{
	float: left;
	width: 100%;
	padding: 180px 40px;
}
.hmsc_fivetext .title{
	float: left;
	width: 100%;
}
.hmsc_fivetext .title .icon{
	float: left;
	width: 77px;
	height: 77px;
	background: #ECF5FF;
	border-radius: 50%;
	text-align: center;
	line-height: 75px;
	border: 1px dashed #3895FF;
}
.hmsc_fivetext .title h2{
	float: left;
	width: calc(100% - 97px);
	min-height: 77px;
	margin-left: 20px;
	font-family: 'Koulen', cursive;
	color: #fff;
	font-size: 35px;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.hmsc_fivetext p{
	float: left;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 25px;
	color: #fff;
	font-size: 17px;
}
.hmsc_fiveimg{
	float: left;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding-left: 10%;
}
.hmsc_fiveimg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hmsc_sixtext{
	float: left;
	width: 100%;
	padding: 180px 40px;
	background: #fff;
}
.hmsc_sixtext .title{
	float: left;
	width: 100%;
}
.hmsc_sixtext .title .icon{
	float: left;
	width: 77px;
	height: 77px;
	background: #FAF6FF;
	border-radius: 50%;
	text-align: center;
	line-height: 75px;
	border: 1px dashed #8E38FF;
	margin-top: 3px;
}
.hmsc_sixtext .title h2{
	float: left;
	width: calc(100% - 97px);
	min-height: 77px;
	margin-left: 20px;
	font-family: 'Koulen', cursive;
	color: #1C1C1C;
	font-size: 35px;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.hmsc_sixtext p{
	float: left;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 25px;
	color: #1C1C1C;
	font-size: 17px;
}
.hmsection_six{
	float: left;
	width: 100%;
	background: #fff;
	border-bottom-left-radius: 100px;
	border-bottom-right-radius: 100px;
	margin-bottom: 50px;
	position: relative;
}
.hmsection_six::before{
	content: "";
	background: rgb(142,56,255);
	background: linear-gradient(180deg, rgba(142,56,255,1) 0%, rgba(131,80,255,1) 97%);
	position: absolute;
	left: 0;
	width: 45%;
	height: 76%;
	top: 12%;
	border-top-right-radius: 300px;
	border-bottom-right-radius: 300px;
}
.hmsection_six .container{
	position: relative;
}
.hmsc_siximg{
	float: left;
	height: 100%;
	width: 100%;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.hmsc_siximg img{
	width: 100%;
	object-fit: contain;
}
.hmsection_seven{
	float: left;
	width: 100%;
	background: #fff;
	border-radius: 10px;
	padding: 25px;
	margin-bottom: 80px;
}
.hmsc_sevenlist{
	float: left;
	width: 100%;
}
.seven_item{
	float: left;
	width: 100%;
	border-radius: 10px;
	padding: 25px;
	transition: all 0.4s;
}
.seven_item .icon{
	float: left;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: #EEEEFF;
	text-align: center;
	line-height: 60px;
	border: 1px dashed #5E6AE8;
}
.seven_item h3{
	float: left;
	height: 100%;
	min-height: 64px;
	width: calc(100% - 89px);
	margin-left: 15px;
	font-size: 20px;
	margin-bottom: 0;
	font-weight: bold;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.seven_item p{
	float: left;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 10px;
}
.seven_item.purple:hover{
	background: #6167EA;
}
.seven_item.red:hover{
	background: #FF4A4A;
}
.seven_item.yellow:hover{
	background: #FFA540;
}
.seven_item.blue:hover{
	background: #3895FF;
}
.seven_item:hover h3{
	color: #fff;
}
.seven_item:hover p{
	color: #fff;
}
.seven_item:hover .btn_def{
	color: #fff;
}
.seven_item:hover .btn_def::after{
	filter: brightness(0) invert(1);
}
.seven_item .btn_def{
	font-size: 21px;
}
.seven_item .btn_def::after{
	margin-top: 8px;
	margin-left: 12px;
	height: 13px;
}
.seven_item.red .icon{
	border-color: #FF4D4D;
	background: #FFEEEE;
}
.seven_item.yellow .icon{
	background: #FFF7EE;
	border-color: #FFA540;
}
.seven_item.blue .icon{
	background: #ECF5FF;
	border-color: #3895FF;
}
.hmsc_seventext{
	float: left;
	width: 100%;
	padding: 20px;
	margin-top: 100px;
}
.hmsc_seventext h2{
	float: left;
	width: 100%;
	font-size: 28px;
	font-family: 'Koulen', cursive;
}
.hmsc_seventext p{
	float: left;
	width: 100%;
	margin-top: 5px;
	font-size: 15px;
	font-weight: normal;
}
.hmsection_eight{
	float: left;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 30px;
}
.hmsection_eight h4{
	float: left;
	width: 100%;
	font-family: 'Koulen', cursive;
	font-size: 34px;
}
.hmsection_eight span{
	float: left;
	width: 50%;
	font-size: 17px;
}
.scegiht_list{
	float: left;
	width: 100%;
	margin-top: 70px;
}
.scegiht_list .item{
	float: left;
	width: 100%;
	padding: 20px;
	background: #fff;
	border-radius: 10px;
	transition: all 0.4s;
	min-height: 100%;
}
.scegiht_list .item:hover{
	background: #6167EA;
}
.scegiht_list .item:hover{
	color: #fff;
}
.scegiht_list .item:hover .btn_def{
	color: #fff;
}
.scegiht_list .item:hover .btn_def::after{
	filter: brightness(0) invert(1);
}
.scegiht_list .item:hover .icon{
	background: transparent;
	border-color: #fff;
}
.scegiht_list .item:hover .icon img{
	filter: brightness(0) invert(1);
}
.scegiht_list .item .icon{
	float: left;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: #EEEEFF;
	text-align: center;
	line-height: 60px;
	border: 1px dashed #6167EA;
}
.scegiht_list .item h3{
	float: left;
	height: 100%;
	min-height: 64px;
	width: calc(100% - 79px);
	margin-left: 10px;
	font-size: 18px;
	margin-bottom: 0;
	font-weight: bold;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.scegiht_list .item p{
	float: left;
	width: 100%;
	margin-top: 15px;
	font-size: 15px;
	margin-bottom: 10px;
}
.scegiht_list .item .btn_def{
	font-size: 21px;
	margin-top: 10px;
}
.scegiht_list .item .btn_def::after{
	margin-top: 8px;
	margin-left: 12px;
	height: 13px;
}
.eight_bar{
	float: left;
	width: 100%;
	margin-top: 40px;
	background: url(../img/bar.png);
	background-position: center;
	background-size: cover;
	border-radius: 10px;
	padding: 60px 50px;
	color: #fff;
	position: relative;
	overflow: hidden;
}
.eight_bar::after{
	content: "";
	opacity: 0.36;
	background: #191921;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.eight_bar .row{
	position: relative;
	z-index: 2;
}
.eight_bar h2{
	float: left;
	width: 100%;
	font-family: 'Koulen', cursive;
	font-size: 32px;
}
.eight_bar p{
	float: left;
	width: 90%;
	margin-bottom: 0;
}
.eight_bar .item{
	float: right;
	width: 100%;
	text-align: center;
}
.eight_bar h5{
	float: left;
	width: 100%;
	font-family: 'Koulen', cursive;
	font-size: 42px;
}
.eight_bar h6{
	float: left;
	width: 100%;
	font-size: 15px;
}
.col-md-6.listinfo{
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.section_projects{
	float: left;
	width: 100%;
	background: #fff;
	padding: 60px 0;
}
.section_projects h1{
	float: left;
	width: 100%;
	text-align: center;
	font-family: 'Koulen', cursive;
	font-size: 33px;
	margin-bottom: 70px;
}
.project_item{
	float: left;
	width: 100%;
	text-align: center;
	padding: 60px;
	border-radius: 10px;
}
.project_item img{
	width: 100%;
	height: 260px;
	object-fit: contain;
}
.project_item.blue{
	background: #F3F8FF;
}
.project_item.red{
	background: #FFF2F2;
}
.project_item h2{
	float: left;
	width: 100%;
	font-family: 'Koulen', cursive;
	margin-bottom: 40px;
}
.project_item.blue h2{
	color: #306CD9;
}
.project_item.red h2{
	color: #F0364A;
}
.section_projects .container{
	position: relative;
}
.section_projects .swiper-button-next{
	right: -50px;
	color: #1C1C1C;
	font-weight: bolder;
	top: calc(50% + 65px);
}
.section_projects .swiper-button-prev{
	left: -50px;
	color: #1C1C1C;
	font-weight: bolder;
	top: calc(50% + 65px);
}
.section_contact{
	float: left;
	width: 100%;
	position: relative;
	background: url(../img/contactbg.jpg);
	padding: 50px;
	overflow: hidden;
	border-radius: 10px;
	background-position: center;
	background-size: cover;
	margin-top: 70px;
	margin-bottom: 70px;
}
.section_contact::after{
	content: "";
	background: #191921;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.36;
}
.schm_contacttext{
	float: left;
	width: 80%;
	color: #fff;
	margin-top: 120px;
}
.schm_contacttext h4{
	float: left;
	width: 100%;
	font-family: 'Koulen', cursive;
	font-size: 31px;
}
.schm_contacttext p{
	float: left;
	width: 100%;
	margin-bottom: 35px;
}
.schm_contacttext ul{
	float: left;
	width: 100%;
	padding-left: 40px;
}
.schm_contacttext ul li{
	float: left;
	width: 100%;
	margin-bottom: 25px;
	font-size: 17px;
	position: relative;
}
.schm_contacttext ul li.phone::before{
	content: "";
	background: url(../img/icon/phone_icon.svg);
	width: 27px;
	height: 27px;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: -39px;
}
.schm_contacttext ul li.location::before{
	content: "";
	background: url(../img/icon/location_icon.svg);
	width: 27px;
	height: 27px;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: -35px;
}
.schm_contacttext ul li.mail::before{
	content: "";
	background: url(../img/icon/mail_icon.svg);
	width: 23px;
	margin-top: 5px;
	height: 27px;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: -35px;
}
.contact_form{
	float: left;
	width: 100%;
	padding: 40px;
	border-radius: 10px;
	background: #fff;
}
.section_contact .row{
	position: relative;
	z-index: 2;
}
.contact_form .item{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.contact_form .item label{
	float: left;
	width: 100%;
	margin-bottom: 5px;
	font-size: 17px;
}
.contact_form .item input{
	float: left;
	width: 100%;
	background: transparent;
	border: 0;
	padding: 10px;
	border-bottom: 1px solid #EFEFEF;
}
.contact_form .item textarea{
	float: left;
	width: 100%;
	background: transparent;
	border: 0;
	padding: 10px;
	border-bottom: 1px solid #EFEFEF;
}
.contact_form button{
	float: right;
	background: #D12070;
	padding: 15px 80px;
	border-radius: 10px;
	border: 0;
	color: #fff;
	transition: all 0.3s;
	font-weight: bold;
}
.contact_form button:hover{
	background: #931950;
}
.section_blog{
	float: left;
	width: 100%;
	margin-bottom: 50px;
	margin-top: 20px;
}
.section_blog .blog_item{
	float: left;
	width: 100%;
}
.section_blog h1{
	float: left;
	width: 100%;
	text-align: center;
	font-family: 'Koulen', cursive;
	font-size: 33px;
	margin-bottom: 30px;
}
.blog_item .img{
	float: left;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	height: 180px;
	margin-bottom: 20px;
}
.blog_item .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.blog_item .text{
	float: left;
	width: 100%;
}
.blog_item .text h4{
	float: left;
	width: 100%;
	font-family: 'Koulen', cursive;
	font-size: 22px;
}
.blog_item .text p{
	float: left;
	width: 100%;
	line-height: 17px;
}
.blog_item .text a{
	color: #1C1C1C;
	transition: all 0.4s;
}
.blog_item .text a:hover{
	color: #6167EA;
}
footer{
	float: left;
	width: 100%;
	background: #fff;
	padding: 60px 0;
	position: relative;
	overflow: hidden;
}
footer::before{
	content: "";
	background: url(../img/leftbg_obje.svg);
	position: absolute;
	left: -10px;
	top: 0;
	width: 387px;
	height: 500px;
	background-size: contain;
	background-repeat: no-repeat;
}
footer .container{
	position: relative;
	padding-left: 60px;
}
.footer_logo{
	float: left;
	width: 100%;
	margin-top: 30px;
	background: url(../img/logo.svg);
	height: 35px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 15px;
}
span.desc{
	float: left;
	width: 90%;
}
.footer_menu_item{
	float: left;
	width: 100%;
}
.footer_menu_item label{
	float: left;
	width: 100%;
	font-size: 24px;
	margin-bottom: 8px;
	color: #6167EA;
	font-family: 'Koulen', cursive;
}
.footer_menu_item ul{
	float: left;
	width: 100%;
}
.footer_menu_item ul li{
	float: left;
	width: 100%;
	margin-bottom: 8px;
}
.footer_menu_item ul li a{
	color: #0D0D0D;
	transition: all 0.3s;
}
.footer_menu_item ul li a:hover{
	color: #6167EA;
}
.footer_menu{
	float: left;
	width: 100%;
	padding-left: 10%;
}
.footer_social li{
	width: auto!important;
	float: left;
	margin-right: 19px;
}
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	background-color: #fff;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 30px;
	box-shadow: 0 2px 5px rgb(0 0 0 / 26%);
}
.mobile_menu{
	float: right;
	font-size: 26px;
	font-weight: 600;
	position: absolute;
	right: 40px;
	top: 48px;
	z-index: 4;
	display: none;
}
.closebtn{
	float: right;
	font-size: 45px;
	color: #333;
	margin-right: 30px;
}
#mobilemenucontent ul{
	float: left;
	width: 100%;
	margin-top: 40px;
	margin-left: 40px;
}
#mobilemenucontent ul li{
	float: left;
	width: 90%;
	margin-bottom: 15px;
}
#mobilemenucontent ul li a{
	color: #222;
	font-size: 18px;
}
#mobilemenucontent .logo{
	margin-top: 24px;
}

@-moz-document url-prefix() {
	.row{
		float: left;
		width: 100%;
	}
}




@media (max-width: 850px) {
	.top_menu{
		display: none;
	}
	.section_projects .swiper-button-prev{
		left: 20px;
	}
	.section_projects .swiper-button-next{
		right: 20px;
	}
	.headslider::before{
		display: none;
	}
	.headslider::after{
		display: none;
	}
	footer::before{
		display: none;
	}
	.headslider_img img{
		height: 250px;
	}
	.hmsc_oneimg{
		height: 250px;
	}
	.hmsection_two::before{
		display: none;
	}
	.hmsection_two{
		border-radius: 20px;
		padding: 30px 0;
	}
	.hmsection_three::after{
		display: none;
	}
	.hmsection_four::before{
		display: none;
	}
	.hmsc_fiveimg{
		padding-left: 0px;
	}
	.hmsc_siximg{
		display: none;
	}
	.hmsection_six::before{
		display: none;
	}
	.headslider_text{
		margin-top: 0px;
	}
	.headslider {
		margin-top: 0px;
		padding: 0px 20px;
	}
	.logo{
		margin-left: 20px;
		width: 50%;
	}
	.hmsection_one{
		padding: 30px;
	}
	.hmsc_onetext{
		padding: 30px 5px;
	}
	.hmsc_twoimg img{
		height: 250px;
	}
	.hmsc_twotext{
		margin-top: 40px;
		padding: 0 20px;
	}
	.hmsc_twotext .title h2{
		font-size: 28px;
	}
	.hmsc_twotext .title .icon{
		margin-top: -4px;
	}
	.hmsc_threeimg{
		height: 250px;
		margin-top: 30px;
		margin-right: 5%;
	}
	.hmsc_fourimg img{
		height: 260px;
	}
	.hmsc_fourtext{
		padding: 0px 20px;
	}
	.hmsection_four{
		padding-bottom: 80px;
	}
	.hmsc_fivetext{
		padding: 50px 20px;
	}
	.hmsc_sixtext{
		padding: 50px 20px;
	}
	.hmsc_sixtext .title h2{
		font-size: 30px;
	}
	.hmsc_sixtext .title .icon{
		margin-top: -3px;
	}
	.hmsc_seventext{
		margin-top: 10px;
	}
	.hmsection_eight{
		padding: 0px 15px;
	}
	.hmsection_eight h4{
		font-size: 30px;
	}
	.hmsection_eight span{
		width: 100%;
		font-size: 16px;
	}
	.scegiht_list{
		margin-top: 40px;
	}
	.scegiht_list .col-md-3{
		margin-bottom: 15px;
	}
	.eight_bar p{
		width: 100%;
		margin-bottom: 35px;
	}
	.eight_bar .item{
		margin-bottom: 15px;
	}
	.section_projects{
		padding: 50px 20px;
	}
	.section_projects h1{
		margin-bottom: 30px;
	}
	.schm_contacttext{
		margin-top: 0px;
		width: 100%;
	}
	.section_contact{
		padding: 50px 30px;
	}
	.contact_form{
		padding: 30px;
	}
	.section_blog{
		padding: 0px 20px;
	}
	.blog_list .col-md-3{
		margin-bottom: 15px;
	}
	footer{
		padding: 30px 0px;
	}
	footer .container{
		padding: 0px 40px;
	}
	.footer_menu{
		padding-left: 0px;
	}
	.footer_menu .col-md-3{
		float: left;
		width: 50%;
	}
	span.desc{
		margin-bottom: 30px;
	}
	.mobile_menu{
		display: block!important;
	}
}

@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 1) {


	.blog_list .col-md-3{
		width: 50%;
	}
	.eight_bar .col-md-6{
		width: 100%;
	}
	.scegiht_list .col-md-3{
		width: 50%;
	}
	.hmsection_seven .col-md-5{
		width: 100%;
	}
	.hmsection_seven .col-md-7{
		width: 100%;
	}
	.hmsection_six .col-md-6{
		width: 100%;
	}
	.hmsc_sixtext{
		background: transparent;
	}
	.hmsc_fourimg img{
		height: 450px;
	}
	.hmsection_three .col-md-6{
		width: 100%;
	}
	.hmsc_twoimg img{
		height: 450px;
	}
	.hmsc_oneimg{
		height: 500px;
	}
	.headslider .col-md-2{
		display: none;
	}
	.headslider .col-md-5{
		width: 50%;
	}
	header .col-md-2{
		width: 50%;
	}
}

@media (max-width: 1700px) {
    footer::before{
        left: -160px;
    }
}