.head_img_box {
	width: 100%;
	height: 100vh;
	margin-bottom: 20px;
	position: relative;
}

.intro_box {
	position: absolute;
	font-family: "Radio Canada", sans-serif;
	font-size: 5rem;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.6);
/*
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
*/
	top: 70%;
	left: 5%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	z-index: 10;
}

.head_swiper {
	width: 100%;
	height: 100vh;
}

.head_img_box > img, .head_imgs {
	width: 100%;
	height: 100%;
	border-radius: 0px 0px 200px 0px;
}


.swiper-button-next, .swiper-rtl .swiper-button-prev, .swiper-button-prev, .swiper-rtl .swiper-button-next {
	width: 40px;
	height: 40px;
	border: 1px solid #999999;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.6);
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
	font-size: 28px;
}

.glide__bullet--active, .swiper-pagination-bullet-active {
	background-color: #39A0EA !important;
	box-shadow: 0px 0px 0px 4px rgba(57, 160, 234, 0.20);
}

.slide_box {
	width: 1096px;
	height: 250px;
	margin: auto;
	margin-bottom: 100px;
}

.swiper-slide {
	width: 350px !important;
/*	height: 250px;*/
/*	border: 1px solid #999999;*/
	border-radius: 10px 10px 150px 10px;
}

.swiper-slide.head_slides {
	width: 100% !important;
	border: unset;
	border-radius: unset;
}

.slide_img {
	width: 100%;
	height: 100%;
	max-height: 279px;
	min-height: 279px;
	border: 1px solid #999999;
	border-radius: 10px 10px 150px 10px;
	border-color: rgb(219 222 227 / 1);
}

.item_title {
	font-size: 26px;
	color: #00143a;
	margin-bottom: 20px;
}

.item_txt {
	color: #4d5b75;
}

.section_box2 {
	width: 90%;
	margin: auto;
	margin-bottom: 100px;
/*	border: 1px solid #CCCCCC;*/
}

.section_box_border {
	border: 1px solid #CCCCCC;
	border-radius: 10px;
}

.each_bigbox {
	display: flex;
	gap: 20px;
}

.each_box {
	width: 30%;
	padding: 24px;
	border: 1px solid #CCCCCC;
	border-radius: 10px 25px 10px 10px;
}

.each_item_title {
	font-weight: 700;
	margin-bottom: 10px;
}

.home_item_img_box {
	width: calc(100% - 24px);
	margin-bottom: 20px;
	padding: 10px;
	border: 2px solid #CCCCCC;
	border-radius: 10px;
}

.home_item_img {
	width: 100%;
}

.each_msg {
	margin-bottom: 20px;
}

.p_msg {
	min-height: 80px;
}

.see_more_btn {
	width: 100%;
	font-size: 14px;
	color: #111111;
	text-decoration: none;
	display: inline-block;
	background: none;
/*	color: #FFFFFF;*/
	border: 2px solid #CCCCCC;
	border-radius: 20px;
	padding: 10px 0px;
	font-weight: bold;
	cursor: pointer;
	transform-style: preserve-3d;	
	text-align: center;
}

a.btn-border {
  border: 2px solid #000;
  border-radius: 0;
  background: #fff;

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;
}

.see_more_btn:before {
  position: absolute;
  top: 0;
  left: 0;

  width: 15px;
  height: 100%;

  content: '';
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);

  border-radius: 80% 50% 50% 80%;
  background: #CCCCCC;
}

.see_more_btn:hover:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  line-height: 30px;

  width: 30px;
  height: 30px;

  content: '\f061';
  -webkit-transform: translateX(1090%) translateY(.3rem);
  transform: translateX(1090%) translateY(.3rem);

  color: #fff;
  border-radius: 50%;
}

.see_more_a {
	text-decoration: none;
	position: relative;
}

.see_more_a:after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 2px;
	background-color: #69B5FF;
	transform: scaleX(0);
	transition: transform 0.3s;
}

.see_more_a:hover:after {
	transform: scaleX(1);
}

.client_box {
	display: flex;
	padding: 60px 30px;
}

.left_box {
	width: 50%
}

.left_box_title {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 20px;
}

.left_box_title_rubi {
	font-size: 16px;
}

.client_msg {
	width: 90%;
	line-height: 30px;
}

.right_box {
	width: 50%;
	display: flex;
	gap: 15px;
}

.right_client_boxs {
	width: 60%;
	border: 2px solid #CCCCCC;
	border-radius: 20px;
	padding: 20px;
}

.client_box_posi1 {
	position: relative;
	top: -30px;
}

.client_box_posi2 {
	position: relative;
	top: 40px;
}

.client_imgbox {
	border: 1px solid #CCCCCC;
	border-radius: 20px;
	margin-bottom: 20px;
	padding: 10px;
}

.client_img {
	width: 100%;
}

.client_box_title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}

.client_detail_subtitle {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
}

.client_box_detail {
	
}


/*@media	screen	and	(max-width:	1024px) {*/
@media	screen	and	(max-width:	767px) {
	.head_img_box, .head_swiper {
		height: 600px;
	}
	
	.head_img_box > img, .head_imgs {
		object-fit: cover;
/*		object-fit: none;*/
/*		background-size: 100%;*/
		background-size: cover;
/*		background-position: 50% 50%;*/
		background-position: center bottom;
/*		object-position: 80% 100%;*/
		border-radius: 0px 0px 100px 0px;
	}
	
	.image_posi1 {
		object-position: 80% 100%;
	}
	
	.image_posi2 {
		object-position: 40% 70%;
	}
	
	.image_posi3 {
		object-position: 80% 100%;
	}
	
	.intro_box {
		width: 80%;
		font-size: 2rem;
		top: 70%;
	}
	
	.slide_box {
		width: 100%;
		width: unset;
		height: 225px;
	}
	
	.swiper-slide {
		width: 365px !important;
		margin: 0px 25px 0px 25px !important;
/*		margin: 0px 25px 0px 10px !important;*/
	}
	
	.head_slides {
		width: unset !important;
		margin: unset !important;
	}
	
	.each_bigbox {
		width: 100%;
		flex-wrap: wrap;
	}
	
	.each_box {
		width: calc(100% - 48px);
	}
	
	.client_box {
		flex-wrap: wrap;
		padding: 30px 15px;
	}
	
	.left_box {
		width: 100%;
		margin-bottom: 20px;
	}
	
	.right_box {
		width: 100%;
		flex-wrap: wrap;
	}
	
	.right_client_boxs {
		width: 100%;
	}
	
	.client_box_posi1, .client_box_posi2 {
		position: unset;
	}
}