/**************** dnn button color ******************/

.dnnForm .dnnPrimaryAction {
	font-size: 16px;
	color: #FFF;
	background: var(--dnn-color-primary, #3792ed);
	border: none;
	font-weight: normal;
}

.dnnForm .dnnPrimaryAction:hover {
	color: #FFF;
	background: var(--dnn-color-primary-light, #6cb6f3);
}

.dnnForm .dnnSecondaryAction {
	font-size: 16px;
	color: #FFF;
	background: var(--dnn-color-secondary, #ED3D46);
	border: none;
	font-weight: normal;
}

.dnnForm .dnnSecondaryAction:hover {
	color: #FFF;
	background: var(--dnn-color-secondary-light, #EF5059);
}



/**************** Password page******************/


/* ********** Control Panel Style ************** */
.CommandButton,
A.CommandButton:link,
A.CommandButton:visited,
A.CommandButton:active {
	font-size: 12px;
	color: #973939;
	text-decoration: none;
	font-weight: normal;
}

A.CommandButton:hover {
	color: #973939;
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
}

.FileManager A,
.FileManager A:link,
.FileManager A:visited,
.FileManager A:active {
	color: #000;
	text-decoration: underline;
}

.FileManager A:hover {
	color: #000;
	text-decoration: none;
}

/* ********** Pane Style ************** */
.DNNEmptyPane {
	display: none;
}

#dnn_ControlPanel #dnnCPWrap {
	filter: none !important;
}

ul.dnnActionMenuBody li ul li a,
ul.dnnActionMenuBody li ul li a img {
	color: #328DDE !important;
}

form#Form {
	height: 100%;
}

.ModuleTitle_SubMenu {
	z-index: 9999 !important;
}

/* ********** Pane Style End ************** */

/*dnn*/
.dnnEditState .actionMenu {
	z-index: 1 !important;
	display: block !important;
}

#Body[style*="margin-left: 80px"] {
	position: relative;
}

#Body[style*="margin-left: 80px"] .dng-main.Wide .header-replace.header-position,
#Body[style*="margin-left: 80px"] .dng-main.Wide .floating-active.header-wrap,
#Body[style*="margin-left: 80px"] .dng-main.Wide .sticky-fixed .floating-nav.floating-nav-sticky {
	left: 80px;
	width: auto;
	right: 0;
}

#Body[style*="margin-left: 80px"] .headersidenav {
	left: 80px;
}

#Body[style*="margin-left: 80px"] .leftslidemenu.active {
	margin-left: 80px;
}

#Form.showControlBar {
	position: relative;
}

.dnnEditState .overlay-panel-content {
	position: relative !important;
	display: block !important;
	z-index: 99 !important;
	overflow: visible;
	width: 100%;
}

.dnnEditState .overlay-panel-content:before {
	position: absolute;
}

.dnnEditState .overlay-panel-content .overlay-panel-close {
	position: absolute;
}

.dnnEditState .overlay-panel-content .dng_animate_visible,
.cke_editable .dng_animate_visible {
	opacity: 1;
}

.dnnEditState .side-panel-box.side-panel .side-panel-main {
	min-height: 100vh
}

.dnnEditState .side-panel {
	position: relative !important;
	left: auto !important;
	right: 0 !important;
	top: 0 !important;
	visibility: visible !important;
	display: inline-block;
	z-index: 100 !important;
}

#PageTemplate_Modal .modal-body {
	height: calc(100% - 65px);
}

#PageTemplate_Modal .close {
	position: absolute;
	right: 4px;
	top: -3px;
	font-size: 35px;
}

#setting-message-info {
	position: fixed;
	right: 25px;
	top: 25px;
	z-index: 10001;
	display: none;
	padding: 15px;
	border-radius: 5px;
	color: #FFF;
	font-size: 14px;
	background-color: #32373c;
}

#setting-message-info .fa {
	border-width: 2px;
	border-style: solid;
	font-size: 10px;
	width: 25px;
	height: 25px;
	line-height: 22px;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	margin-bottom: 2px;

}

#setting-message-info-full {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10000001;
	background: #000;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	display: none;
}

#setting-message-info-full .waitaminute-message {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 50px;
	font-weight: 600;
	line-height: 60px;
	margin-top: -30px;
}

#setting-message-info-full .cog {
	position: relative;
	display: inline-block;
	width: 60px;
	line-height: 1;
	margin-bottom: 10px;



}

#setting-message-info-full .cog .fa-cog {
	width: 1em;
	height: 1em;
	display: inline-block;
	background: url('data:image/svg+xml;utf8,<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg"><path d="M487.4 315.7l-42.6-24.6c4.3-23.2 4.3-47 0-70.2l42.6-24.6c4.9-2.8 7.1-8.6 5.5-14-11.1-35.6-30-67.8-54.7-94.6-3.8-4.1-10-5.1-14.8-2.3L380.8 110c-17.9-15.4-38.5-27.3-60.8-35.1V25.8c0-5.6-3.9-10.5-9.4-11.7-36.7-8.2-74.3-7.8-109.2 0-5.5 1.2-9.4 6.1-9.4 11.7V75c-22.2 7.9-42.8 19.8-60.8 35.1L88.7 85.5c-4.9-2.8-11-1.9-14.8 2.3-24.7 26.7-43.6 58.9-54.7 94.6-1.7 5.4.6 11.2 5.5 14L67.3 221c-4.3 23.2-4.3 47 0 70.2l-42.6 24.6c-4.9 2.8-7.1 8.6-5.5 14 11.1 35.6 30 67.8 54.7 94.6 3.8 4.1 10 5.1 14.8 2.3l42.6-24.6c17.9 15.4 38.5 27.3 60.8 35.1v49.2c0 5.6 3.9 10.5 9.4 11.7 36.7 8.2 74.3 7.8 109.2 0 5.5-1.2 9.4-6.1 9.4-11.7v-49.2c22.2-7.9 42.8-19.8 60.8-35.1l42.6 24.6c4.9 2.8 11 1.9 14.8-2.3 24.7-26.7 43.6-58.9 54.7-94.6 1.5-5.5-.7-11.3-5.6-14.1zM256 336c-44.1 0-80-35.9-80-80s35.9-80 80-80 80 35.9 80 80-35.9 80-80 80z" fill="%23ffffff" ></path></svg>');
	background-size: cover;

}

#setting-message-info-full .cog .fa-cog::before {
	content: none;
}

#setting-message-info-full .cog .icon1 {
	-webkit-animation: rotatemessage-r 5s infinite linear;
	animation: rotatemessage-r 5s infinite linear;
}

#setting-message-info-full .cog .icon2 {
	position: absolute;
	font-size: 0.5em;
	top: 0;
	-webkit-animation: rotatemessage 3s infinite linear;
	animation: rotatemessage 3s infinite linear;

}

#setting-message-info-full .cog .icon3 {
	position: absolute;
	font-size: 0.5em;
	bottom: 0;
	-webkit-animation: rotatemessage 3s infinite linear;
	animation: rotatemessage 3s infinite linear;
}

/* Animations */
@-webkit-keyframes rotatemessage {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotatemessage {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rotatemessage-r {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

@keyframes rotatemessage-r {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

.DNNEmptyPane {
	display: none !important;
}

/*pane name*/
.dnnEditState .edit-panename {
	position: absolute;
	z-index: 100;
	pointer-events: none;
	user-select: none;
	color: #cdcdcd;
	font-size: 18px;
	font-weight: bold;
	left: 50%;
	top: 20px;
	transform: translate(-50%, 0);
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.2);
}

/*SkinPlugin*/
.SkinPlugin_icon {
	display: none;
}

.SkinPluginPro_icon:not(.sidebarIcon) {
	position: fixed;
	top: 20%;
	left: 0;
	z-index: 9999;
	cursor: pointer;
	text-align: left;
	white-space: pre;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

body[style*="margin-left: 80px;"] .SkinPluginPro_icon:not(.sidebarIcon) {
	left: 80px;
}


.SkinPluginPro_icon:not(.sidebarIcon) a {
	display: inline-flex;
	flex-direction: row-reverse;
	height: 34px;
	line-height: 34px;
	text-decoration: none;
	background-color: #20a3f0;
	text-align: center;
	border-radius: 0 4px 4px 0;
	white-space: nowrap;
	padding: 0;
	margin: 0 0 2px;
}

.SkinPluginPro_icon:not(.sidebarIcon) span {
	color: #FFF;
	max-width: 0px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;

	font-size: 13px;
	transition: all ease-in 300ms;
	-moz-transition: all ease-in 300ms;
	-webkit-transition: all ease-in 300ms;
	-o-transition: all ease-in 300ms;
	-ms-transition: all ease-in 300ms;
}

.SkinPluginPro_icon:not(.sidebarIcon) i {
	font-size: 16px;
	color: #FFF;
	width: 34px;
	display: inline-block;
	vertical-align: middle;
}

.SkinPluginPro_icon:not(.sidebarIcon) i::before {
	content: none;
}

.SkinPluginPro_icon:not(.sidebarIcon) a:hover span {
	max-width: 160px;
	padding-right: 10px;
}

.SkinPluginPro_icon:not(.sidebarIcon) a {
	background-image: url(resource/images/cog.png);
	background-repeat: no-repeat;
	background-position: 0 2px;

}

.SkinPluginPro_icon:not(.sidebarIcon) .btn-plugin-theme {
	background-position: left -3px top -30px;

}

.SkinPluginPro_icon:not(.sidebarIcon) .btn-plugin-page {
	background-position: left -3px top 2px;
}

.SkinPluginPro_icon:not(.sidebarIcon) .btn-plugin-import {
	background-position: left -3px top -60px;

}

.btn-plugin.btn-plugin-headerlayout {
	width: 40px;
	height: 40px;
	border-radius: 0;
	box-sizing: border-box;
	padding: 0px;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	background-color: rgba(0, 172, 214, 0.8);
	color: #fff;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E %3Cpath fill='rgba(255,255,255,1)' d='M461.9 114.9l-56.5 56.7-55.1-10-9.9-55.1 56.5-56.7c-12.7-12.7-30.8-18.5-44.2-17.8-13.5.7-42.3 8.3-64.6 32-21.6 22.8-44.3 65.3-24.2 112.5 2.4 5.7 5.1 13.2-2.9 21.2-8.1 8-215 202.8-215 202.8-19.4 16.7-18 47.6-.1 65.6 18.2 17.9 48.9 19 65.6-.3 0 0 193.2-205.8 202.7-215.1 8.5-8.3 16.1-5.5 21.2-2.9 35.6 18.4 86.3 2.4 112.6-23.9 26.3-26.3 31.1-51.7 31.9-64.7.8-12.9-3.7-30-18-44.3zM91.3 443.2c-6.3 6.2-16.5 6.2-22.7 0-6.2-6.3-6.2-16.5 0-22.7 6.3-6.2 16.5-6.2 22.7 0 6.2 6.3 6.2 16.5 0 22.7z'/%3E%3C/svg%3E");
	background-size: 1em 1em;
	background-position: center center;
	background-repeat: no-repeat;
	transition: all 300ms ease-in;
}

.btn-plugin.btn-plugin-headerlayout span,
.btn-plugin.btn-plugin-headerlayout i {
	display: none;
}

.btn-plugin.btn-plugin-headerlayout:hover {
	background-color: rgb(0, 172, 214);
}

div.actionMenu ul.dnn_mact>li.actionMenuMove>ul li {
	height: auto !important;
}


/* .col-md-12 {
	float: none !important;
} */

#dnn_content .dnnForm.dnnLogin {
	padding-top: 100px;
}

.dnnModuleDigitalAssetsBackground,
.dnnModuleDigitalAssetsBackground *,
.dnnModuleDigitalAssetsBackground *::after,
.dnnModuleDigitalAssetsBackground *::before {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.dnnModuleDigitalAssetsBackground caption {
	padding: 0;
}


/* ********
	Skin Style
******** */

:root {
	--ViewWindowWidth: 100vw;
	--ScrollBarWidth: 0px;
}

@media (min-height: 100vh) {
	:root {
		--ViewWindowWidth: calc(100vw - var(--ScrollBarWidth));
	}
}

:root {
	--SpecialPageTopSpacing: calc(var(--headerHeight) + 30px);
}

@media only screen and (max-width:991.98px) {
	:root {
		--SpecialPageTopSpacing: calc(var(--mobileHeaderHeight) + 30px);
	}
}

@keyframes marquee {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(-100%, 0);
	}
}

#dng-wrapper:has(.header-replace.header-position.sticky-fixed) #dnn_content:has(#dnn_ctr_Login_DNN),
#dng-wrapper:has(.header-replace.header-position.sticky-fixed) #dnn_content:has(#dnn_ctr_Privacy_lblPrivacy),
#dng-wrapper:has(.header-replace.header-position.sticky-fixed) #dnn_content:has(#dnn_ctr_Terms_lblTerms),
#dng-wrapper:has(.header-replace.header-position.sticky-fixed) #dnn_content:has(dnn-resource-manager.hydrated),
#dng-wrapper:has(.header-replace.header-position.sticky-fixed) #dnn_content:has(.DnnModule.DnnModule-DNNGoFormBuilder) {
	padding-top: var(--SpecialPageTopSpacing);
}


.d-wrapper a {
	font-family: var(--family2);
}


#Body .textWrap-balanced {
    text-wrap: balance !important;
}

@media(min-width:576px) {
    #Body .textWrap-sm-balanced {
        text-wrap: balance !important;
    }
}

@media(min-width:768px) {
    #Body .textWrap-md-balanced {
        text-wrap: balance !important;
    }
}

@media(min-width:992px) {
    #Body .textWrap-lg-balanced {
        text-wrap: balance !important;
    }
}

@media(min-width:1200px) {
    #Body .textWrap-xl-balanced {
        text-wrap: balance !important;
    }
}

/* progress-circle-bullet */
.progress-circle-bullet {
	--DotColor: #000;
	--BorderColor: #000;
	--ActiveDotColor: var(--accent-color);
	--ActiveBorderColor: var(--accent-color);
}

.is-light-text .progress-circle-bullet {
	--DotColor: #fff;
	--BorderColor: #fff;
	--ActiveDotColor: var(--accent-color);
	--ActiveBorderColor: #fff;
}

.progress-circle-bullet.DarkStyle {
	--DotColor: #000;
	--BorderColor: #000;
	--ActiveDotColor: var(--accent-color);
	--ActiveBorderColor: var(--accent-color);
}

.progress-circle-bullet.LightStyle {
	--DotColor: #000;
	--BorderColor: #000;
	--ActiveDotColor: var(--accent-color);
	--ActiveBorderColor: var(--accent-color);
}

.progress-circle-bullet .swiper-pagination .swiper-pagination-bullet,
.progress-circle-bullet .carousel-pagination .pagination-bullet {
	width: 30px !important;
	height: 30px !important;
	background-clip: content-box;
	padding: 11px;
	border-radius: 50%;
	opacity: .2;
	position: relative;
	cursor: pointer;
	color: var(--BorderColor) !important;
	background-color: var(--DotColor) !important;
}

.progress-circle-bullet .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.progress-circle-bullet .carousel-pagination .pagination-bullet.active {
	color: var(--ActiveBorderColor) !important;
	background-color: var(--ActiveDotColor) !important;
	background-clip: content-box;
	opacity: 1;
}

.progress-circle-bullet .swiper-pagination .swiper-pagination-bullet::after,
.progress-circle-bullet .carousel-pagination .pagination-bullet::after {
	content: "";
	position: absolute;
	left: -7px;
	right: -7px;
	bottom: -7px;
	top: -7px;
	pointer-events: none;
	border: 1px solid currentColor;
	border-radius: 50%;
	visibility: hidden;
	transition: all ease-in 200ms;
	color: currentColor;
}

.progress-circle-bullet .swiper-pagination .swiper-pagination-bullet:hover::after,
.progress-circle-bullet .carousel-pagination .pagination-bullet:hover::after {
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	visibility: visible;
}

.progress-circle-bullet .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after,
.progress-circle-bullet .carousel-pagination .pagination-bullet.active::after {
	opacity: .2;
}

.progress-circle-bullet .swiper-pagination .swiper-pagination-bullet .progress-circle,
.progress-circle-bullet .carousel-pagination .pagination-bullet .progress-circle {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	--r: calc((30 - 2) / 2);
	--percent: 0;
	z-index: 2;
	transition: all ease-out 800ms;
}

.progress-circle-bullet .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .progress-circle,
.progress-circle-bullet .carousel-pagination .pagination-bullet.active .progress-circle {
	--percent: 100;
	transform: rotate(360deg);
}

.progress-circle-bullet .swiper-pagination .swiper-pagination-bullet .progress-circle>circle,
.progress-circle-bullet .carousel-pagination .pagination-bullet .progress-circle>circle {
	cx: 15px;
	cy: 15px;
	r: 14px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1px;
	stroke-dasharray: calc(2 * 3.1415 * var(--r) * (var(--percent) / 100)), 1000;
	transition: all ease-out 800ms;
}


/* carousel-navigation-button */
.carousel-navigation-button.BorderStyle-01,
.swiper-navigation-button.BorderStyle-01 {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 5px 15px;
}

.carousel-navigation-button.BorderStyle-01 a,
.swiper-navigation-button.BorderStyle-01 a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 73px;
	height: 73px;
	color: #102039;
	font-size: 30px;
	line-height: 1;
	border: 2px solid currentColor;
	transition: all ease 300ms;
}

.carousel-navigation-button.BorderStyle-01 a:hover,
.swiper-navigation-button.BorderStyle-01 a:hover {
	color: var(--accent-color);
}

.is-light-text .carousel-navigation-button.BorderStyle-01 a,
.is-light-text .swiper-navigation-button.BorderStyle-01 a {
	color: #fff;
}

.is-light-text .carousel-navigation-button.BorderStyle-01 a:hover,
.is-light-text .swiper-navigation-button.BorderStyle-01 a:hover {
	background-color: #102039;
	border-color: #102039;
}



/* link-default-color */
.link-default-color {
	color: var(--link-color) !important;
}

.link-default-color:hover {
	color: var(--link-hover-color) !important;
}

/* link-current-color */
.link-current-color {
	color: currentColor !important;
}

.link-current-color:hover {
	color: var(--link-hover-color) !important;
}







/* HeaderHome-02-Middle */
.HeaderHome-02-Middle {}

.HeaderHome-02-Middle>.container {
	width: 1700px;
}


/* 
	HeaderHome-03-Top
	HeaderHome-03-Middle
	HeaderHome-03-Bottom
*/

.header-replace:has(.HeaderHome-03-Middle) {
	--HeaderWidth: 1255px;
	--AreaLeftWidth: 415px;
	--TopColor: #f5f2ef;
	--MiddleColor: #fff;
	--BottomColor: #102039;
}

.header-replace:has(.HeaderHome-03-Middle) .btn-plugin.btn-plugin-headerlayout {
	z-index: 2;
}

.header-replace:has(.HeaderHome-03-Middle) header {}

.header-replace:has(.HeaderHome-03-Middle) .header_bg::before,
.header-replace:has(.HeaderHome-03-Middle) .header_bg::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1;
}

.header-replace:has(.HeaderHome-03-Middle) .container {
	position: relative;
	z-index: 2;
}

.header-replace:has(.HeaderHome-03-Middle) .header_bg::before {
	height: var(--headerHeight);
	background-color: var(--BottomColor);
}

.header-replace:has(.HeaderHome-03-Middle) .header_bg::after {
	height: var(--headerHeight);
	background-image:
		linear-gradient(to right, var(--TopColor), var(--TopColor)),
		linear-gradient(to right, var(--MiddleColor), var(--MiddleColor)),
		linear-gradient(to right, var(--BottomColor), var(--BottomColor));
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-size: 100% var(--header-top-height), 100% calc(var(--header-top-height) + var(--header-center-height)), 100% 100%;

	clip-path: polygon(calc(max((var(--ViewWindowWidth) - var(--HeaderWidth)), 0px) / 2 + var(--AreaLeftWidth)) 0,
			100% 0,
			100% 100%,
			calc(max((var(--ViewWindowWidth) - var(--HeaderWidth)), 0px) / 2 + var(--AreaLeftWidth) - var(--headerHeight)) 100%);
}

.header-replace:has(.HeaderHome-03-Middle) .container {
	width: var(--HeaderWidth);
}

.header-replace .HeaderHome-03-Middle .area-left .header-content-wrap {
	position: relative;
}

.header-replace .HeaderHome-03-Middle .area-left .header-content-wrap::before,
.header-replace .HeaderHome-03-Middle .area-left .header-content-wrap::after {
	content: '';
	position: absolute;
	z-index: 1;
}

.header-replace .HeaderHome-03-Middle .area-left .header-content-wrap::before {
	top: calc(-1 * var(--header-top-height));
	right: calc(var(--header-center-height) - 10px);

	width: 180px;
	height: 90px;
	background-color: var(--accent-color);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	transition: all ease-out 250ms;
}

.header-replace:has(.HeaderHome-03-Middle) header.floating-active .area-left .header-content-wrap::before {
	clip-path: polygon(0 0, 100% 0, 50% 0);
}

.header-replace .HeaderHome-03-Middle .area-left .header-content-wrap .logo {
	position: relative;
	overflow: visible;
}

.header-replace .HeaderHome-03-Middle .area-left .header-content-wrap .logo::before {
	content: '';
	position: absolute;

	background-color: var(--MiddleColor);
	transform-origin: center center;
	top: calc(-1 * var(--header-top-height, 0px));
	bottom: calc(-1 * var(--header-bottom-height, 0px));

	width: 245%;
	transform: translate3d(-10%, 0, 0);
	clip-path: polygon(51% 0%, 77.5% 0%, 100% 40%, 69% 100%, 0% 100%);
}

.header-replace .HeaderHome-03-Middle .area-left .header-content-wrap .logo::after {
	content: '';
	position: absolute;

	background-color: transparent;
	transform-origin: center center;
	top: calc(-1 * var(--header-top-height, 0px));
	bottom: calc(-1 * var(--header-bottom-height, 0px));

	width: 250%;
	background-image: linear-gradient(135deg, var(--accent-color) 50%, var(--TopColor) 0);
	clip-path: polygon(0 100%, 22% 58%, 35% 80%, 40% 70%, 55% 100%);
}

.header-replace .HeaderHome-03-Middle .area-left .header-content-wrap .logo a {
	align-items: flex-end;
	display: grid;
	grid-template-columns: 1fr;
	width: 175px;
	height: 100px;
}

.header-replace .HeaderHome-03-Middle .area-left .header-content-wrap .logo img {
	position: relative;
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	display: block !important;
	margin: 0 auto;
	max-height: 65px;
	margin-bottom: 0;
	z-index: 2;
	transition: all ease-out 250ms;
}

.header-replace .HeaderHome-03-Middle .area-left .header-content-wrap .logo img.header-logo {
	opacity: 1;
}

.header-replace .HeaderHome-03-Middle .area-left .header-content-wrap .logo img.floating-header-logo {
	opacity: 0;
}

.header-replace .floating-nav.floating-active .HeaderHome-03-Middle .area-left .header-content-wrap .logo img.header-logo {
	opacity: 0;
}

.header-replace .floating-nav.floating-active .HeaderHome-03-Middle .area-left .header-content-wrap .logo img.floating-header-logo {
	opacity: 1;
}

/* HeaderHome-04-Middle */
.HeaderHome-04-Middle {}

.HeaderHome-04-Middle>.container {
	width: 1700px;
}

.HeaderHome-04-Middle .header-container-box .header-area.area-left .header-content-wrap {
	position: relative;
	/* 1000 ~ 1400 - 16px */
	column-gap: clamp(20px, 20vw + -180px, 100px);
}

.HeaderHome-04-Middle .header-container-box .header-area.area-left .header-content-wrap::after {
	content: '';
	width: 100%;
	height: 100%;
	background-color: var(--accent-color);
}

.HeaderHome-04-Middle .header-container-box .header-area.area-left .header-content-wrap .logo {
	flex-shrink: 0;
}



/* HeaderHome-05-Middle */
.HeaderHome-05-Middle {
	--MaxWidth: 1590px;
}

.HeaderHome-05-Middle>.container {
	width: var(--MaxWidth);
}

.floating-nav:has(.HeaderHome-05-Middle) .header-area.area-left {
	position: relative;
}

.floating-nav:has(.HeaderHome-05-Middle) .header-area.area-left::before {
	content: '';
	position: absolute;
	inset: 0;
	background-color: transparent;
	margin-left: calc(max((var(--ViewWindowWidth) - var(--MaxWidth)), 0px) / 2 * -1 - 15px);
	transition: background-color ease-out 250ms;
	pointer-events: none;
}

.floating-nav.floating-active:has(.HeaderHome-05-Middle) .header-area.area-left::before {
	background-color: var(--accent-color);
}


/* HeaderHome-06-Middle */
.HeaderHome-06-Middle {
	--BgColor: #fff;
	--HeaderWidth: 1330px;
}

.HeaderHome-06-Middle.containerWidthBg {
	background-color: transparent !important;
}

.HeaderHome-06-Middle .container {
	width: var(--HeaderWidth);
}

.HeaderHome-06-Middle .header-container-box .header-area {
	position: relative;
}

.HeaderHome-06-Middle .header-container-box .header-area::before {
	content: '';
	position: absolute;
	inset: 0;
	background-color: var(--BgColor);
	z-index: -1;
}

.HeaderHome-06-Middle .header-container-box .header-area .logo {
	width: 100%;
}

#Body .HeaderHome-06-Middle .header-container-box .header-area.area-left {
	margin-right: -1px;
	padding-left: 30px;
	padding-right: calc(55px + 20px);
}

#Body .HeaderHome-06-Middle .header-container-box .header-area.area-left::before {
	clip-path: polygon(0 0, 0 100%, calc(100% - 35px - 20px) 100%, calc(100% - 20px) 0, 100% 0, calc(100% - 35px) 100%, 100% 100%, 100% 0);
}

#Body .HeaderHome-06-Middle .header-container-box .header-area.area-right {
	padding-right: 30px;
}


/* sectionBanner-01 */
.sectionBanner-01.is-section.section-slider {
	--OverlayColor: transparent;
	--Background: transparent;
}

@media (min-width: 768px) {
	.sectionBanner-01.is-section.section-slider .swiper-pagination-bullets {
		position: absolute;
		inset: 0 0 0 auto;
		width: 190px;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		justify-content: center;
		gap: 20px;
	}

	.sectionBanner-01.is-section.section-slider .swiper-pagination .swiper-pagination-bullet {
		position: relative;
		margin: 0;
		width: 100%;
		height: 80px;
		border-radius: 80px 0 0 80px;
		background-color: var(--accent-color);
		overflow: hidden;
	}

	.sectionBanner-01.is-section.section-slider .swiper-pagination .swiper-pagination-bullet::before {
		content: '';
		position: absolute;
		top: 50%;
		left: calc(35px / 2);
		display: block;
		width: 18px;
		height: 18px;
		transform: translate3d(-50%, -50%, 0);

		background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg" fill="%23fff"><path d="M231.536 475.535l7.071-7.07c4.686-4.686 4.686-12.284 0-16.971L60.113 273H436c6.627 0 12-5.373 12-12v-10c0-6.627-5.373-12-12-12H60.113L238.607 60.506c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0L3.515 247.515c-4.686 4.686-4.686 12.284 0 16.971l211.051 211.05c4.686 4.686 12.284 4.686 16.97-.001z" ></path></svg>');
		background-size: cover;
		background-repeat: no-repeat;
		border: none;
		cursor: pointer;
	}

	.sectionBanner-01.is-section.section-slider .swiper-pagination .swiper-pagination-bullet::after {
		content: '';
		position: absolute;
		inset: 0;
		background: var(--Background);
		background-position: center center;
		background-size: cover;
		border-radius: 80px 0 0 80px;
		transition: all ease-in 300ms;
	}

	.sectionBanner-01.is-section.section-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
		transform: translate3d(35px, 0, 0);
	}
}

.sectionBanner-01.is-section.section-slider .is-overlay::before,
.sectionBanner-01.is-section.section-slider .is-overlay::after {
	content: '';
	position: absolute;
	top: 50%;
	left: calc(360 / 2000 * 100%);
	width: calc(330 / 2000 * 100%);
	height: 200%;
	background-color: var(--OverlayColor);
	opacity: 0.15;
	z-index: 1;
	transform-origin: top center;
}

.sectionBanner-01.is-section.section-slider .is-overlay::before {
	transform: rotate(25deg) translate3d(0, -50%, 0);
}

.sectionBanner-01.is-section.section-slider .is-overlay::after {
	transform: rotate(-25deg) translate3d(0, -50%, 0);
}

.sectionBanner-01.is-section.section-slider .is-boxes {
	z-index: 1;
}



/* sectionBanner-02 */
.sectionBanner-02.is-section.section-slider {
	--DotColor: #fff;
	--BorderColor: #fff;
	--ActiveDotColor: var(--accent-color);
	--ActiveBorderColor: #fff;
}

.sectionBanner-02.is-section.section-slider .swiper-slide {
	padding-top: var(--headerHeight);
}

.sectionBanner-02.is-section.section-slider .swiper-pagination-bullets {
	display: flex;
	justify-content: center;
	gap: 8px;
}

.sectionBanner-02.is-section.section-slider .swiper-pagination-bullet {
	margin: 0 0 0;
}

.sectionBanner-02 .extended-overlay {
	position: absolute;
	inset: 0;
	overflow: hidden;
}

.sectionBanner-02 .extended-overlay>div {
	position: absolute;
}

.sectionBanner-02 .extended-overlay>div.item-01 {
	top: var(--headerHeight);
	left: 0;

	width: clamp(80px, 6.666666666666667vw + 32px, 160px);
	height: clamp(87.5px, 7.291666666666667vw + 35px, 175px);

	background-color: var(--accent-color);
	opacity: 0.6;

	clip-path: polygon(0 0, 40px 0, 0 40px,
			0 60px, 60px 0, 100px 0, 0 100px,
			0 120px, 120px 0, 160px 0, 0 160px);

	clip-path: polygon(0 0, 25% 0, 0 25%,
			0 37.5%, 37.5% 0, 62.5% 0, 0 62.5%,
			0 75%, 75% 0, 100% 0, 0 100%);
}

.sectionBanner-02 .extended-overlay>div.item-02 {
	left: 0;
	bottom: 0;

	width: clamp(130px, 10.833333333333334vw + 52px, 260px);
	height: clamp(75px, 6.25vw + 30px, 150px);
	background-color: var(--accent-color);
	opacity: 0.5;

	clip-path: polygon(0 245px, 125px 0, 260px 150px, 0 150px);

	clip-path: polygon(0 calc(245 / 260 * 100%), calc(125 / 260 * 100%) 0, 100% 100%, 0 100%);
}

.sectionBanner-02 .extended-overlay>div.item-03 {
	left: 0;
	bottom: 0;

	width: clamp(115px, 9.583333333333334vw + 46px, 230px);
	height: clamp(80px, 6.666666666666667vw + 32px, 160px);
	background-color: var(--OverlayColor);
	opacity: 1;

	clip-path: polygon(0 100px, 90px 0, 230px 160px, 0 160px);

	clip-path: polygon(0 62.5%, calc(90 / 230 * 100%) 0, 100% 100%, 0 100%);
}

.sectionBanner-02 .extended-overlay>div.item-04 {
	top: 0;
	right: clamp(57.5px, 4.791666666666667vw + 23px, 115px);
	width: clamp(365px, 30.416666666666664vw + 146.00000000000003px, 730px);
	height: 100%;

	background-color: var(--OverlayColor);
	opacity: 0.25;

	clip-path: polygon(515px 0, 730px 0, 215px 100%, 0 100%);

	clip-path: polygon(calc(515 / 730 * 100%) 0%, 100% 0%, calc(215 / 730 * 100%) 100%, 0% 100%);
}

.sectionBanner-02 .extended-overlay>div.item-05 {
	right: clamp(185px, 15.416666666666668vw + 74px, 370px);
	bottom: 0;
	width: clamp(165px, 13.750000000000002vw + 65.99999999999999px, 330px);
	height: clamp(100px, 8.333333333333332vw + 40px, 200px);

	background-color: var(--OverlayColor);
	opacity: 0.3;

	clip-path: polygon(110px 10px, 100% 0%, 240px 100%, 0% 100%);

	clip-path: polygon(calc(110 / 330 * 100%) 5%, 100% 0%, calc(240 / 330 * 100%) 100%, 0% 100%);
}

.sectionBanner-02 .extended-overlay>div.item-06 {
	right: 0;
	bottom: 0;
	width: clamp(170px, 14.166666666666666vw + 68px, 340px);
	height: clamp(100px, 8.333333333333332vw + 40px, 200px);

	background-color: var(--accent-color);
	opacity: 1;

	clip-path: polygon(0 0, 180px 200px, 220px 200px, 40px 0,
			60px 0, 240px 200px, 280px 200px, 100px 0,
			120px 0, 300px 200px, 340px 200px, 160px 0);

	clip-path: polygon(0 0, calc(180 / 340 * 100%) 100%, calc(220 / 340 * 100%) 100%, calc(40 / 340 * 100%) 0,
			calc(60 / 340 * 100%) 0, calc(240 / 340 * 100%) 100%, calc(280 / 340 * 100%) 100%, calc(100 / 340 * 100%) 0,
			calc(120 / 340 * 100%) 0, calc(300 / 340 * 100%) 100%, calc(340 / 340 * 100%) 100%, calc(160 / 340 * 100%) 0);
}

@media (max-width: 991.98px) {
	.sectionBanner-02.is-section.section-slider .swiper-slide {
		padding-top: 0;
	}

	.sectionBanner-02 .extended-overlay>div.item-01 {
		top: 0;
	}
}

@media (min-width: 1600px) {
	.sectionBanner-02.is-section.section-slider .swiper-pagination-bullets {
		position: absolute;
		inset: 0 auto 0 40px;
		width: auto;

		flex-direction: column;
	}
}



/* sectionBanner-03 */
.sectionBanner-03.is-section.section-slider {
	--DotColor: #fff;
	--BorderColor: #fff;
	--ActiveDotColor: var(--accent-color);
	--ActiveBorderColor: #fff;
}

.sectionBanner-03 .is-overlay {
	--OverlayColor: transparent;
}

.sectionBanner-03 .is-overlay-color {
	background-color: transparent !important;
	background-image: linear-gradient(to right, var(--OverlayColor) 0%, var(--OverlayColor) 50%, transparent);
}

.sectionBanner-03.swiper-container {
	z-index: auto;
}

.sectionBanner-03.swiper-container.section-slider .swiper-slide {
	padding-left: 110px;
}

.sectionBanner-03.is-section.section-slider .swiper-pagination-bullets {
	display: flex;
	justify-content: center;
	gap: 8px;
}

.sectionBanner-03.is-section.section-slider .swiper-pagination-bullet {
	margin: 0 0 0;
}

@media (min-width: 992px) {
	.sectionBanner-03.is-section.section-slider .swiper-pagination-bullets {
		position: absolute;
		inset: 0 40px 0 auto;
		width: auto;
		flex-direction: column;
	}
}

.sectionBanner-03 .extended-Box {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 110px;
	height: calc(100% + var(--headerHeight));
	background: #f6f6f6;
	z-index: 1000;
}

.sectionBanner-03 .extended-Box .mainBox {
	position: relative;

	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
	margin: 0;
	padding: 30px 10px;

	width: 100%;
	height: 100%;
	max-height: 100vh;

	writing-mode: vertical-lr;
	transform: rotate(180deg);
}

@media only screen and (max-width: 991px) {
	.sectionBanner-03 .extended-Box {
		height: 100%;
		z-index: 2;
	}
}

.sectionBanner-03 .extended-Box .mainBox::after {
	content: '';
	flex-grow: 1;
	width: 1px;
	height: 1px;
	background-color: #e9eaec;
}

.sectionBanner-03 .extended-Box .leftBox {
	order: 1;
}

.sectionBanner-03 .extended-Box .mainBox::after {
	order: 2;
}

.sectionBanner-03 .extended-Box .rightBox {
	order: 3;
}

.sectionBanner-03 .extended-Box .textButton-01 .sico {
	transform: rotate(-270deg);
}

.sectionBanner-03 .extended-Box .textButton-01 .sico.fal-mouse {
	transform: rotate(-180deg);
}


/* sectionBanner-04 */
.sectionBanner-04.is-section {
	--BgColor: transparent;
	z-index: 1;
}

.sectionBanner-04 {
	--Offset: clamp(-225px, -55.14705882352941vw + 547.0588235294118px, 0px)
		/* 992 ~ 1400 - 16px */
	;
	--Padding: 15px;
	--FooterHeight: clamp(80px, 5.833333333333333vw + 38px, 150px);
	--LineWidth: clamp(40px, 7.5vw + -14px, 130px);
	background-color: transparent !important;
}

.sectionBanner-04::after {
	content: '';
	position: absolute;
	inset: 0 auto 0 0;
	width: calc(50% + var(--Offset));
	background-color: var(--BgColor);
	z-index: -1;
	transition: all ease 0.3s;
}

.sectionBanner-04 .is-overlay {
	inset: 0 auto 0 0;
	width: calc(50% + var(--Offset));
}

.sectionBanner-04 .col.col-left,
.sectionBanner-04 .col.col-right {
	position: relative;
	flex-shrink: 0;
	flex-grow: 1;
}

.sectionBanner-04 .col.col-left {
	flex-basis: calc(50% + var(--Offset));
	width: calc(50% + var(--Offset));
}

.sectionBanner-04 .col.col-right {
	flex-basis: calc(50% - var(--Offset));
	width: calc(50% - var(--Offset));
}

.sectionBanner-04 .col.col-left .full-col {
	position: relative;
	width: calc(var(--container-width) - var(--Padding) * 2);
	z-index: 1;
}

.sectionBanner-04 .col.col-right .image-col {
	position: absolute;
	inset: 0;
	top: calc(-1 * var(--containerMarginTB));
	right: calc(-1 * (var(--ViewWindowWidth) - var(--container-width)) / 2);
	bottom: calc(-1 * var(--containerMarginTB));
	left: 0;

	padding-bottom: var(--FooterHeight);
}

.sectionBanner-04 .col.col-right .image-col>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sectionBanner-04 .col.col-right .image-col .col-footer {
	position: absolute;
	left: 0;
	right: 30px;
	bottom: 0;

	display: flex;
	justify-content: space-between;
	align-items: flex-end;

	gap: 30px;

	pointer-events: none;
}

.sectionBanner-04 .col.col-right .image-col .col-footer>* {
	pointer-events: auto;
}

.sectionBanner-04 .col.col-right .image-col .col-footer .footer-img {
	flex-shrink: 1;
}

.sectionBanner-04 .col.col-right .image-col .col-footer .footer-box {
	position: relative;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 30px;
	height: var(--FooterHeight);
}

.sectionBanner-04 .col.col-right .image-col .col-footer .footer-box::before {
	content: '';
	width: var(--LineWidth);
	height: 2px;
	background-color: var(--accent-color);
}

.sectionBanner-04.is-light-text .col.col-right .image-col .col-footer .footer-box .box-center a:hover {
	text-decoration: none;
}

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

	.sectionBanner-04::after,
	.sectionBanner-04 .is-overlay {
		width: 100%;
		bottom: calc(var(--containerMarginTB) + var(--FooterHeight));
		height: auto;
	}

	.sectionBanner-04 .col.col-left,
	.sectionBanner-04 .col.col-right {
		flex-basis: 100%;
		width: 100%;
	}

	.sectionBanner-04 .col.col-right .image-col {
		position: relative;
		inset: 0;
		padding-bottom: var(--FooterHeight);
	}

	.sectionBanner-04 .col.col-right .image-col .col-footer {
		inset: 0;
	}
}

@media only screen and (max-width: 575.98px) {
	.sectionBanner-04 .col.col-right .image-col .col-footer {
		position: relative;
		inset: 0;
		flex-wrap: wrap;
		margin-top: 30px;
		margin-bottom: calc(-1 * var(--FooterHeight));
	}
}




/* sectionBanner-05 */
.sectionBanner-05.is-section {
	z-index: 1;
}

.sectionBanner-05 {
	--Padding: 15px;
	--Spacing: 238px;
	--MaxWidth: 1590px;
}

.sectionBanner-05 .is-overlay {
	inset: calc(-1 * var(--headerHeight)) auto 0 0;
	width: calc((max(100% - var(--MaxWidth), 0px)) / 2 + var(--Spacing) + var(--Padding));
	height: calc(100% + var(--headerHeight));
}

.sectionBanner-05 .is-container {
	max-width: var(--MaxWidth);
}

.sectionBanner-05 .row.isTopRow .contentBox {
	padding-top: var(--containerMarginTB);
	padding-bottom: var(--containerMarginTB);
	margin-right: calc(max(var(--ViewWindowWidth) - var(--MaxWidth), 0px) / 2 * -1 - var(--Padding));
	padding-left: var(--Padding);
	padding-right: var(--Padding);
	border-radius: 10px 0 0 10px;
}

.sectionBanner-05 .row.isBottomRow {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: calc(var(--Spacing) + var(--Padding));
}

.sectionBanner-05 .row.isBottomRow .contentBox {
	margin-right: calc(max(var(--ViewWindowWidth) - var(--MaxWidth), 0px) / 2* -1);
}

@media only screen and (max-width: 991.98px) {
	.sectionBanner-05 .is-overlay {
		display: none;
	}

	.sectionBanner-05 .row.isTopRow .contentBox {
		margin-left: calc(var(--Padding) * -1);
		border-radius: 0 0 0 0;
	}

	.sectionBanner-05 .row.isBottomRow {
		padding-left: 0;
	}
}



/* sectionBanner-06 */
.sectionBanner-06.is-section.section-slider {
	--DotColor: #fff;
	--BorderColor: #fff;
	--ActiveDotColor: var(--accent-color);
	--ActiveBorderColor: #fff;
}

.sectionBanner-06.is-section.section-slider .swiper-slide {
	padding-top: var(--headerHeight);
}

@media only screen and (max-width: 991.98px) {
	.sectionBanner-06.is-section.section-slider .swiper-slide {
		padding-top: 0;
	}
}

.sectionBanner-06.is-section.section-slider .swiper-button-next:not(:hover),
.sectionBanner-06.is-section.section-slider .swiper-button-prev:not(:hover) {
	background-color: rgba(0, 0, 0, 0);
}

.sectionBanner-06.is-section.section-slider .swiper-pagination-bullets {
	display: flex;
	justify-content: center;
	gap: 8px;
}

.sectionBanner-06.is-section.section-slider .swiper-pagination-bullet {
	margin: 0 0 0;
}

@media (min-width: 992px) {
	.sectionBanner-06.is-section.section-slider .swiper-pagination-bullets {
		position: absolute;
		inset: 0 40px 0 auto;
		width: auto;
		flex-direction: column;
	}
}

/* sectionFooter-01 */
.sectionFooter-01 .is-social {
	display: flex;
	flex-wrap: wrap;
	gap: 10px clamp(20px, 1.25vw + 11px, 35px);
}

.sectionFooter-01 .is-social a {
	display: flex;
	text-decoration: none;
}

.sectionFooter-01 .is-social a:hover {
	color: var(--link-hover-color);
}


/* sectionFooter-02 */
.sectionFooter-02 .is-social {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 10px 15px;
}

.sectionFooter-02 .is-social a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.1875rem;
	height: 2.1875rem;
	font-size: 1rem;
	line-height: 1;
	border: 1px solid #fff;
	text-decoration: none;
	transition: all ease 300ms;
}

.sectionFooter-02 .is-social a:hover {
	color: #fff;
	border: 1px solid var(--accent-color);
	background-color: var(--accent-color);
}



/* sectionFooter-03 */
.sectionFooter-03 .is-social {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 10px 15px;
}

.sectionFooter-03 .is-social a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.1875rem;
	height: 2.1875rem;
	font-size: 1rem;
	line-height: 1;
	border: 1px solid #fff;
	text-decoration: none;
	transition: all ease 300ms;
}

.sectionFooter-03 .is-social a:hover {
	color: #fff;
	border: 1px solid var(--accent-color);
	background-color: var(--accent-color);
}



/* sectionFooter-04 */
.sectionFooter-04 .row.isTopRow {
	padding: 20px 15px;
	border-radius: 8px;
	background-color: #1f3352;
}

.sectionFooter-04 .is-social {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 10px 15px;
}

.sectionFooter-04 .is-social a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.8125rem;
	height: 2.8125rem;
	color: var(--accent-color);
	font-size: 1rem;
	line-height: 1;
	background-color: #fff;
	border-radius: 50%;
	text-decoration: none;
	transition: all ease 300ms;
}

.sectionFooter-04 .is-social a:hover {
	color: #fff;
	background-color: var(--accent-color);
}

.sectionFooter-04 .is-contact {
	position: relative;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px 30px;
	padding: 15px;
	border-radius: 8px;
	background-color: var(--accent-color);
}

.sectionFooter-04 .is-contact .icon {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2em;
	height: 2em;
	color: var(--accent-color);
	font-size: 2.5rem;
	line-height: 1;
	border-radius: 5px;
	background-color: #fff;
}

.sectionFooter-04 .is-contact .content {
	color: #fff;
	font-size: 1.75rem;
	font-weight: 600;
	font-family: var(--family2);
	line-height: 1;
}

.sectionFooter-04 .is-contact .content p:last-child {
	margin-bottom: 0;
}


/* sectionFooter-05 */
.sectionFooter-05 .is-social {
	display: flex;
	flex-wrap: wrap;
	gap: 10px clamp(20px, 1.25vw + 11px, 35px);
}

.sectionFooter-05 .is-social a {
	display: flex;
	text-decoration: none;
}

.sectionFooter-05 .is-social a:hover {
	color: var(--link-hover-color);
}



/* sectionFooter-06 */
.sectionFooter-06 .is-social {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 10px 15px;
}

.sectionFooter-06 .is-social a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.1875rem;
	height: 2.1875rem;
	font-size: 1rem;
	line-height: 1;
	border: 1px solid #fff;
	text-decoration: none;
	transition: all ease 300ms;
}

.sectionFooter-06 .is-social a:hover {
	color: #fff;
	border: 1px solid var(--accent-color);
	background-color: var(--accent-color);
}



/* sectionTab-01 */
.sectionTab-01.is-section .section-tabs-list {
	display: flex !important;
	justify-content: center;
	margin: 0 auto !important;
	padding: 0 !important;
}

.sectionTab-01.is-section .section-tabs-list>.row {
	gap: 25px;
}

.sectionTab-01.is-section .section-tabs-list .item {
	background-color: #FFF;
	border: 1px solid #e9e9e9;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 10px;
	padding: 20px;
	font-size: 1.375rem;
	font-weight: bold;
	font-family: var(--family2);
	max-width: calc((100% - 25px * 2) / 3);
	transition: all ease-in 300ms;
	margin: 0 0 0;
	/* word-break: break-all; */
	line-height: 1.2;
	flex: 1;
}

.sectionTab-01.is-section .section-tabs-list .item img {
	margin-bottom: 15px;
	transition: all ease-in 300ms;
}

.sectionTab-01.is-section .section-tabs-list .item.active {
	background-color: var(--accent-color);
	border-color: transparent;
	color: #FFF;
}

.sectionTab-01.is-section .section-tabs-list .item.active img {
	filter: grayscale(100%) brightness(400%);
}

@media only screen and (max-width: 1199.98px) {
	.sectionTab-01.is-section .section-tabs-list .item {
		width: calc((100% - 25px * 2) / 3);
		flex: 1 0 auto;
	}
}

@media only screen and (max-width: 767.98px) {
	.sectionTab-01.is-section .section-tabs-list {
		flex-wrap: wrap;
	}

	.sectionTab-01.is-section .section-tabs-list .item {
		padding: 15px 10px;
		font-weight: 400;
		font-size: 14px;
	}
}

@media only screen and (max-width: 375.98px) {
	.sectionTab-01.is-section .section-tabs-list .item {
		max-width: calc((100% - 25px * 1) / 2);
		width: calc((100% - 25px * 1) / 2);
	}
}

.sectionTab-01.is-section .section-tabs-container .containerBox {
	margin: 0;
	padding: 50px calc(50px - 25px);
	background-color: #fff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, .1);
	border-radius: 4px;
}


/* sectionTab-02 */
.sectionTab-02.is-section {
	--Offset: 32px;
	--Padding: 15px;
}

.sectionTab-02.is-section .section-tabs-list {
	position: relative;
	display: flex !important;
	justify-content: center;
	margin: 0 auto calc(-1 * var(--Offset)) !important;
	padding: 0 !important;
	z-index: 2;
}

.sectionTab-02.is-section .section-tabs-list>.row {
	gap: 25px;
	padding-left: calc(var(--Padding) + 25px);
	padding-right: calc(var(--Padding) + 25px);
}

.sectionTab-02.is-section .section-tabs-list>.row {
	justify-content: center;
}

.sectionTab-02.is-section .section-tabs-list .item {
	background-color: #FFF;
	border: 1px solid #e9e9e9;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 5px;
	padding: 18px 32px;
	font-size: 1.25rem;
	font-weight: bold;
	font-family: var(--family2);

	transition: all ease-in 300ms;
	margin: 0 0 0;
	/* word-break: break-all; */
	line-height: 1.25;
}

.sectionTab-02.is-section .section-tabs-list .item img {
	margin-bottom: 15px;
	transition: all ease-in 300ms;
}

.sectionTab-02.is-section .section-tabs-list .item.active {
	background-color: var(--accent-color);
	border-color: transparent;
	color: #FFF;
}

.sectionTab-02.is-section .section-tabs-list .item.active img {
	filter: grayscale(100%) brightness(400%);
}

@media only screen and (max-width: 1199px) {
	.sectionTab-02.is-section .section-tabs-list .item {
		flex: 1 0 auto;
	}
}

@media only screen and (max-width: 767px) {
	.sectionTab-02.is-section .section-tabs-list {
		flex-wrap: wrap;
	}

	.sectionTab-02.is-section .section-tabs-list .item {
		padding: 15px 10px;
		font-weight: 400;
		font-size: 14px;
	}
}

.sectionTab-02.is-section .section-tabs-container {
	--MaxWidth: var(--container-width);
	position: relative;
	z-index: 1;
}

.sectionTab-02.is-section .section-tabs-container::before {
	content: '';
	position: absolute;
	inset: 0 auto 0 50%;
	width: 100%;
	max-width: calc(var(--MaxWidth) - var(--Padding) * 2);
	background-color: #fff;
	border-radius: 15px;
	z-index: -1;
	transform: translate3d(-50%, 0, 0);
}

.sectionTab-02.is-section .section-tabs-container .containerBox {
	margin: 0;
	padding: calc(70px + var(--Offset)) calc(clamp(30px, 2.5vw + 12px, 60px) - var(--Padding)) 70px;
	/* background-color: #fff; */
	box-shadow: 0px 0px 8px rgba(0, 0, 0, .1);
	border-radius: 15px;
}



/* sectionHome01-01 */
.sectionHome01-01 {
	z-index: 2;
}

body:not(.builder-editor-mode) .sectionHome01-01 .is-boxes .is-container {
	height: 0;
	overflow: visible;
}

@media (max-width: 991.98px) {
	.sectionHome01-01 .is-boxes .is-container {
		max-width: 100%;
		padding: 0;
	}

	body:not(.builder-editor-mode) .sectionHome01-01 .is-boxes .is-container {
		height: auto;
	}
}


/* sectionHome01-02 */
.sectionHome01-02 {
	--TopRowHeight: 110px;
	background: transparent !important;
	z-index: 1;
}

.sectionHome01-02::after {
	content: '';
	position: absolute;
	inset: var(--TopRowHeight) 0 0;
	background-color: #102039;
	z-index: -1;
}

.sectionHome01-02 .sectionTop-row .col-left .colBox {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 30px;
	margin-right: calc(-1 * (30px + 45px));
	height: var(--TopRowHeight);
}

.sectionHome01-02 .sectionTop-row .col-left .colBox .title {
	margin: 0 0 0;
	align-self: flex-start;
	color: #102039;
}

.sectionHome01-02 .sectionTop-row .col-left .colBox .sectionBtn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: 105px;
	height: var(--TopRowHeight);
	padding: 20px;
	font-size: 52px;
	line-height: 1;
	color: #fff;
	background-color: var(--accent-color);
}

.sectionHome01-02 .sectionBottom-row .col-left .colBox {
	padding-top: 92px;
}

.sectionHome01-02 .sectionBottom-row .col-right .colBox {
	margin-top: calc(-1 * var(--TopRowHeight));
}

.sectionHome01-02 .sectionBottom-row .col-right .colBox .sectionImg {
	position: relative;
	display: inline-flex;
	padding: 0 45px 15px;
}

.sectionHome01-02 .sectionBottom-row .col-right .colBox .sectionImg::before,
.sectionHome01-02 .sectionBottom-row .col-right .colBox .sectionImg::after {
	content: '';
	position: absolute;
	clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

.sectionHome01-02 .sectionBottom-row .col-right .colBox .sectionImg::before {
	bottom: 0;
	left: 35px;
	width: clamp(100px, 4.166666666666666vw + 70px, 150px);
	height: clamp(100px, 4.166666666666666vw + 70px, 150px);
	background-color: #fff;
}

.sectionHome01-02 .sectionBottom-row .col-right .colBox .sectionImg::after {
	top: 0;
	right: 0;
	width: 45px;
	height: var(--TopRowHeight);
	background-color: #bababa;
	opacity: 0.5;
}

@media (max-width: 991.98px) {
	.sectionHome01-02 .sectionTop-row .col-left .colBox {
		margin-right: 0;
	}

	.sectionHome01-02 .sectionBottom-row .col-left {
		order: 2;
	}

	.sectionHome01-02 .sectionBottom-row .col-right {
		order: 1;
	}

	.sectionHome01-02 .sectionBottom-row .col-left .colBox {
		padding-top: 40px;
	}

	.sectionHome01-02 .sectionBottom-row .right-full-column>.full-column-inner {
		margin-inline-end: 0;
		width: 100%;
	}

	.sectionHome01-02 .sectionBottom-row .col-right .colBox {
		margin-top: 0;
	}

	.sectionHome01-02 .sectionBottom-row .col-right .colBox .sectionImg {
		padding: 0 0 15px 15px;
	}

	.sectionHome01-02 .sectionBottom-row .col-right .colBox .sectionImg::before {
		left: 0;
	}

	.sectionHome01-02 .sectionBottom-row .col-right .colBox .sectionImg::after {
		content: none;
	}
}


/* sectionHome03-01 */
.sectionHome03-01.is-section {
	margin-top: -150px;
	margin-right: 0;
	margin-left: auto;
	width: calc(100% - 110px);
	z-index: 1;
}

body.builder-editor-mode .sectionHome03-01.is-section {
	margin-top: 0;
}

@media (max-width: 991.98px) {
	.sectionHome03-01.is-section {
		margin-top: 0;
		width: 100%;
	}
}


/* sectionHome03-02 */
.sectionHome03-02.is-section {
	--BgColor: transparent;
	z-index: 1;
}

.sectionHome03-02 {
	background-color: transparent !important;
}

.sectionHome03-02::after {
	content: '';
	position: absolute;
	inset: 0 auto 0 0;
	width: calc(50% + var(--container-width) / 2 + 135px);
	background-color: var(--BgColor);
	z-index: -1;
	transition: all ease 0.3s;
}

.sectionHome03-02 .is-overlay {
	inset: 0 auto 0 0;
	width: calc(50% + var(--container-width) / 2 + 135px);
}

@media (max-width: 991.98px) {
	.sectionHome03-02::after {
		width: 100%;
	}
}

.sectionHome03-02 .section-Imagebox {
	position: relative;
}

.sectionHome03-02 .section-Imagebox .playButton-01,
.sectionHome03-02 .section-Imagebox .playButton-02 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
}

@media (min-width: 1600px) {
	.sectionHome03-02:has(.section-Imagebox) {
		margin-top: 130px;
	}

	.sectionHome03-02 .section-Imagebox {
		margin-top: calc(-1 * (var(--containerMarginTB) + 130px));
	}
}


/* sectionHome03-03 */
.sectionHome03-03.is-section .is-leftBox {
	text-align: right;
}

.sectionHome03-03.is-section .is-leftBox .is-boxes>* {
	margin: 0;
	padding: 0;
}

.sectionHome03-03.is-section .is-leftBox .is-boxes * {
	height: 100%;
}

.sectionHome03-03.is-section .is-leftBox .section-Imagebox img {
	height: 100%;
	object-fit: cover;
}

@media (max-width: 1199.98px) {
	.sectionHome03-03.is-section .is-leftBox .section-Imagebox img {
		width: 100%;
	}
}

@media (min-width: 1200px) {
	.sectionHome03-03.is-section {
		margin-top: 60px;
	}

	.sectionHome03-03.is-section .is-leftBox .section-Imagebox {
		margin-top: -60px;
		margin-right: -155px;
		height: calc(100% + 60px);
	}
}


/* sectionHome03-04 */
.sectionHome03-04 .extended-overlay {
	position: absolute;
	inset: 0;
	overflow: hidden;
}

.sectionHome03-04 .extended-overlay>div {
	position: absolute;
}

.sectionHome03-04 .extended-overlay>div.item-01 {
	top: 0;
	right: calc(50vw + var(--container-width) / 2);

	/* width: clamp(187.5px, 15.625vw + 75px ,375px);
    height: clamp(192.5px, 16.041666666666668vw + 76.99999999999999px ,385px); */

	left: 0;
	aspect-ratio: 385/375;

	background-color: var(--accent-color);
	opacity: 1;
	clip-path: polygon(235px 0, 375px 0,
			0 375px, 0 240px);

	clip-path: polygon(calc(235 / 375 * 100%) 0, 100% 0,
			0 100%, 0 calc(240 / 385 * 100%));
}

.sectionHome03-04 .extended-overlay>div.item-02 {
	top: 0;
	bottom: 0;
	left: calc(50% - 110px);
	aspect-ratio: 810/510;

	background: linear-gradient(to bottom, #ddd, #ddd 45%, transparent 85%, transparent);
	opacity: 0.1;
	clip-path: polygon(0 0, 500px 510px, 645px 510px, 145px 0,
			165px 0, 665px 510px, 810px 510px, 310px 0);

	clip-path: polygon(0 0, 500px 100%, 645px 100%, 145px 0,
			165px 0, 665px 100%, 810px 100%, 310px 0);
}

.sectionHome03-04 .extended-overlay>div.item-03 {
	top: 0;
	bottom: 0;
	left: calc(50% + 215px);
	right: 0;

	background: var(--accent-color);

	clip-path: polygon(0 0, 500px 510px, 505px 510px, 5px 0,
			25px 0, 525px 510px, 530px 510px, 30px 0,
			100px 0, 600px 510px, 100% 510px, 100% 0);

	clip-path: polygon(0 0, 500px 100%, 505px 100%, 5px 0,
			25px 0, 525px 100%, 530px 100%, 30px 0,
			100px 0, 600px 100%, 100% 100%, 100% 0);
}

.sectionHome03-04 .right-full-column {
	margin-bottom: calc(-1 * var(--containerMarginTB));
}


/* sectionHome04-01 */
.sectionHome04-01.is-section {
	--BgColor: transparent;
	z-index: 1;
}

.sectionHome04-01 {
	--Offset: clamp(-225px, -55.14705882352941vw + 547.0588235294118px, 0px)
		/* 992 ~ 1400 - 16px */
	;
	--Padding: 15px;
	--FooterHeight: clamp(80px, 5.833333333333333vw + 38px, 150px);
	--LineWidth: clamp(40px, 7.5vw + -14px, 130px);
	background-color: transparent !important;
}

.sectionHome04-01::after {
	content: '';
	position: absolute;
	inset: calc(var(--containerMarginTB) + 30px) 0 0 0;

	background-color: var(--BgColor);
	z-index: -1;
	transition: all ease 0.3s;
}

.sectionHome04-01 .is-overlay {
	inset: 0 auto var(--containerMarginTB) 0;
	width: calc(50% + var(--container-width) / 2 - var(--Padding));
	height: auto;
}

.sectionHome04-01 .image-box {
	width: 100%;
}

.sectionHome04-01 .image-box img {
	width: 100%;
}

.sectionHome04-01 .content-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: var(--containerMarginTB) clamp(30px, 5vw + -6px, 90px) var(--containerMarginTB) clamp(30px, 3.3333333333333335vw + 6px, 70px);
	height: 100%;
	background-color: #fff;
}

@media (max-width: 1199.98px) {
	.sectionHome04-01 .is-overlay {
		width: 100%;
	}

	.sectionHome04-01 .full-column-inner {
		max-width: 100% !important;
	}
}



/* sectionHome04-02 */
.sectionHome04-02.is-section {
	z-index: 1;
}

.sectionHome04-02 {
	--Offset: 80px;
	--Padding: 15px;
}

.sectionHome04-02 .is-overlay {
	inset: 0 0 calc(50% + var(--Offset)) auto;
	width: calc(50% + var(--Offset));
	height: 100%;
}

.sectionHome04-02 .col.col-left,
.sectionHome04-02 .col.col-right {
	position: relative;
	flex-shrink: 0;
	flex-grow: 1;
}

.sectionHome04-02 .col.col-left {
	flex-basis: calc(50% - var(--Offset));
	width: calc(50% - var(--Offset));
}

.sectionHome04-02 .col.col-right {
	flex-basis: calc(50% + var(--Offset));
	width: calc(50% + var(--Offset));
	padding-left: clamp(15px, 4.583333333333333vw + -18px, 70px);
}

.sectionHome04-02 .col.col-right .full-col {
	--MarginLeft: calc((var(--ViewWindowWidth) - var(--container-width)) / 2 + var(--Padding) + (var(--container-width) - (100% + var(--Padding) * 2)));
	position: relative;
	margin-left: calc(var(--MarginLeft) * -1);

	z-index: 1;
}

@media (max-width: 991.98px) {

	.sectionHome04-02 .col.col-left,
	.sectionHome04-02 .col.col-right {
		flex-basis: 100%;
		width: 100%;
		padding-left: var(--Padding);
		padding-right: var(--Padding);
	}

	.sectionHome04-02 .is-overlay {
		inset: 0;
		width: 100%;
	}
}



/* sectionHome06-01 */
.sectionHome06-01 {
	--ClipWidth: 145px;
	--LineWidth: 6px;

	position: relative;
	z-index: 1;
}

.sectionHome06-01 .row {
	background-color: #fff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, .1);
}

.sectionHome06-01 .col.col-left,
.sectionHome06-01 .col.col-right {
	position: relative;
	flex-shrink: 0;
	flex-grow: 1;

	display: flex;
	flex-direction: column;
	justify-content: center;

	padding-top: 55px;
	padding-bottom: 55px;
}

.sectionHome06-01 .col.col-left {
	flex-basis: calc(540 / 1250 * 100%);
	width: calc(540 / 1250 * 100%);
}

.sectionHome06-01 .col.col-right {
	flex-basis: calc(710 / 1250 * 100%);
	width: calc(710 / 1250 * 100%);
}

.sectionHome06-01 .col.col-left {
	padding-left: clamp(30px, 2.5vw + 12px, 60px);
	padding-right: 145px;

	clip-path: polygon(0 -1px, 100% -1px, calc(100% - var(--ClipWidth) + var(--LineWidth)) 100%, 0 100%);
}

.sectionHome06-01 .col.col-left::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: var(--ClipWidth);
	height: 100%;
	background-color: var(--accent-color);

	clip-path: polygon(calc(100% - var(--LineWidth)) -1px, 100% -1px, 100% 100%, calc(100% - var(--ClipWidth)) 100%);
}

.sectionHome06-01 .col.col-right {
	padding-left: clamp(30px, 2.083333333333333vw + 15px, 55px);
	padding-right: clamp(30px, 3.75vw + 3px, 75px);
}

@media (max-width: 991.98px) {

	.sectionHome06-01 .col.col-left,
	.sectionHome06-01 .col.col-right {
		flex-basis: 100%;
		width: 100%;

		padding-left: 30px;
		padding-right: 30px;
	}

	.sectionHome06-01 .col.col-left,
	.sectionHome06-01 .col.col-left::before {
		content: none;
		clip-path: none;
	}

	.sectionHome06-01 .col.col-left {
		border-bottom: var(--LineWidth) solid var(--accent-color);
	}
}


/* sectionHome06-02 */
.sectionHome06-02 {
	--ClipWidth: 130px;
	--LineWidth: 6px;

	position: relative;
	z-index: 1;
}

.sectionHome06-02 .is-container>.row {
	display: grid;
	grid-template-columns: 1fr var(--ClipWidth) 1fr;
}

.sectionHome06-02 .col.col-left,
.sectionHome06-02 .col.col-center,
.sectionHome06-02 .col.col-right {
	grid-row: 1 / 2;

	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 30px 0;
}

.sectionHome06-02 .col.col-left {
	grid-column: 1 / 3;
	padding-left: 30px;
	padding-right: var(--ClipWidth);
	clip-path: polygon(0 0, calc(100% - var(--LineWidth)) 0, calc(100% - var(--ClipWidth)) 100%, 0% 100%);
}

.sectionHome06-02 .col.col-center {
	grid-column: 2 / 3;
	position: relative;
	z-index: 1;
}

.sectionHome06-02 .col.col-right {
	grid-column: 2 / 4;
	padding-left: var(--ClipWidth);
	padding-right: 30px;
	clip-path: polygon(var(--ClipWidth) 0, 100% 0, 100% 100%, var(--LineWidth) 100%);
}

.sectionHome06-02 .col.col-left .colBox,
.sectionHome06-02 .col.col-center .colBox,
.sectionHome06-02 .col.col-right .colBox {
	width: 100%;
}

@media (max-width: 991.98px) {
	.sectionHome06-02 .is-container>.row {
		display: grid;
		grid-template-columns: 100%;
		grid-template-rows: auto var(--ClipWidth) auto;
	}

	.sectionHome06-02 .col.col-left,
	.sectionHome06-02 .col.col-center,
	.sectionHome06-02 .col.col-right {
		grid-column: 1 / 2;

		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 0 30px;
	}

	.sectionHome06-02 .col.col-left {
		grid-row: 1 / 3;
		padding-top: 30px;
		padding-bottom: calc(var(--ClipWidth) + 30px);
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--ClipWidth) - var(--LineWidth) / 2), 0 calc(100% - var(--LineWidth) / 2));
	}

	.sectionHome06-02 .col.col-center {
		grid-row: 2 / 3;
		position: relative;
		z-index: 1;
	}

	.sectionHome06-02 .col.col-right {
		grid-row: 2 / 4;
		padding-top: calc(var(--ClipWidth) + 30px);
		padding-bottom: 30px;
		clip-path: polygon(0 calc(var(--ClipWidth) + var(--LineWidth) / 2), 100% calc(var(--LineWidth) / 2), 100% 100%, 0 100%);
	}
}




/* sectionHome06-03 */
.sectionHome06-03 {
	position: relative;
}

.sectionHome06-03 .is-overlay-bg::before,
.sectionHome06-03 .is-overlay-bg::after {
	content: '';
	position: absolute;
	width: 240px;
	height: 230px;
	background-color: var(--accent-color);
	opacity: 0.5;
}

.sectionHome06-03 .is-overlay-bg::before {
	top: 0;
	right: calc(var(--ViewWindowWidth) / 2 + var(--container-width) / 2);

	clip-path: polygon(0 0, 175px 0, 240px 170px, 90px 230px);

	clip-path: polygon(0 0, calc(175 / 240 * 100%) 0, 100% calc(170 / 230 * 100%), calc(90 / 240 * 100%) 100%);
}

.sectionHome06-03 .is-overlay-bg::after {
	bottom: 0;
	left: calc(var(--ViewWindowWidth) / 2 + var(--container-width) / 2);

	clip-path: polygon(0 60px, 150px 0, 240px 230px, 65px 230px);

	clip-path: polygon(0 calc(60 / 230 * 100%), calc(150 / 240 * 100%) 0, 100% 100%, calc(65 / 240 * 100%) 100%);
}

.sectionHome06-03 .is-overlay-bg .is-overlay-color {
	left: 50%;
	width: 485px;
	max-width: calc(var(--ViewWindowWidth) - 30px);
	height: 100%;
	transform: translate3d(-39.5%, 0, 0);

	clip-path: polygon(0 0, calc(230 / 485 * 100%) 0, 100% 100%, calc(100% - 230 / 485 * 100%) 100%);
}


/* sectionContactUs-01 */
.sectionContactUs-01 .is-overlay .is-overlay-color {
	--BgColor: transparent;
	opacity: 1 !important;
	background-color: transparent !important;
}

.sectionContactUs-01 .is-overlay .is-overlay-color::after {
	content: '';
	position: absolute;
	inset: 0;
	background-image: linear-gradient(transparent, var(--BgColor));
}

/* sectionContactUs-02 */
.sectionContactUs-02 {
	--PaddingTB: calc(var(--containerMarginTB) - 25px);
	--PaddingLR: clamp(15px, 4.583333333333333vw + -18px, 70px);
	--BgColor: var(--dng-main-BackgroundColor, #fff);
	background-color: transparent !important;

	padding-left: var(--PaddingLR);
	padding-right: var(--PaddingLR);
}

@media (max-width: 991px) {
	.sectionContactUs-02 {
		--PaddingTB: var(--containerMarginTB);
	}
}

.sectionContactUs-02 .is-container {
	padding: var(--PaddingTB) var(--PaddingLR);
	background-color: var(--BgColor);
	border-radius: 10px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, .1);
}

/* sectionServices-01 */
.sectionServices-01 {
	--Offset: 140px;
	--BgColor: transparent;

	position: relative;
	background-color: transparent !important;
}

.sectionServices-01 .is-overlay {
	height: calc(100% - var(--Offset));
	background-color: var(--BgColor);
}

.sectionServices-01 .is-overlay .is-overlay-bg {
	opacity: 0.08;
}

.sectionServices-01 .row.section-row {
	align-items: flex-end;
	margin-left: 0px;
	margin-right: 0px;
	padding: 65px 65px 70px;
	border-radius: 10px;
	background-color: #f5f6fc;
}

.sectionServices-01 .row.section-row .sectionImg {
	margin-top: -58%;
	margin-right: calc(-1 * (65px + 15px + 60%));
	margin-bottom: -70px;
}

@media (max-width: 767.98px) {
	.sectionServices-01 .row.section-row .sectionImg {
		margin-top: 0;
	}
}

@media (max-width: 575.98px) {
	.sectionServices-01 .row.section-row .sectionImg {
		margin-right: calc(-1 * (65px + 15px));
	}
}


/* sectionAbout-01 */
.sectionAbout-01 {
	position: relative;
}

.sectionAbout-01 .is-overlay .is-overlay-bg {
	opacity: 0.1;
}

.sectionAbout-01 .extended-overlay {
	position: absolute;
	inset: 0;
	overflow: hidden;
}

.sectionAbout-01 .extended-overlay>div {
	position: absolute;
}

.sectionAbout-01 .extended-overlay>div.item-01 {
	top: 0;
	right: calc(50vw + var(--container-width) / 2 + var(--container-width) / 12);
	left: 0;
	aspect-ratio: 342 / 232;
	background-color: var(--accent-color);
	opacity: 1;
	clip-path: polygon(0 0, 342px 0, 124px 232px, 0 110px);
	clip-path: polygon(0 0, 100% 0, calc(124 / 342 * 100%) 100%, 0 calc(110 / 232 * 100%));
}

.sectionAbout-01 .extended-overlay>div.item-02 {
	top: 0;
	right: calc(50vw + var(--container-width) / 2 - var(--container-width) / 12);
	left: 0;
	aspect-ratio: 480 / 432;
	background-color: var(--accent-color);
	opacity: 1;
	clip-path: polygon(427px 0, 0 425px, 0 432px, 433px 0,
			474px 0, 198px 278px, 200px 281px, 480px 0);
	clip-path: polygon(calc(427 / 480 * 100%) 0, 0 calc(425 / 432 * 100%), 0 100%, calc(433 / 480 * 100%) 0,
			calc(474 / 480 * 100%) 0, calc(198 / 480 * 100%) calc(278 / 432 * 100%), calc(200 / 480 * 100%) calc(281 / 432 * 100%), 100% 0);
}

.sectionAbout-01 .extended-overlay>div.item-03 {
	top: 0;
	bottom: 0;
	left: calc(50vw - var(--container-width) / 2 - var(--container-width) / 12* 3);
	min-width: 670px;
	aspect-ratio: 670 / 494;
	background: linear-gradient(to bottom, #ddd, #ddd 45%, transparent 85%, transparent);
	opacity: 0.1;
	clip-path: polygon(670px 0, 194px 494px, 0 494px, 476px 0);
	clip-path: polygon(670px 0, 194px 100%, 0 100%, 476px 0);
}

.sectionAbout-01 .is-boxes {
	position: relative;
	z-index: 1;
}

/* header-contactBox-01 */
.header-contactBox-01 {
	--ColumnGap: clamp(40px, 5vw + 4px, 100px);
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	gap: 10px var(--ColumnGap);
	overflow: hidden;
}

.header-contactBox-01 .item {
	position: relative;
	display: flex;
	gap: 10px 15px;
}

.header-contactBox-01 .item::after {
	content: '';
	position: absolute;
	top: 0;
	right: calc(-1 * var(--ColumnGap) / 2);
	width: 1px;
	height: 100%;
	background-color: #ddd;
	transform: rotate(10deg);
}

.header-contactBox-01 .item:last-child:after {
	content: none;
}

.header-contactBox-01 .item .icon {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	color: var(--accent-color);
	font-size: 40px;
	line-height: 1;
}

.header-contactBox-01 .item .icon svg {
	width: 1em;
	height: 1em;
	color: currentColor;
	font-size: 1em;
}

.header-contactBox-01 .item .content {
	display: flex;
	flex-direction: column;
}

.header-contactBox-01 .item .content .title,
.header-contactBox-01 .item .content p {
	font-size: 15px;
	line-height: calc(22 / 15);
}

.header-contactBox-01 .item .content .title {
	margin: 0 0 0;
}

.header-contactBox-01 .item .content p {
	margin-bottom: 0;
}

.is-light-text .header-contactBox-01 .item::after {
	background-color: #fff;
	opacity: 0.2;
}

@media (max-width: 1199.98px) {
	.header-contactBox-01 .item .icon {
		display: none;
	}
}


/* formBox-01 */
.formBox-01 {
	--Padding: clamp(30px, 2.5vw + 12px, 60px);
	padding: var(--Padding) calc(var(--Padding) + 15px);
	background-color: var(--accent-color);
	clip-path: polygon(15px 0, calc(100% - 15px) 0, calc(100% - 15px) 100%, 15px 100%);
}


/* formBox-02 */
.formBox-02 {
	--Padding: clamp(20px, 1.6666666666666667vw + 8px, 40px);
	position: relative;
	padding: var(--Padding) var(--Padding);
	background-color: var(--dng-main-BackgroundColor);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, .1);
}


/* flip-box */
.flip-box {
	position: relative;
	display: block;
	overflow: visible;
	opacity: 1;
	z-index: 0;

	perspective: 1000;
	transform-style: preserve-3d;
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
	transform-origin: center;
}

.flip-box .rotate {
	display: grid;
	grid-template-columns: 1fr;
}

.flip-box .front,
.flip-box .back {
	position: relative;
	grid-column: 1 / 2;
	grid-row: 1 / 2;

	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
	transition: all 750ms ease 0s;
}

.flip-box .front {
	transform: rotateY(0deg);
	z-index: 1;
	pointer-events: none
}

.flip-box .back {
	z-index: 0;
	transform: rotateY(-180deg);
}

.flip-box:hover {
	z-index: 100;
}

.flip-box:hover .front {
	transform: rotateY(180deg);
}

.flip-box:hover .back {
	transform: rotateY(0deg);
	z-index: 1;
}

.cell-active .flip-box .front,
.cell-active .flip-box .back {
	grid-column: auto;
	grid-row: auto;
	transform: rotateY(0deg) !important;
	pointer-events: auto;
}