@charset "utf-8";

/* ==========================================================================
   COMPONENT & UTILITY STYLES (.c_)
   ========================================================================== */

/* Overflow */
.overflow-hidden {
	overflow: hidden;
}

.overflow-hidden-x {
	overflow-y: visible;
	overflow-x: hidden;
}

.overflow-visible {
	overflow: visible;
}

.invisible {
	visibility: hidden;
}

.cursor_pointer {
	cursor: pointer;
}

/* Position */
.position-relative {
	position: relative;
}

.position-absolute {
	position: absolute;
}

.position-fixed {
	position: fixed;
}

.position-sticky {
	position: sticky;
}

/* Index */
.z_0 {
	z-index: 0;
}

.z_1 {
	z-index: 1;
}

.z_2 {
	z-index: 2;
}

.z_3 {
	z-index: 3;
}

.z_top {
	z-index: 99;
}

/* Display */
.c_pc_view {
	display: inherit !important;
}

.c_pctab_view {
	display: inherit !important;
}

.c_tab_view {
	display: none !important;
}

.c_sp_view {
	display: none !important;
}

.c_dnone {
	display: none;
}

.spacer {
	height: 120px;
	border: none;
}

@media (max-width: 500px) {
	.spacer {
		height: 100px;
	}
}

.c_mauto {
	margin: auto;
}

/* Margin Top */
.c_mat10 {
	margin-top: 10px;
}

.c_mat20 {
	margin-top: 20px;
}

.c_mat30 {
	margin-top: 30px;
}

.c_mat40 {
	margin-top: 40px;
}

.c_mat50 {
	margin-top: 50px;
}

.c_mat60 {
	margin-top: 60px;
}

.c_mat100 {
	margin-top: 100px;
}

/* Margin Bottom */
.c_mab10 {
	margin-bottom: 10px;
}

.c_mab20 {
	margin-bottom: 20px;
}

.c_mab30 {
	margin-bottom: 30px;
}

.c_mab40 {
	margin-bottom: 40px !important;
}

.c_mab50 {
	margin-bottom: 50px !important;
}

.c_mab60 {
	margin-bottom: 60px;
}

.c_mab100 {
	margin-bottom: 100px;
}



/* Padding Top */
.c_pat10 {
	padding-top: 10px;
}

.c_pat20 {
	padding-top: 20px;
}

.c_pat30 {
	padding-top: 30px;
}

.c_pat40 {
	padding-top: 40px;
}

.c_pat50 {
	padding-top: 50px;
}

.c_pat60 {
	padding-top: 60px;
}

.c_pat80 {
	padding-top: 80px;
}

.c_pat100 {
	padding-top: 100px;
}

.c_pat120 {
	padding-top: 120px;
}

/* Padding Bottom */
.c_pab10 {
	padding-bottom: 10px;
}

.c_pab20 {
	padding-bottom: 20px;
}

.c_pab30 {
	padding-bottom: 30px;
}

.c_pab40 {
	padding-bottom: 40px;
}

.c_pab50 {
	padding-bottom: 50px;
}

.c_pab60 {
	padding-bottom: 60px;
}

.c_pab80 {
	padding-bottom: 80px;
}

.c_pab100 {
	padding-bottom: 100px;
}

.c_pab120 {
	padding-bottom: 120px;
}

.c_pax0 {
	padding-left: 0px;
	padding-right: 0px;
}

.c_pax10 {
	padding-left: 10px;
	padding-right: 10px;
}

.c_pax20 {
	padding-left: 20px;
	padding-right: 20px;
}

.c_pax40 {
	padding-left: 40px;
	padding-right: 40px;
}

.c_pax80 {
	padding-left: 80px;
	padding-right: 80px;
}

@media (max-width: 1260px) {
	.c_pax80 {
		padding-left: 40px;
		padding-right: 40px;
	}

	.c_mauto_lg {
		margin: auto;
	}
}

@media (max-width: 768px) {
	.c_pax80 {
		padding-left: 40px;
		padding-right: 40px;
	}

	.c_pax40 {
		padding-left: 20px;
		padding-right: 20px;
	}

	.c_mauto_md {
		margin: auto;
	}
}

@media (max-width: 500px) {

	.c_pax40,
	.c_pax80 {
		padding-left: 20px;
		padding-right: 20px;
	}

	.c_pat60 {
		padding-top: 20px;
	}

	.c_pab60 {
		padding-bottom: 20px;
	}

	.c_mauto_sm {
		margin: auto;
	}

	.c_mab20_md {
		margin-bottom: 0px;
	}

	.c_pax0_md {
		padding-left: 0px;
		padding-right: 0px;
	}

	.c_mat60 {
		margin-top: 30px;
	}
}

/* Font */
.c_vertical {
	text-orientation: mixed;
	writing-mode: vertical-rl;
}

.c_primary_fm {
	font-family: var(--primary-font);
}

.c_secondary_fm {
	font-family: var(--secondary-font);
}

.c_normal {
	font-weight: 400;
}

.c_medium {
	font-weight: 500;
}

.c_semibold {
	font-weight: 600;
}

.c_bold {
	font-weight: 700;
}

.c_black {
	font-weight: 900;
}

.c_fw_normal {
	font-weight: normal;
}

.c_underline {
	text-decoration: underline;
}

.c_inline {
	display: inline-block;
}

.c_tal {
	text-align: left;
}

.c_tac {
	text-align: center;
}

.c_tar {
	text-align: right;
}

.c_tel_button a {
	font-weight: bold;
}

/* font size */
.c_fs_12 {
	font-size: .75em;

}

.c_fs_14 {
	font-size: .875em;

}

.c_fs_16 {
	font-size: 1em;

}

.c_fs_18 {
	font-size: 1.125em;

}

.c_fs_20 {
	font-size: 1.25em;

}

.c_fs_24 {
	font-size: 1.375em;

}

.c_fs_30 {
	font-size: 1.875em;

}

.c_fs_40 {
	font-size: 2.5em;

}

.c_fs_80 {
	font-size: 4.8em;
}

.c_fs_90 {
	font-size: 5.625em;

}

.c_fs_140 {
	font-size: 8.75em;

}

.c_fs_160 {
	font-size: 10em;

}

.c_stoked {
	-webkit-text-stroke: .1px #fff;
	-webkit-text-stroke-width: 6px;
	-webkit-text-stroke-color: white;
	paint-order: stroke fill;
}

.c_stroke_dark {
	-webkit-text-stroke: .1px var(--dark-color);
	-webkit-text-stroke-width: 5px;
	-webkit-text-stroke-color: var(--dark-color);
	paint-order: stroke fill;
}

@media (max-width: 500px) {
	.c_stoked {
		-webkit-text-stroke: .1px #fff;
		-webkit-text-stroke-width: 3px;
		-webkit-text-stroke-color: white;
		paint-order: stroke fill;
	}
}

/* Line Height */
.c_lh_1 {
	line-height: 1;
}

.c_lh_2 {
	line-height: 2;
}

.c_lh_3 {
	line-height: 3;
}

.c_lh_40 {
	line-height: 40px;
}

.c_lh_60 {
	line-height: 60px;
}

.c_lh_80 {
	line-height: 60px;
}

.c_text_wrap {
	text-wrap: wrap;
}

.c_text_nowrap {
	text-wrap: nowrap;
}

/* Width Size */
.c_w10p {
	width: 10%;
}

.c_w20p {
	width: 20%;
}

.c_w30p {
	width: 30%;
}

.c_w40p {
	width: 40%;
}

.c_w50p {
	width: 50%;
}

.c_w60p {
	width: 60%;
}

.c_w70p {
	width: 70%;
}

.c_w80p {
	width: 80%;
}

.c_w90p {
	width: 90%;
}

.c_w100p {
	width: 100%;
}

.c_wfit {
	width: fit-content;
}

.c_disable {
	pointer-events: none;
}

.c_lg_container {
	width: 100%;
	margin: auto;
	max-width: 1260px;
}

.c_sm_container {
	width: 100%;
	margin: auto;
	max-width: 960px;
}

.c_left_container,
.c_right_container {
	width: 50%;
}

.sp_break {
	display: none;
}

@media screen and (max-width: 1260px) {
	.c_w100p_lg {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.c_pc_view {
		display: none !important;
		/*改行にのみ使用*/
	}

	.c_tab_view {
		display: inherit !important;
		/*改行にのみ使用*/
	}

	.c_f_left.is_sp_f_clear {
		float: left;
	}

	.c_f_right.is_sp_f_clear {
		float: right;
	}

	.c_tal_md {
		text-align: left;
	}

	.c_tac_md {
		text-align: center;
	}

	.c_tar_md {
		text-align: right;
	}

	.c_w100p_md {
		width: 100%;
	}

	.c_fs_20 {
		font-size: 1.125em;
	}
}

@media screen and (max-width: 500px) {

	.c_pctab_view {
		display: none !important;
	}

	.sp_break {
		display: flex;
	}

	.c_sp_view {
		display: inherit !important;
		/*改行にのみ使用*/
	}

	.c_mat20,
	.c_mat30 {
		margin-top: 10px;
	}

	.c_pat20,
	.c_pat30 {
		padding-top: 10px;
	}

	.c_mat40,
	.c_mat50 {
		margin-top: 20px;
	}

	.c_pat40,
	.c_pat50 {
		padding-top: 20px;
	}

	.c_mab20,
	.c_mab30 {
		margin-bottom: 10px;
	}

	.c_pab20 {
		padding-bottom: 10px;
	}

	.c_pab30 {
		padding-bottom: 10px;
	}

	.c_mab40,
	.c_mab50 {
		margin-bottom: 20px;
	}

	.c_pab40,
	.c_pab50 {
		padding-bottom: 20px;
	}

	.c_mab60 {
		margin-bottom: 30px;
	}

	.c_pab60 {
		padding-bottom: 30px;
	}

	.c_mab100 {
		margin-bottom: 30px;
	}

	.c_pat100 {
		padding-top: 30px;
	}

	.c_pab100 {
		padding-bottom: 30px;
	}

	.c_left_container,
	.c_right_container {
		width: 100%;
	}

	.c_tal_sm {
		text-align: left;
	}

	.c_tac_sm {
		text-align: center;
	}

	.c_tar_sm {
		text-align: right;
	}

	.c_fs_16 {
		font-size: .875em;
	}

	.c_fs_18 {
		font-size: 1.2em;
	}

	.c_fs_20 {
		font-size: 1.25em;
	}

	.c_fs_24 {
		font-size: 1.3em;
	}

	.c_fs_30 {
		font-size: 1.3em;
		line-height: 30px;
	}

	.c_fs_40 {
		font-size: 1.875em;
		line-height: 40px;
	}

	.c_fs_80 {
		font-size: 3.75em;
		line-height: 70px;
	}

	.c_fs_90 {
		font-size: 5em;
		line-height: 90px;
	}

	.c_fs_140 {
		font-size: 5em;
		line-height: 90px;
	}

	.c_fs_160 {
		font-size: 6.25em;
		line-height: 110px;
	}
}

@media (max-width: 400px) {
	.c_fs_80 {
		font-size: 3em;
		line-height: 50px;
	}

	.c_fs_20 {
		font-size: 1.2em;
	}
}

/*----------------------------------------------
	flex
---------------------------------------------*/
.c_flex {
	display: flex;
	flex-wrap: wrap;
}

/*  option   */
.is_ws_nowrap {
	white-space: nowrap;
}

.is_fl_nowrap {
	/* 横幅に収まる */
	flex-wrap: nowrap;
}

.is_fl_column {
	/* 縦並び */
	flex-direction: column;
}

.is_fl_jc_start {
	/* 右寄せ */
	justify-content: flex-start;
}

.is_fl_jc_end {
	/* 右寄せ */
	justify-content: flex-end;
}

.is_fl_jc_center {
	/* 左右中央 */
	justify-content: center;
}

.is_fl_jc_between {
	/* 均等 */
	justify-content: space-between;
}

.is_fl_al_start {
	/* 上下中央 */
	align-items: start;
}

.is_fl_al_center {
	/* 上下中央 */
	align-items: center;
}

.is_fl_al_end {
	/* 上下中央 */
	align-items: end;
}

.is_fl_one {
	flex: 1;
}

.is_fl_mid {
	flex: .5;
}

.is_fl_half {
	flex: .2;
}

.is_fl_mini {
	flex: .1;
}

.is_gap10 {
	gap: 10px;
}

.is_gap20 {
	gap: 20px;
}

.is_gap40 {
	gap: 40px;
}

.is_gap80 {
	gap: 80px;
}

@media (max-width: 1260px) {
	.is_fl_column_lg {
		flex-direction: column;
	}

	.c_d_none_lg {
		display: none;
	}

	.is_fl_jc_center_lg {
		justify-content: center;
	}

	.is_fl_al_center_lg {
		align-items: center;
	}

}

@media screen and (max-width: 890px) {
	.is_gap80 {
		gap: 20px;
	}
}

@media screen and (max-width: 768px) {

	.is_fl_column_md {
		flex-direction: column;
	}

	.is_fl_jc_center_md {
		justify-content: center;
	}

	.is_fl_al_center_md {
		align-items: center;
	}

	.c_d_none_md {
		display: none;
	}

}

@media screen and (max-width: 500px) {
	.is_fl_column_sm {
		flex-direction: column;
	}

	.is_fl_jc_center_sm {
		justify-content: center;
	}

	.is_fl_al_center_sm {
		align-items: center;
	}

	.is_fl_al_start_sm {
		align-items: start;
	}

	.c_d_none_sm {
		display: none;
	}

	.is_fl_half {
		flex: .35;
	}
}

/*----------------------------------------------
	Colors
---------------------------------------------*/
.c_main_bg {
	background: var(--primary-accent);
}

.c_secondary_bg {
	background: var(--secondary-accent);
}

.c_tertiary_bg {
	background: var(--light-accent);
}

.c_light_bg {
	background: var(--light-color);
}

.c_dark_bg {
	background: var(--dark-color);
}

.c_gray_bg {
	background: var(--gy-color);
}

.c_white_bg {
	background: var(--white-color);
}

.c_main_color {
	color: var(--primary-accent);
}

.c_light_color {
	color: var(--light-color);
}

.c_dark_color {
	color: var(--dark-color);
}

.c_gray_color {
	color: var(--gy-color);
}

.border {
	border: 2px solid red;
}

.bg_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

.c_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: inherit;
	background: rgba(0, 0, 0, 0.50);
}

.border_left {
	border-left: 1px solid var(--dark-color);
}

.border_right {
	border-right: 1px solid var(--dark-color);
}

.border_top {
	border-top: 1px solid var(--dark-color);
}

.border_bottom {
	border-bottom: 1px solid var(--dark-color);
}

.border_x {
	border-left: 1px solid var(--dark-color);
	border-right: 1px solid var(--dark-color);
}

.border_top_light {
	border-top: 1px solid var(--lw-color);
}

.border_bottom_light {
	border-bottom: 1px solid var(--lw-color);
}

.border_radius_5 {
	border-radius: 5px;
}

.border_radius_10 {
	border-radius: 10px;
}

.border_radius_20 {
	border-radius: 10px;
}

/*----------------------------------------------
	link
---------------------------------------------*/
.c_link_alpha {
	transition: 0.3s;
}

.c_link_alpha:hover {
	opacity: 0.5;
}

/*----------------------------------------------
	slide
---------------------------------------------*/
.c_slide {
	display: flex;
	align-items: center;
	width: 100%;
	overflow: hidden;
}

.c_slide_container {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.c_slide_img {
	flex-shrink: 0;
	width: calc((100vw / 5) - 20px);
	height: auto;
	margin: 0 20px;
}

.c_slide_txt {
	margin: 0 0.1em;
	color: var(--gy-color);
	font-family: "Afacad", sans-serif;
	font-size: 10em;
	font-weight: 700;
	line-height: 1;
}

.c_slide_container:first-child {
	animation: loop 40s -20s linear infinite;
}

.c_slide_container:last-child {
	animation: loop2 40s linear infinite;
}

@media screen and (max-width: 1024px) {
	.c_slide_img {
		width: calc(100vw / 4);
	}
}

@media screen and (max-width: 768px) {
	.c_slide_img {
		width: calc(100vw / 3);
	}

	.border_left_md_none {
		border-left: none;
	}

	.border_right_md_none {
		border-right: none;
	}

	.border_bottom_md {
		border-bottom: 1px solid var(--dark-color);
	}
}

@media screen and (max-width: 500px) {
	.c_slide {
		margin: 0;
		padding: 30px 0 0;
	}

	.c_slide_img {
		width: calc(100vw / 2);
	}

	.c_slide_txt {
		font-size: 6em;
	}

	.border_left_sm_none {
		border-left: none;
	}

	.border_right_sm_none {
		border-right: none;
	}

	.border_left_md {
		border-left: 1px solid var(--dark-color);
	}

	.border_right_md {
		border-right: 1px solid var(--dark-color);
	}
}

/* Fade Animation */
.c_fadeUp,
.c_fadeLeft,
.c_fadeRight,
.c_fadeScale {
	opacity: 0;
}

.is_fadeIn {
	animation-name: fadeInAnime;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	opacity: 0;
}

.is_fadeUp {
	animation-name: fadeUpAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	opacity: 0;
}

.is_fadeRight {
	animation-name: fadeRightAnime;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}

.is_fadeLeft {
	animation-name: fadeLeftAnime;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}

.c_r90 {
	transform: rotate(90deg);
}

.c_r180 {
	transform: rotate(180deg);
}

.c_r270 {
	transform: rotate(370deg);
}

.c_r360 {
	transform: rotate(360deg);
}

/* Animated Text */
@keyframes colorFill {
	0% {
		background-position: 0% 0%;
	}

	100% {

		background-position: 0% -100%;
	}
}

.s_animated_text {
	display: inline-block;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	background-position: 0% 0%;
	line-height: 2;
}

/* Pages */

@media (max-width: 500px) {
	.c_section_title_description br {
		display: none;
	}
}

/* News */
.s_news_list_container {
	width: 100%;
}

.s_news_list_container .c_left_container {
	width: 70%;
}

.s_news_list_container .c_right_container {
	width: 30%;
}

.s_news_filter_title {
	position: relative;
	line-height: 1.4;
}

.s_news_list_item {
	height: fit-content;
}

.s_news_list_item:hover h2,
.s_news_list_item:hover p,
.s_news_list_item:hover .s_news_list_item_desc {
	transition: .3s ease-in-out;
	color: var(--primary-accent) !important;
}

.s_news_list_item:hover h3 {
	transition: background-color .3s ease-in-out;
	background: var(--primary-accent);
}

.c_category_list_ttl:hover,
.filter-btn.is-active .c_category_list_ttl,
.filter-btn.is-active {
	color: var(--primary-accent) !important;
	font-weight: 700;
}

.page-numbers {
	width: 50px;
	height: 50px;
	background: var(--light-color);
	color: var(--primary-accent);
	font-family: var(--secondary-font);
	font-size: 1.25em;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	transition: .5s all ease;
	border-radius: 5px;
}

.page-numbers:hover {
	background: var(--gy-color);
}

.current {
	background: var(--primary-accent);
	color: var(--light-color);
}

.current:hover {
	background: var(--primary-accent);
	color: var(--light-color);
}

.c_filter_list {
	background: var(--gy-color);
	color: var(--primary-accent);
	width: 100%;
	max-width: 300px;
	padding: 10px;
}

.c_filter_list.filter-btn {
	flex-direction: column;
	align-items: start;
}

.filter-btn {
	display: flex;
	padding: 5px 20px;
	width: 100%;
}


.s_news_list_item_link {
	align-items: start;
}

.s_news_category,
.s_news_list_item_link .s_news_category,
.s_news_list_item_link span.c_dark_bg,
.s_news_list_item_link h3 {
	display: inline-block;
	width: 140px;
	min-width: 140px;
	max-width: 140px;
	text-align: center;
	text-wrap: nowrap;
	white-space: nowrap;
	box-sizing: border-box;
}

@media (max-width: 1100px) {
	.c_filter_list {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 0 0 60px;
	}

	.s_news_list_container .c_right_container {
		justify-content: center;
	}

	.c_filter_title {
		width: 100%;
	}

	.s_news_list_container {
		flex-direction: column-reverse;
	}

	.s_news_list_container .c_left_container,
	.s_news_list_container .c_right_container {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.s_news_list_item {
		padding: 15px 0;
	}

	.s_news_list_item_desc {
		max-width: 100%;
		width: 100%;
	}
}

@media (max-width: 500px) {
	.s_news_list_item_link {
		flex-wrap: wrap;
		gap: 10px;
	}
}

@media (max-width: 400px) {

	.c_filter_list h4 {
		padding: 0;
	}

	.c_filter_title {
		width: 100%;
	}
}

/* About */
.s_about {
	gap: 20px;
	flex-wrap: nowrap;
}

.s_about_greeting_img {
	width: 100%;
	max-width: 500px;
	height: 540px;
	object-fit: cover;
	object-position: top;
}

.s_about_greeting_img2 {
	width: 100%;
	max-width: 500px;
	height: 340px;
	object-fit: cover;
}

.s_animated_about_text {
	background-image: linear-gradient(to bottom, var(--gy-color) 50%, var(--dark-color) 50%);
	background-size: 100% 200%;
}

.s_animated_about_text.active {
	animation: colorFill 2s ease-in-out forwards;
}

.s_animated_about_text.clicked {
	animation: colorFill 2s ease-in-out forwards;
}

.s_company_description {
	margin-left: 20px;
}

.s_company_list_item {
	position: relative;
	min-height: auto;
}

.s_company_list_item ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin: 0;
}

.s_company_list_item ol li {
	list-style-type: decimal;
	list-style-position: outside;
}

.c_list_title {
	line-height: 2;
}

.c_list_bullet {
	line-height: 2;
}

.s_company_list_item:first-child::before {
	position: absolute;
	content: "";
	border-top: 1px solid var(--dark-color);
	border-bottom: 1px solid var(--dark-color);
	width: 20px;
	height: 100%;
	min-height: inherit;
	padding: 0;
	top: 0;
	left: 0;
}

.s_company_list_item:first-child::after {
	position: absolute;
	content: "";
	border-top: 1px solid var(--dark-color);
	border-bottom: 1px solid var(--dark-color);
	width: 20px;
	height: 100%;
	min-height: inherit;
	padding: 0;
	top: 0;
	right: 0;
}

.s_company_list_item::before {
	position: absolute;
	content: "";
	border-bottom: 1px solid var(--dark-color);
	width: 20px;
	height: 100%;
	min-height: inherit;
	padding: 0;
	top: 0;
	left: 0;
}

.s_company_list_item::after {
	position: absolute;
	content: "";
	border-bottom: 1px solid var(--dark-color);
	width: 20px;
	height: 100%;
	min-height: inherit;
	padding: 0;
	top: 0;
	right: 0;
}

.s_about_sticky_element {
	max-width: 380px;
	height: 180px;
}

.s_about_sticky_element_one {
	top: 20%;
	left: -100%;
}

.s_about_sticky_element_two {
	bottom: 10%;
	left: -50%;
}

.s_consadole_logo {
	display: flex;
}

.s_consadole_logo img {
	width: 50%;
}

.s_recruit_card_tag {
	position: absolute;
	padding: auto;
	border-radius: 50%;
	width: 90px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--primary-accent);
	top: -22px;
	left: -15px;
}

.s_recruit_card_tag .c_history_description {
	color: var(--white-color);
}

@media (max-width: 768px) {
	.s_about {
		flex-direction: column;
		gap: 20px;
	}

	.s_about .c_left_container,
	.s_about .c_right_container {
		width: 100%;
	}

	.s_consadole_logo {
		flex-direction: column;
		align-items: center;
	}
}

@media (max-width: 500px) {
	.s_about_greeting_img {
		height: 340px;
	}

	.s_about_greeting_img2 {
		height: 250px;
	}

	.s_about_sticky_element_one,
	.s_about_sticky_element_two {
		display: none;
	}

	#about_jobs {
		padding: 0 !important;
	}
}

/* timeline */
.s_company_history_list_item,
.s_company_history_list_item_content {
	display: flex;
}

.s_company_history_list_item_content {
	align-items: start;
}

.s_company_history_bullet,
.s_company_history_bullet_first {
	position: relative;
	background: var(--dark-color);
	border-radius: 50%;
	width: 10px;
	height: 10px;
	min-width: 10px;
	min-height: 10px;
	flex: 0 0 10px !important;
	flex-shrink: 0 !important;
	aspect-ratio: 1;
	margin-right: 40px;
}

.s_company_history_bullet::before,
.s_company_history_bullet_first::before {
	content: '';
	position: absolute;
	width: 30px;
	height: 1px;
	background-color: var(--dark-color);
	top: 5px;
	transition: all ease 1s;
}

.s_company_history_list_item:first-child .s_company_history_bullet_first::after {
	content: '';
	position: absolute;
	min-height: calc(100% + 30px);
	height: 100%;
	border-left: 1px solid var(--dark-color);
	background-repeat: repeat-y;
	top: 10px;
	left: 4px;
	bottom: 0;
}

.s_company_history_bullet::after {
	content: '';
	position: absolute;
	height: 70px;
	border-left: 1px solid var(--dark-color);
	top: 10px;
	left: 4px;

	display: block;

	transform: scaleY(0);
	transform-origin: top;
	transition: transform .1s linear;
	visibility: visible;
}

.s_company_history_list_item:last-child .s_company_history_bullet::after {
	visibility: hidden;
}

.s_company_history_bullet.move::after {
	transform: scaleY(1);
}

.s_company_history_element {
	position: absolute;
	visibility: visible;
	max-width: 60px;
	left: -10px;
}

.s_company_history_date {
	flex: 0 0 120px !important;
	width: 120px !important;
	min-width: 120px !important;
	white-space: nowrap;
	margin-right: 20px;
	font-size: 20px;
}

.s_company_history_list_item>div.c_flex {
	display: flex;
	align-items: flex-start;
	width: 100%;
}

.s_company_history_list_item>div.c_flex>*:not(.s_company_history_date) {
	flex: 1 1 auto;
}

@media (max-width: 885px) {
	.s_company_history_list_item:first-child .s_company_history_bullet_first::after {
		min-height: 58px !important;
		height: 100%;
	}

	.s_company_history_bullet::after {
		height: 62px;
	}
}

@media (max-width: 714px) {
	.s_company_history_list_item:first-child .s_company_history_bullet_first::after {
		min-height: 60px !important;
	}

	.s_company_history_bullet::after {
		height: 65px;
	}

	.s_company_history_date {
		margin-right: 15px;
	}
}

@media (max-width: 500px) {
	.s_company_history_list_item {
		align-items: start;
	}

	.s_company_history_list_item_content {
		flex-direction: column;
	}

	.s_company_history_date.invisible {
		display: none;
	}

	.s_company_history_bullet,
	.s_company_history_bullet_first {
		margin-top: 5px;
		flex-shrink: 0 !important;
	}

	.s_company_history_list_item:first-child .s_company_history_bullet_first::after {
		min-height: 100px !important;
	}

	.s_company_history_bullet::after {
		min-height: 90px;
	}

	.s_company_list_item {
		padding-left: 10px;
		padding-right: 10px;
	}

	.s_company_history_list_item>div.c_flex {
		flex-direction: column !important;
		align-items: flex-start !important;
	}

	.s_company_history_date {
		flex: none !important;
		width: auto !important;
		min-width: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 6px !important;
	}
}

@media (max-width: 400px) {

	.s_company_history_bullet,
	.s_company_history_bullet_first {
		margin-right: 25px;
		flex-shrink: 0 !important;
	}

	.s_company_history_bullet::before,
	.s_company_history_bullet_first::before {
		width: 20px;
	}

	.s_company_history_list_item h3 {
		font-size: 1.2em;
	}
}

/* Products */
.s_stick_img_container {
	position: relative;
	height: 400px;
	width: 100%;
	overflow: hidden;
	display: flex;
}

.s_stick_img_container .c_left_container {
	position: relative;
	height: 100%;
	animation: reveal 8s ease-in-out infinite;
	overflow: hidden;
	z-index: 2;
}

.s_stick_img_container .c_right_container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100%;
	z-index: 1;
}

.s_stick_img_one {
	height: 400px;
	width: 100%;
	object-fit: cover;
	object-position: left;
}

.s_stick_img_two {
	height: 100vh;
	width: 100%;
	object-fit: cover;
}

@keyframes reveal {

	0%,
	25% {
		width: 30%;
	}

	25%,
	50% {
		width: 70%;
	}

	50%,
	75% {
		width: 70%;
	}

	75%,
	100% {
		width: 30%;
	}
}

.s_merit_four_img {
	max-width: 210px;
	height: 150px;
}

.c_sticky_element_roof {
	position: absolute;
	width: 100%;
	max-width: 300px;
	height: 56px;
	top: 20%;
	left: -20%;
}

.c_sticky_element_house {
	position: absolute;
	max-width: 75px;
	top: 40%;
	left: -15%;
}

.s_products_button {
	max-width: 300px !important;
}

@media (max-width: 1000px) {
	.c_sticky_element_roof {
		top: 10%;
		left: 40%;
	}

	.c_sticky_element_house {
		top: 10%;
		left: -10%;
	}
}

@media (max-width: 600px) {
	.c_sticky_element_roof {
		max-width: 200px;
		width: 100%;
		top: 15%;
		left: 45%;
	}

	.c_sticky_element_house {
		top: -10%;
		left: 70%;
	}
}

@media (max-width: 500px) {
	.s_products_button {
		max-width: 500px !important;
	}

	.s_merit_four_img {
		max-width: 500px;
		height: 250px;
	}
}

@media (max-width: 400px) {
	.c_sticky_element_roof {
		max-width: 150px;
		height: 30px;
		width: 100%;
	}
}

/* Animated Section */
/* Graph 1 */
.s_pie_outer {
	position: relative;
	width: 100%;
	max-width: 400px;
	height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: rgba(34, 34, 34, 0.80);
	transition: transform 0.5s ease;
	animation: grow 3s infinite linear;
}

.s_pie_wrapper {
	position: relative;
	width: 100%;
	max-width: 340px;
	height: 340px;
	border-radius: 50%;
	background: #f0f0f0;
	animation: shrink 3s infinite linear;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

@keyframes grow {
	0% {
		transform: scale(1);
	}

	5% {
		transform: scale(var(--graph-scale));
	}

	10% {
		transform: scale(var(--graph-scale));
	}

	30% {
		transform: scale(var(--graph-scale));
	}

	50% {
		transform: scale(var(--graph-scale));
	}

	70% {
		transform: scale(var(--graph-scale));
	}

	90% {
		transform: scale(1);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes shrink {
	0% {
		transform: scale(1);
	}

	5% {
		transform: scale(calc(1 / var(--graph-scale)));
	}

	10% {
		transform: scale(calc(1 / var(--graph-scale)));
	}

	30% {
		transform: scale(calc(1 / var(--graph-scale)));
	}

	50% {
		transform: scale(calc(1 / var(--graph-scale)));
	}

	70% {
		transform: scale(calc(1 / var(--graph-scale)));
	}

	90% {
		transform: scale(1);
	}

	100% {
		transform: scale(1);
	}
}

/* pie graph settings*/
:root {
	--size-1: 55%;
	--size-2: 42%;
	--size-3: 3%;
}

.slice {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.slice_1 {
	background: conic-gradient(var(--light-accent) calc(var(--size-1) - 0.1%),
			transparent calc(var(--size-1) + 0.1%));
}

.slice_2 {
	background: conic-gradient(transparent calc(var(--size-1) - 0.1%),
			var(--secondary-accent) calc(var(--size-1) + 0.1%) calc(var(--size-1) + var(--size-2) - 0.1%),
			transparent calc(var(--size-1) + var(--size-2) + 0.1%));
}

.slice_3 {
	background: conic-gradient(transparent calc(var(--size-1) + var(--size-2) - 0.1%),
			var(--primary-accent) calc(var(--size-1) + var(--size-2) + 0.1%) calc(100% - 0.1%),
			transparent 100%);
}

.s_pie_data_top {
	top: 0;
}

.s_pie_data_bottom {
	bottom: 0;
}

.products_pie_connector {
	position: absolute;
	z-index: 3;
}

/* Top Left */
.products_pie_connector_top_left {
	position: relative;
	height: 1px;
	width: 160px;
	padding: 0%;
	margin-left: 10px;
	border-bottom: 1px solid var(--dark-color);
}

.products_pie_connector_top_left::before {
	position: absolute;
	content: "";
	top: 0px;
	right: -7px;
	height: 70px;
	width: 1px;
	padding: 0%;
	border-right: 1px solid var(--dark-color);
	transform: rotate(-10deg);
	transform-origin: 0;
}

.products_pie_connector_top_left::after {
	position: absolute;
	content: "";
	bottom: -70px;
	right: -17px;
	width: 10px;
	height: 10px;
	background: var(--dark-color);
	border-radius: 50%;
	margin-left: 170px;
}

/* Top right */
.products_pie_connector_top_right {
	position: relative;
	height: 1px;
	width: 100px;
	padding: 0%;
	margin-right: 10px;
	border-bottom: 1px solid var(--dark-color);
}

.products_pie_connector_top_right::before {
	position: absolute;
	content: "";
	top: 0px;
	left: -7.5px;
	height: 70px;
	width: 1px;
	padding: 0%;
	border-right: 1px solid var(--dark-color);
	transform: rotate(10deg);
	transform-origin: 0;
}

.products_pie_connector_top_right::after {
	position: absolute;
	content: "";
	bottom: -70px;
	left: -15.5px;
	width: 10px;
	height: 10px;
	background: var(--dark-color);
	border-radius: 50%;
}

/* Bottom left */
.products_pie_connector_bot_left {
	position: relative;
	height: 1px;
	width: 100px;
	padding: 0%;
	margin-left: 10px;
	border-bottom: 1px solid var(--dark-color);
}

.products_pie_connector_bot_left::before {
	position: absolute;
	content: "";
	bottom: 0px;
	right: -7px;
	height: 70px;
	width: 1px;
	padding: 0%;
	border-right: 1px solid var(--dark-color);
	transform: rotate(10deg);
	transform-origin: 0;
}

.products_pie_connector_bot_left::after {
	position: absolute;
	content: "";
	top: -70px;
	right: -17px;
	width: 10px;
	height: 10px;
	background: var(--dark-color);
	border-radius: 50%;
	margin-left: 170px;
}

/* Bottom right */
.products_pie_connector_bot_right {
	position: relative;
	height: 1px;
	width: 150px;
	padding: 0%;
	border-bottom: 1px solid var(--dark-color);
	margin-right: 5px;
}

.products_pie_connector_bot_right::after {
	position: absolute;
	content: "";
	top: -3.5px;
	left: -3px;
	width: 10px;
	height: 10px;
	background: var(--dark-color);
	border-radius: 50%;
}

.pie_data br {
	display: none;
}

@media (max-width: 1260px) {
	.s_graph_one {
		max-width: 630px;
		margin: 60px auto;
	}

	.products_pie_connector_top_left {
		width: 130px;
	}
}

@media (max-width: 1024px) {
	.products_pie_connector_top_left {
		width: 158px;
	}
}

@media (max-width: 768px) {
	.products_pie_connector_top_left {
		width: 170px;
	}
}

@media (max-width: 700px) {
	.s_graph_one {
		max-width: 500px;
	}

	.s_pie_outer {
		max-width: 300px;
		height: 300px;
	}

	.s_pie_wrapper {
		max-width: 240px;
		height: 240px;
	}

	.products_pie_connector_top_left {
		width: 120px;
	}

	.products_pie_connector_top_right {
		width: 20px;
		padding: 0%;
	}

	.products_pie_connector_bot_left {
		width: 80px;
	}

	.products_pie_connector_bot_right {
		width: 120px;
	}
}

@media (max-width: 550px) {
	.s_graph_one {
		max-width: 380px;
	}

	.s_pie_outer {
		max-width: 200px;
		height: 200px;
	}

	.s_pie_wrapper {
		max-width: 160px;
		height: 160px;
	}

	.products_pie_connector_top_left {
		width: 62px;
	}

	.products_pie_connector_top_left::before {
		right: -5px;
		height: 40px;
	}

	.products_pie_connector_top_left::after {
		bottom: -40px;
		right: -14.5px;
	}

	.products_pie_connector_top_right {
		width: 10px;
		padding: 0%;
	}

	.products_pie_connector_top_right::before {
		left: -6px;
		height: 40px;
	}

	.products_pie_connector_top_right::after {
		bottom: -40px;
		left: -14px;
	}

	.products_pie_connector_bot_left {
		width: 20px;
	}

	.products_pie_connector_bot_left::before {
		right: -4.5px;
		height: 40px;
	}

	.products_pie_connector_bot_left::after {
		top: -45px;
		right: -13px;
	}

	.products_pie_connector_bot_right {
		width: 80px;
	}
}

@media (max-width: 400px) {
	.products_pie_connector_top_left {
		width: 45px;
	}

	.products_pie_connector_bot_left {
		width: 40px;
	}
}

@media (max-width: 380px) {
	.products_pie_connector_top_left {
		width: 38px;
	}
}

@media (max-width: 350px) {
	.pie_data br {
		display: block;
	}

	.products_pie_connector_top_left {
		width: 65px;
	}

	.products_pie_connector_top_left::after {
		right: -14px;
	}

	.products_pie_connector_bot_right {
		width: 30px;
	}
}

/* Graph 2 */
.s_graph_list {
	animation: compress 4s linear infinite;
	animation-delay: 2s;
	min-height: 370px;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

@keyframes compress {
	0% {
		gap: 0;
	}

	5% {
		gap: 10px;
	}

	10% {
		gap: 10px;
	}

	30% {
		gap: 10px;
	}

	50% {
		gap: 10px;
	}

	70% {
		gap: 0px;
	}

	90% {
		gap: 0px;
	}

	100% {
		gap: 0;
	}
}

.s_graph_item1 {
	height: 30px;
}

.s_graph_item2 {
	height: 30px;
}

.s_graph_item3 {
	height: 50px;
}

.s_graph_item4 {
	height: 80px;

}

.s_graph_item4 .s_graph_content_container {
	background-color: rgba(34, 34, 34, 0.80);
}

.s_graph_content_container {
	position: relative;
	width: 60%;
	height: inherit;
	display: flex;
	align-items: center;
}

.s_graph_content {
	width: 100%;
	max-width: 230px;
	right: -50%;
	flex-wrap: nowrap;
}

.c_pointer {
	position: relative;
	width: 10px;
	height: 10px;
	background: var(--dark-color);
	border-radius: 50%;
	margin-right: 20px;
}

.c_pointer::after {
	position: absolute;
	content: "";
	top: 3px;
	left: 5px;
	height: 1px;
	width: 40px;
	padding: 0%;
	border-bottom: 1px solid var(--dark-color);
}

@media (max-width: 1260px) {
	.s_graph_content {
		right: -30%;
	}
}

@media (max-width: 960px) {
	.s_graph_content {
		right: -40%;
	}
}

@media (max-width: 820px) {
	.s_graph_content {
		right: -46%;
	}
}

@media (max-width: 700px) {
	.s_graph_content {
		right: -55%;
	}
}

@media (max-width: 600px) {
	.s_graph_content {
		right: -70%;
	}
}

@media (max-width: 500px) {
	.s_graph_content {
		right: -75%;
	}
}

@media (max-width: 450px) {
	.s_graph_content {
		right: -90%;
	}
}

@media (max-width: 400px) {
	.s_graph_content_container {
		width: 50%;
	}

	.s_graph_content {
		right: -80%;
	}
}

@media (max-width: 350px) {
	.s_graph_content_container {
		width: 50%;
	}

	.s_graph_content {
		min-width: 160px;
		right: -90%;
	}
}


/* Recruit */
.s_recruit {
	flex-wrap: nowrap;
	gap: 20px;
}

.c_history_description {
	line-height: 30px;
	color: var(--dark-color);
}

.s_recruit_connector {
	position: absolute;
	width: 100%;
	max-width: 15px;
	height: 70px;
	left: 2%;
	bottom: -18%;
	z-index: 1;
}

.c_greetings_title {
	font-size: 1.875em;
	line-height: 60px;
	background-image: linear-gradient(to bottom, var(--gy-color) 50%, var(--primary-accent) 50%);
	background-size: 100% 200%;
}

.c_greetings_sub {
	font-size: 3.75em;
	line-height: 70px;
	background-image: linear-gradient(to bottom, var(--gy-color) 50%, var(--primary-accent) 50%);
	background-size: 100% 200%;
}

.s_animated_recruit_text {
	background-image: linear-gradient(to bottom, var(--gy-color) 50%, var(--dark-color) 50%);
	background-size: 100% 200%;
}

.c_greetings_title.clicked {
	animation: colorFill .5s ease-in-out forwards;
	animation-delay: 0s;
}

.c_greetings_title.active {
	animation: colorFill .5s ease-in-out forwards;
	animation-delay: 0s;
}

.c_greetings_sub.clicked {
	animation: colorFill 1s ease-in-out forwards;
	animation-delay: .5s;
}

.c_greetings_sub.active {
	animation: colorFill 1s ease-in-out forwards;
	animation-delay: .5s;
}

.s_animated_recruit_text.clicked {
	animation: colorFill 1.5s ease-in-out forwards;
	animation-delay: 1s;
}

.s_animated_recruit_text.active {
	animation: colorFill 1.5s ease-in-out forwards;
	animation-delay: 1s;
}

.s_recruit_sticky_element_two {
	max-width: 200px;
	height: 35px;
	top: 0%;
	left: -25%;
}

.s_recruit_card_list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.s_recruit_card {
	max-width: 300px;
	min-height: auto;
	cursor: pointer;
	transition: all .5s ease;
}

.s_recruit_card:first-child {
	cursor: default;
}

.s_recruit_card:first-child:hover {
	box-shadow: none;
}

.s_recruit_card:hover {
	box-shadow: 2px 2px 6px #00913a98;
}

.s_recruit_card:nth-child(3) {
	box-shadow: none;
}

.s_recruit_card:nth-child(3) .s_recruit_img_container,
.s_recruit_card:nth-child(3) .s_product_img,
.s_recruit_card:nth-child(3),
.s_recruit_card:first-child .s_recruit_img_container,
.s_recruit_card:first-child .s_product_img,
.s_recruit_card:first-child {
	cursor: default;
}

.s_recruit_content {
	min-height: 230px;
}

.s_recruit_content .c_history_description {
	margin-top: 20px;
}

.s_recruit_img_container {
	height: 200px;
}

.s_recruit_modal_container {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(69, 69, 69, 0.60);
	min-height: 100vh;
	height: 100%;
	width: 100%;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
	display: none;
	padding: 0 20px;
}

.s_recruit_img_container {
	display: flex;
	align-items: start;
	justify-content: end;
}

.s_recruit_modal_container.active {
	display: flex !important;
}

.s_recruit_modal {
	position: relative;
	display: none;
}

.s_recruit_modal_close {
	padding: 10px;
	border-radius: 10px;
	background: var(--primary-accent);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 20;
	cursor: pointer;
	transition: .5s all ease;
}

.s_recruit_modal_close:hover {
	background: var(--secondary-accent);
}

.s_recruit_modal_close_container {
	width: 100%;
}

.s_recruit_modal_close svg {
	fill: white;
	width: 10px;
	height: 10px;
}

.s_recruit_modal {
	background: var(--white-color);
	border-radius: 20px;
	width: 100%;
	max-width: 500px;
	height: 500px;
	overflow-y: auto;
}

.s_recruit_modal .c_history_description {
	display: flex;
}

.s_recruit_button_container {
	display: flex;
	align-items: center;
	justify-content: end;
	padding: 20px;
}

.c_apply_description {
	line-height: 34px;
}

.s_apply_rotating_img {
	position: absolute;
	min-width: 982.507px;
	height: 982.704px;
	top: -50%;
	right: -15%;
	animation: rotate 30s linear infinite;
	opacity: .3;
	filter: brightness(.4);
}

.s_apply_indeed {
	width: 100%;
	max-width: 220px;
	height: 75px;
}

.s_apply_width {
	width: 100%;
	max-width: 618px;
}

.s_indeed_container {
	background: #fff;
}

@media (max-width: 1000px) {
	.s_recruit_card_list {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px;
	}

	.s_recruit_card {
		margin: auto;
	}
}

@media (max-width: 500px) {
	.s_recruit_card_list {
		grid-template-columns: repeat(1, 1fr);
	}

	.s_recruit_content h2 {
		margin-top: 10px;
		font-size: 1.3em !important;
	}

	.s_recruit_content {
		min-height: auto;
		padding-bottom: 30px;
	}
}

@media (max-width: 1800px) {
	.s_apply_rotating_img {
		min-width: 700px;
		height: 700px;
		top: -30%;
		right: -15%;
	}
}

@media (max-width: 1400px) {
	.s_apply_rotating_img {
		min-width: 500px;
		height: 500px;
		top: -20%;
		right: -15%;
	}
}

@media (max-width: 960px) {
	.s_apply_rotating_img {
		min-width: 500px;
		height: 500px;
		top: -20%;
		right: -40%;
	}
}

@media (max-width: 768px) {
	.s_apply_rotating_img {
		min-width: 350px;
		height: 350px;
		top: -20%;
		right: -20%;
	}

	.s_apply_width {
		max-width: 258px;
		margin-bottom: 10px;
	}

	.s_indeed_container {
		flex-direction: column;
	}

	.s_recruit {
		flex-direction: column;
	}

	.s_recruit .c_left_container,
	.s_recruit .c_right_container {
		width: 100%;
	}
}

@media (max-width: 500px) {
	.s_apply_rotating_img {
		right: -45%;
	}

	.c_greetings_title {
		font-size: 1.25em;
		line-height: 2;
	}

	.c_greetings_sub {
		font-size: 2.5em;
		line-height: 60px;
	}

	.s_recruit_sticky_element_two {
		max-width: 100px;
		height: 25px;
		left: -10%;
	}
}


/* Primary Button */
.c_light_btn,
.c_dark_btn {
	width: 100%;
	max-width: fit-content;
	min-width: 200px;
}

/* Light */
.c_light_btn a {
	position: relative;
	display: block;
	padding: 0.7em 70px 0.8em 1em;
	background-color: var(--light-color);
	border: 1px solid var(--primary-accent);
	border-radius: 5px;
	color: var(--primary-accent);
	text-align: left;
	text-decoration: none;
}

.c_light_btn a,
.c_light_btn a * {
	transition: all 0.3s ease;
}

.c_light_btn a:hover {
	background-color: var(--primary-accent);
	color: var(--light-color);
}

.c_light_btn_icon {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: calc(100% - 20px);
	margin: auto;
	border-left: 1px solid var(--primary-accent);
}

.c_light_btn_svg {
	width: 24px;
	height: 100%;
	fill: var(--primary-accent);
}

.c_light_btn a:hover .c_light_btn_icon {
	border-left-color: var(--light-color);
}

.c_light_btn a:hover .c_light_btn_svg {
	fill: var(--light-color);
}

/* Dark */
.c_dark_btn a {
	position: relative;
	display: block;
	padding: 0.7em 70px 0.8em 1em;
	background-color: var(--primary-accent);
	border: 1px solid var(--primary-accent);
	border-radius: 5px;
	color: var(--light-color);
	text-align: left;
	text-decoration: none;
}

.c_dark_btn_icon {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: calc(100% - 20px);
	margin: auto;
	border-left: 1px solid var(--light-color);
}

.c_dark_btn_svg {
	width: 24px;
	height: 100%;
	fill: var(--light-color);
}

.c_dark_btn a,
.c_dark_btn a * {
	transition: all 0.3s ease;
}

.c_dark_btn a:hover {
	background-color: var(--light-color);
	color: var(--primary-accent);
}

.c_dark_btn a:hover .c_dark_btn_icon {
	border-left-color: var(--primary-accent);
}

.c_dark_btn a:hover .c_dark_btn_svg {
	fill: var(--primary-accent);
}

/* Arrow To Main Button */
.c_dark_arrow_btn a {
	position: relative;
	display: block;
	/* padding: 0.7em 50px 0.8em 1em; */
	padding: 25px;
	background-color: var(--primary-accent);
	border: 1px solid var(--primary-accent);
	border-radius: 5px;
	color: var(--light-color);
	text-align: left;
	text-decoration: none;

	width: 100%;
	max-width: 58px;
	height: 50px;
	display: flex;
	align-items: center;
}

.c_dark_arrow_btn_content {
	display: none;
	margin-right: 10px;
}

.c_dark_arrow_btn_icon {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: calc(100% - 20px);
	margin: auto;
	/* border-left: 1px solid var(--light-color); */
}

.c_dark_arrow_btn_svg {
	width: 24px;
	height: 100%;
	fill: var(--light-color);
}

.c_dark_arrow_btn a,
.c_dark_arrow_btn a * {
	transition: all 0.3s ease;
}

.c_dark_arrow_btn a:hover {
	background-color: var(--light-color);
	color: var(--primary-accent);
	padding: 0.7em 50px 0.8em 1em;
	max-width: fit-content;
}

.c_dark_arrow_btn a:hover .c_dark_arrow_btn_content {
	display: flex;
}

.c_dark_arrow_btn a:hover .c_dark_arrow_btn_icon {
	border-left-color: var(--primary-accent);
	border-left: 1px solid var(--primary-accent);
}

.c_dark_arrow_btn a:hover .c_dark_arrow_btn_svg {
	fill: var(--primary-accent);
}

/* Primary Section Title*/
.c_section_title {
	position: relative;
	z-index: 1;
}

.c_section_title_dark {
	color: var(--dark-color) !important;
}

.c_section_title_light {
	color: var(--light-color) !important;
}

.c_section_title_disc {
	height: 10px;
	width: 10px;
	border-radius: 50%;
}

@media (max-width: 768px) {
	.c_section_title_description {
		margin-top: 0;
	}
}

@media (max-width: 500px) {
	.c_section_title_bulleted {
		margin-bottom: 0;
	}
}


/* privacy list */
.c_mainlist {
	margin-left: 20px;
}

.c_sublist {
	margin-left: 40px;
}

li.c_notlist {
	counter-increment: none !important;
}

li.c_notlist::before {
	content: none !important;
}

ol {
	list-style-type: none;
	counter-reset: my-list-counter;
	padding-left: 0;
}

ol li {
	display: flex;
	align-items: flex-start;
	counter-increment: my-list-counter;
	margin-bottom: 12px;
}

ol li::before {
	content: counter(my-list-counter) ".";
	margin-right: 12px;
	flex-shrink: 0;
	font-weight: bold;
}

ol li .list-content {
	text-align: justify;
}



/* 404 */

.c_404_ttlV {
	display: flex;
	align-items: start;
}

.c_404_desc,
.c_thanks_desc {
	display: flex;
	align-items: start;
	flex-direction: column;
}

@media (max-width: 768px) {
	.c_404_ttl {
		flex-direction: column;
	}
}