@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Kufam&family=Roboto:ital,wght@0,300;0,400;1,400&family=Urbanist:wght@700&display=swap');
/* CSS Document */
body{margin:0; padding:0; font-family: 'Kufam', sans-serif !important; font-size:13px;}

.banner_inner{width:100%; height:40px; position:relative; margin:0 auto;}
.headline h1 {
display: block;
float: left;
color: #323232;
text-transform: uppercase;
font-size:18px;
font-weight:500;
line-height:40px;
margin: 0;
font-family: 'Kufam', sans-serif !important;
}
.page-path {
display: block;
float: right;
}
.page-path a, .page-path span {
color: #323232;
line-height:40px;
font-size: 12px;
text-transform: uppercase;
padding:0px 2px;
}
.page-path a:hover, .page-path span:hover {
	text-decoration:underline;
}
.banner_wrapper{width:97%; height:auto; position:relative;  margin:0px auto;}

.contact_box {
	margin:0px 10px 0;
	height: auto;
	padding: 10px;
	position: relative;
	color: #333;
	overflow:hidden;
	
}
.cont_box_1 {
  /* width:25%; */
  /* margin:0 10px 10px 0; */
  padding: 3px;
  border: 1px #cecece solid;
  background: white;
  float: left; 
  -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
height: 245px;
margin-top: -10px !important;
}
.cont_box_1_inner {
  position: relative;
  padding: 5px;
  box-shadow: 0px 0px 100px #EBEAAD inset;
  background: white;
  min-height:230px;
  width: 97.50%;
  line-height:22px;
}
.cont_box_2 {
	 /* width:24%; */
  margin:0 0px 10px 0;
  padding: 3px;
  border: 1px #cecece solid;
  background: white;
  float: left; 
  -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
height: 245px;
}
.cont_box_3 {
  /* width:23%; */
  margin:0 10px 10px 0;
  padding: 3px;
  border: 1px #cecece solid;
  background: white;
  float: left; 
  -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
height: 245px;
}
.cont_box_4 {
  width: 99.2%;
  /* margin:0 0px 0px 0; */
  padding: 3px;
  border: 1px #cecece solid;
  background: white;
 height:auto;
  float: left; 
  -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
/* margin-top: -27px !important; */
}
.cont_box_2_inner {
  position: relative;
  padding: 5px;
  /* box-shadow: 0px 0px 100px #EBEAAD inset; */
  background: white;
  height:auto;
  width: 99.2%;
  line-height:22px;
}
.cont_box_2_inner h2 {
  margin: 0 0 5px;
  font-size: 14px;
  /* font-family: "Segoe UI"; */
  font-family: 'Kufam', sans-serif !important;
  background-color:#7BBC44;
  color: #fff;
  font-weight: normal;
  padding:3px 5px;
  text-align:center;
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.cont_box_1_inner h2 {
  margin: 0 0 5px;
  font-size: 14px;
 /*  font-family: "Segoe UI"; */
 font-family: 'Kufam', sans-serif !important;
  /* background-color:#7BBC44; */
  background-color: var(--primary-color);
  color: #fff;
  font-weight: normal;
  padding: 3px 5px;
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.hol_eng{width:100%; margin:0 auto; height:auto; float:left;}

@media screen and (max-width:1200px) {
    .cont_box_1 {
  width:24%;
}
.cont_box_2 {
	 width:24%;
}
.cont_box_3 {
  width:23%;
}
}

@media screen and (max-width: 1024px) {
    .cont_box_1 {
  width:48%;
}
.cont_box_2 {
	 width:48%;
}
.cont_box_3 {
  width:48%;
}
}

@media screen and (max-width: 900px) {
    .cont_box_1 {
  width:48%;
}
.cont_box_2 {
	 width:48%;
}
.cont_box_3 {
  width:48%;
  margin:0 7px 10px 0;
}
}


@media screen and (max-width: 768px) {
    .cont_box_1 {
  width:47%;
}
.cont_box_2 {
	 width:47%;
}
.cont_box_3 {
  width:47%;
}
}
@media screen and (max-width:600px) {
    .cont_box_1 {
  width:99%;
}
.cont_box_2 {
	 width:99%;
}
.cont_box_3 {
  width:99%;
}
}

@media screen and (max-width:480px) {
    .cont_box_1 {
  width:99%;
}
.cont_box_2 {
	 width:99%;
}
.cont_box_3 {
  width:99%;
}
}

@media screen and (max-width:320px) {
    .cont_box_1 {
  width:99%;
}
.cont_box_2 {
	 width:99%;
}
.cont_box_3 {
  width:99%;
}
}