.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;
}

.intro_box img {
	width: 32vw;
	max-width: 450px;
	vertical-align: middle;
}

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

.head_img_box > img, .head_imgs {
	width: 100%;
	height: 100%;
/*	height: calc(100vw * (1280 / 1920));*/
	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, .heads_swiper-slide {
	width: 350px !important;
/*	height: 250px;*/
/*	border: 1px solid #999999;*/
	border-radius: 10px 10px 150px 10px;
}

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

.slide_a {
	width: 100%;
	min-height: 337px;
	overflow: hidden;
	border-radius: 10px 10px 120px 10px;
	border: 1px solid #999999;
	display: flex;
	flex-wrap: wrap;
	text-decoration: none;
}

.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);
	object-fit: cover;
	border-bottom: 1px solid #999999;
}

.slide_title {
	width: 80%;
	height: 45px;
	border: none;
	color: #0B3C97;
	text-decoration: none;
	padding: 5px 5px;
}

.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;
	box-shadow: 5px 5px rgba(0, 0, 0, 0.3);
}

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

.each_box {
	width: 30%;
	padding: 24px;
	border: 1px solid #CCCCCC;
	border-radius: 10px 25px 10px 10px;
	box-shadow: 5px 5px rgba(0, 0, 0, 0.3);
}

.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%;
	height: auto;
}

.each_msg {
	margin-bottom: 20px;
}

.p_msg {
	/*min-height: 80px;*/
	min-height: 150px;
}

.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;
	position: relative;
}

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);
}

.recruit_box {
	padding: 24px;
}

.recruit_title {
	text-align: center;
}

.recruit_ul {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
}

.recruit_ul > li {
	list-style: none;
}

.recruit_btn {
	padding: 10px;
	min-width: 110px;
	color: #007AFF;
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	box-shadow: 0 0 0 .15rem rgba(211, 212, 213, .5);
	transition: all 0.3s;
}

.recruit_btn:hover {
	box-shadow: 0 0;
}

.faq_box {
	padding: 24px;
}

.faq_title {
	text-align: center;
}

.faq_btn_box {
	text-align: center;
}

.faq_btn {
	padding: 10px;
	min-width: 110px;
	color: #007AFF;
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	box-shadow: 0 0 0 .15rem rgba(211, 212, 213, .5);
	transition: all 0.3s;
}

.faq_btn:hover {
	box-shadow: 0 0;
}

.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 {
	
}




/**/
.heads_swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

.heads_swiper-slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	z-index: 0;
	/*animation: slideShow 30s linear infinite 0s;*/
}

.heads_swiper-slide:nth-child(2) {
	animation-delay: 10s;
}

.heads_swiper-slide:nth-child(3) {
	animation-delay: 20s;
}

.heads_swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@keyframes slideShow {
	0% {
		opacity: 0;
		animation-timing-function: ease-out;
	}
	
	8% {
		opacity: 1;
		animation-timing-function: ease-out;
	}
	
	20% {
		opacity: 1
	}
	
	40%,
	100% {
		opacity: 0;
	}
}








@media	screen	and	(max-width:	1280px) {
	.p_msg {
		min-height: 150px;
	}
	
	.see_more_btn:hover:before {
		-webkit-transform: translateX(900%) translateY(.3rem);
  		transform: translateX(900%) translateY(.3rem);
	}
}


/*@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 {
		height: 100%;
		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;*/
		height: 337px;
	}
	
	.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;
	}
	
	.home_item_img_box {
		text-align: center;
	}
	
	.home_item_img {
		width: 286px;
		min-width: 286px;
	}
	
	.see_more_btn {
		color: #008DBB;
	}
	
	.see_more_btn:before {
	  font-family: 'Font Awesome 5 Free';
	  font-weight: bold;
	  line-height: 30px;
	
	  width: 30px;
	  height: 30px;
	
	  content: '\f061';
/*	  -webkit-transform: translateX(900%) translateY(.3rem);*/
/*	  transform: translateX(900%) translateY(.3rem);*/
	  transform: none;
	
	  color: #fff;
	  border-radius: 50%;
	  
	  top: 5px;
	  left: unset;
	  right: 5px;
	}
}