/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1759818217
Updated: 2025-10-07 06:23:37

*/

.strong_green strong {
    color: #5D887A;
}
.icon_fit .elementor-icon-wrapper {
    display: flex;
}

/* Home Banner */
.home_banner :is(video.elementor-video, .elementor-custom-embed-image-overlay) {
/* 	height: calc(100vh - 64px); */
	max-height: 640px;
}
/* @media(min-height: 900px){
	.home_banner :is(video.elementor-video, .elementor-custom-embed-image-overlay) {
		height: unset;
	}
} */
.home_banner:before {
	z-index: 1;
	max-height: 200px;
	max-height: 24.7%;
	margin-top: -64px;
}
.home_banner .e-hosted-video.elementor-wrapper,
.home_banner .elementor-wrapper.elementor-open-lightbox{
	position: relative;
	height: 100%;
	aspect-ratio: unset;
}
.home_banner .e-hosted-video.elementor-wrapper:before,
.home_banner .elementor-wrapper.elementor-open-lightbox:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, rgba(0, 0, 0, 0.80) 100%);
	z-index: 1;
	height: 100%;
	width: 100%;
	pointer-events: none;
}
.vid_play {display: none;}
/* END home banner */
.title_clip .elementor-heading-title{
	position: relative;
}
.title_clip .elementor-heading-title:before {
	content: '';
	position: absolute;
	top: -11px;
	left: -20px;
	width: 96px;
	height: 24px;
	background: #8bccb7;
	clip-path: polygon(8% 0, 100% 0, 92% 100%, 0% 100%);
	z-index: -1;
}
.work_tab .e-n-tabs-heading {
	counter-reset: my-counter;
	margin-left: -20px;
	margin-right: 97px;
	flex-wrap: nowrap !important;
}
.work_tab .e-n-tabs-heading .e-n-tab-title {
	counter-increment: my-counter;
}
.work_tab .e-n-tabs-heading .e-n-tab-title:last-child {
    border: 0 !important;
}
.work_tab .e-n-tabs-heading .e-n-tab-title::before {
	content: counter(my-counter, decimal-leading-zero);
	font-size: 64px;
	font-style: italic;
	font-weight: 800;
	line-height: normal;
	margin-right: 10px;
}
.tab_prev.disabled,
.tab_next.disabled{
    opacity: 0.3;
    pointer-events: none;
}
/* START Flip Our Staff */
.staff_box_container .elementor-flip-box__layer__overlay{
	position: relative;
}
.staff_box_container .elementor-flip-box__front .elementor-flip-box__layer__overlay:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(28, 41, 37, 0.00) 0%, #1C2925 100%);
	width: 100%;
	height: 100%;
	z-index: 1;
}
.staff_box_container .elementor-flip-box__layer__inner {
	z-index: 2;
}
.staff_box_container .elementor-flip-box__front .elementor-flip-box__layer__inner{
	opacity: 1;
	transition: opacity 0.3s ease;
}
.staff_box_container .elementor-flip-box:hover .elementor-flip-box__front .elementor-flip-box__layer__inner{
	opacity: 0;
}
.staff_box_container a.elementor-flip-box__button {
	padding: 0 !important;
	position: relative;
}
.staff_box_container a.elementor-flip-box__button:before {
	content: '';
	background: url(https://eafs.cxuat.com/wp-content/uploads/2025/10/thin_long_right.svg);
	right: -33px;
	width: 24px;
	height: 24px;
	position: absolute;
	background-size: contain;
	filter: invert(1);
	top: 50%;
	transform: translateY(-50%);
}
.staff_box_container .elementor-flip-box__front .elementor-flip-box__layer__title {
	margin: 0;
}
.staff_box_container .elementor-flip-box .elementor-flip-box__front {
	filter: grayscale(1);
}
.staff_box_container .elementor-flip-box:hover .elementor-flip-box__front {
	filter: unset;
}
.staff_box_container>div:first-child{
	clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
}
.staff_box_container>div:nth-child(2){
	clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
}
.staff_box_container>div:last-child{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
}

/* END Flip Our Staff */
.top_right_clip .swiper-slide>div:before {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	width: 40px;
	height: 40px;
	background-color: var( --e-global-color-1962c21 );
	clip-path: polygon(0 0, 0% 100%, 100% 0);
	z-index: 3;
}
.clip_white.top_right_clip .swiper-slide>div:before{
	background-color: #fff;
}

.text-green{
	color:#5D887A;
}

/* Operation Highlight */
body:not(.elementor-editor-active) .operation_highlight .swiper-wrapper .swiper-slide>div>div>div::after{
	content: '';
	background-color: transparent;
	opacity: 0;
	position: absolute;
	top: 100%;
	left: -1px;
	width: 101%;
	height: 100%;
}
body:not(.elementor-editor-active) .operation_highlight .swiper-wrapper:hover .swiper-slide:not(:hover)>div>div>div::after{
	background-color: #E8F5F1;
	opacity: 1;
	top: 0;
	transition: background-color 0.6s ease, opacity 0.6s ease;
}
body:not(.elementor-editor-active) .operation_highlight .swiper-wrapper:hover .swiper-slide:not(:hover)>div>div>div span.elementor-heading-title {
	color: #5D887A !important;
}
body:not(.elementor-editor-active) .operation_highlight .swiper-wrapper:hover .swiper-slide:not(:hover)>div>div>div :is(h3.elementor-heading-title, p) {
	color: #1C2925 !important;
}
body:not(.elementor-editor-active) .hidden_content {
	transition: max-height 0.5s ease, opacity 0.5s ease;
}
body:not(.elementor-editor-active) .operation_highlight .swiper-wrapper:hover .swiper-slide>div .hidden_content {
	max-height: 300px;
	opacity: 1;
}
body:not(.elementor-editor-active) .operation_highlight .swiper-wrapper:hover .swiper-slide:not(:hover)>div .hidden_content {
	max-height: 0;
	opacity: 0;
}
body:not(.elementor-editor-active) .operation_highlight .swiper-slide:hover>div>div>div::before {
	background-color: var(--e-global-color-6ab85e7);
	opacity: 0.8;
}
/* END Operation Highlight */

/* Document Link Page */
.acc_header, .icon, .content_list, .pdf_download, .icon_select, .icon_select_up{
    display: flex;
}       
.acc_header {
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid #E0E7E4;
}
.acc_header svg {
    transform: rotate(180deg);
    height: 24px;
    width: 24px;
    transition: all 0.3s ease;
}
.acc_header.active svg {transform: rotate(0deg);}
.acc_header path {fill: #fff;}
.acc_header.active path {fill: #1C2925;}
.icon {
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    background-color: #5D887A;
    position: relative;
}
.icon:before {
    content: '';
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    position: absolute;
    left: -20px;
    top: 0;
    width: 21px;
    height: 100%;
    background-color: #5D887A;
}
.acc_header.active .icon{
    background-color: #E0E7E4;
}
.acc_header.active .icon:before{
    background-color: #E0E7E4;
}
.acc_header h2 {
    margin-top: 0;
    margin-bottom: 20px;
    flex: 1;
}
.accordion_item:not(:last-child) {
    margin-bottom: 80px;
}
.content_list {
    justify-content: space-between;
    padding: 16px 0;
    border-bottom: 1px solid #E0E7E4;
}
.content_header, .content_title, .content_footer, .html_ver {
    display: flex;
    align-items: center;
}
.accordion_item p{
    margin: 0;
}
.pdf_download {
    height: 32px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 44px;
    background: #1C2925;
    color: #fff;
    transition: all 0.3s ease;
}
.pdf_download:hover{
    background: #5D887A;
    color: #fff;
}
.pdf_download, .html_ver {
    font-weight: 600;
}
.accordion_item .date {
    width: 100px;
}
.content_header, .html_ver, .content_list, .content_title {
    gap: 8px;
}
.content_footer {
    gap: 16px;
}
.cate_name {
    color: #1C2925;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.2px;
}
.cate_wrap {
    padding-top: 20px;
}
select#cate_select {
    width: 440px;
    height: 48px;
    padding: 10px 12px 10px 48px;
    background: var(--light-grey, #F3F3F3);
    outline: none;
    border: none;
}
.cate_filter {
    position: relative;
    width: fit-content;
    margin: 20px 0 8px;
}
.icon_select {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
}
select#cate_select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
select#cate_select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
.icon_select_up {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}
.tab_content ~ .tab_content {
    display: none;
}
.html_ver {
    color: #1C2925;
}
.acc_header h2 {
    font-size: 40px;
}
.content_title, .content_title p {
    flex: 1;
}
@media(max-width: 767px){
    .content_list {
        flex-direction: row;
    }
    .acc_header h2 {
        font-size: 24px;
        margin-bottom: 14px;
    }
    .accordion_item:not(:last-child) {
        margin-bottom: 50px;
    }
    .acc_header svg {
        height: 22px;
        width: 22px;
    }
    .cate_name {
        font-size: 18px;
    }
	.cate_filter, select#cate_select {
		width: 100%;
	}
	.content_header {
		flex-direction: column;
		align-items: start;
		gap: 6px;
	}
	.content_footer {
		flex-direction: column;
		align-items: end;
		gap: 6px;
	}
	.content_title {
		align-items: start;
	}
}
/* END Document Link page */
.elementor-custom-embed-play svg {
    filter: unset;
}
/* START Custom Language Switcher Select option */
a.js-wpml-ls-item-toggle.wpml-ls-item-toggle {
    border-radius: 44px 44px 44px 44px;
    padding: 12px 37px 12px 16px;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2em;
    border: none;
}
.wpml-ls-link{
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2em;
    border: none;
}
.wpml-ls-statics-shortcode_actions {
    background-color: transparent;
}
.wpml-ls-legacy-dropdown {
    width: fit-content;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{
	content: none;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:before {
    background: url('data:image/svg+xml,<svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-down" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>');
    background-size: contain;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    border: none;
    border-radius: 15px;
    overflow: hidden;
    margin-top: 2px;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
    background-color: #fff !important;
    border: none;
    padding: 12px;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:hover {
    background-color: #e8f5f1 !important;
}
/* END Custom Language Switcher Select option */
@media(max-width: 1024px){
	.work_tab .e-n-tabs-heading .e-n-tab-title::before {
    	font-size: 56px;
	}
}
@media(max-width: 767px){
	.staff_box_container>div:first-child,
	.staff_box_container>div:nth-child(2),
	.staff_box_container>div:last-child{
    	clip-path: polygon(0 0, 88% 0%, 100% 100%, 0% 100%);
	}
	.title_clip .elementor-heading-title:before {
		top: -10px;
		left: -10px;
		width: 80px;
		height: 20px;
	}
	.work_tab .e-n-tabs-heading .e-n-tab-title::before {
    	font-size: 38px;
	}
	.work_tab .e-n-tabs-heading{
		flex-wrap: wrap !important;
	}
}