.elementor-kit-8{--e-global-color-primary:#FCD407;--e-global-color-secondary:#F13B3B;--e-global-color-text:#1D1600;--e-global-color-accent:#61CE70;--e-global-color-effd322:#FFFFFF;--e-global-color-f53576b:#F9F9F9;--e-global-color-9dfe9fc:#FEF2B2;--e-global-color-61c0033:#1D1600;--e-global-color-53e0f1a:#D9D9D9;--e-global-color-9582e3c:#E5C106;--e-global-color-3359041:#545454;--e-global-color-078713a:#0084FE;--e-global-color-6c33072:#D22727;--e-global-typography-primary-font-family:"Noto Sans";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Noto Sans";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Noto Sans";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-3a25e84-font-family:"Noto Sans";--e-global-typography-3a25e84-font-size:32px;--e-global-typography-3a25e84-font-weight:400;--e-global-typography-3a25e84-line-height:48px;--e-global-typography-56f342c-font-family:"Noto Sans";--e-global-typography-56f342c-font-size:40px;--e-global-typography-56f342c-font-weight:700;--e-global-typography-56f342c-text-transform:uppercase;--e-global-typography-56f342c-line-height:57.92px;font-family:"Noto Sans", Sans-serif;font-size:1rem;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Noto Sans", Sans-serif;font-size:14px;font-weight:500;line-height:20.27px;color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;padding:10px 24px 10px 24px;}.elementor-kit-8 e-page-transition{background-color:var( --e-global-color-f53576b );}.elementor-kit-8 a{color:var( --e-global-color-text );font-family:"Noto Sans JP", Sans-serif;}.elementor-kit-8 h1{font-family:"Noto Sans JP", Sans-serif;}.elementor-kit-8 h2{font-family:"Noto Sans JP", Sans-serif;font-size:2.5rem;font-weight:700;}.elementor-kit-8 h3{font-family:"Noto Sans JP", Sans-serif;font-size:1.5rem;font-weight:700;}.elementor-kit-8 h4{font-family:"Noto Sans JP", Sans-serif;}.elementor-kit-8 h5{font-family:"Noto Sans JP", Sans-serif;}.elementor-kit-8 h6{font-family:"Noto Sans JP", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Base */
body{
   overflow-x: hidden;
}

html{
    font-size:16px;
}
@media only screen and (max-width: 600px) {
  html {
    font-size: 14px;
  }
}

#root {
  width: 100%;
}

@media (min-width: 1440px) {
  #root {
    width: 1440px;
    margin: 0 auto; // for centering
  }
}

/* Zoom image */
.zoomed-image img:hover{
    transform: scale(1.3);
} 
.zoomed-image img{
    transition: 1s ease;
} 
.zoomed-image{
    overflow: hidden;
}

/* Card container */
#card-container:hover {
  background-color: #1D1600; /* Background changes to this color */
}

#card-container:hover #card-heading {
  color: #FCD407; /* Heading text changes to this color */
}

#card-container:hover #card-image {
  transform: scale(1.1); /* Image zooms in */
  transition: transform 0.3s ease; /* Smooth transition for zoom */
}

#card-heading,
#card-image {
  transition: color 0.3s ease, transform 0.3s ease; /* Ensure smooth transitions */
}

/* Footer setting */
.header-policy {
    color:#fff;
    transition: color 0.3s ease;
}

.header-policy:hover {
    color: #FCD407;
}


/**
   Jobs setting page
**/

.cursor-ques{
    cursor: pointer
}

.circlePlus, .circleMinus {
    height: 24px;
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  
    cursor: pointer;
  }
  .plusHorizontal, .minusHorizontal {
    position: absolute;
    background-color: #1D1600;
    transition: background-color 0.3s; /* Adds transition effect */
  }
  .plusVertical {
    position: absolute;
    background-color: #1D1600;
    transition: background-color 0.3s; /* Adds transition effect */
  }
  .plusHorizontal, .minusHorizontal {
    width: 16px;
    height: 2px;
  }
  .plusVertical {
    width: 2px;
    height: 16px;
  }
  
  .circleMinus {
    display: none; /* Hide minus icon by default */
  }
  
  
  
  
/**
   Header entry page
**/
.elementor-nav-menu__container{
top:0px!important;
}

.elementor-nav-menu__container{
    top:0px!important;
}

#menuhopin, #mobilemenuhopin, #tabletmenuhopin {
    transform: translateY(-20px); /* Initial hidden state */
    opacity: 0; /* Hidden by default */
    transition: transform 0.5s ease, opacity 0.5s ease; /* Smooth transition */
}

.show {
    transform: translateY(0); /* Move to visible position */
    opacity: 1; /* Fully visible */
}


.box-shadow:after {
content:'';
width: 50%;
position: absolute;
top:0;
bottom:0;
display:block;
left:0; 
background: rgba(27, 27, 27, 0.60);
}

/* Mobile-specific styles */
@media (max-width: 768px) {
    #mobilemenuhopin {
        background-color: #1D1600;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    #tabletmenuhopin {
        background-color:
        #1D1600;
    }
}

.elementor-field-group .elementor-field-textual:focus{
    box-shadow: none;
}

.form-register .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100.e-form__buttons{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-top: 32px;
    margin-bottom: 72px;
}

.form-register .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100.e-form__buttons::before{
    content: "* World Kogyo Việt Nam cam kết bảo vệ sự riêng tư của bạn. Chúng tôi sẽ không bao giờ thu thập thông tin về bạn mà không có sự đồng ý rõ ràng của bạn.";
    max-width: 60%;
    text-align: left;
    color:#545454;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.125rem;
}
.form-register .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100.e-form__buttons .elementor-button{
    position: absolute;
    right: 1%;
}

.form-register .elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>input,.elementor-field-textual.elementor-size-md {
    padding: 6px 0;
}

.form-register .elementor-field-group {
    display: flex;
    flex-wrap: nowrap;
}

.form-register .elementor-field-label{
    width: 35%;
    padding-top: 0.625rem;
    min-height: 40px;
}

.form-register .elementor-form .elementor-field-group-dropdown::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('https://worldkogyo-vn.com/wp-content/uploads/2024/09/ic-dropdown.webp')no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 30px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    color: #000;
    z-index: 999;
    font-size: 17px;
    top: 9px;    
}

.form-register .elementor-form .elementor-field-group-email::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('https://worldkogyo-vn.com/wp-content/uploads/2024/08/ic-mail-1.svg') no-repeat center center;
    background-size: contain;
    top: 9px;
}

.form-register .elementor-form .elementor-field-group-location::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('https://worldkogyo-vn.com/wp-content/uploads/2024/09/ic-location.webp') no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 30px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    color: #000;
    z-index: 999;
    font-size: 17px;
    top: 9px; 
}

.form-register .elementor-form .elementor-field-group-name::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(https://worldkogyo-vn.com/wp-content/uploads/2024/08/ic-name.svg) no-repeat center center;
    background-size: contain;
    top: 9px;
}

@media (max-width: 767px){
    .form-register .elementor-field-group{
        flex-wrap:wrap;
    }
    
    .form-register .elementor-field-label{
        width: 100%;
    }
    
    .form-register .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100.e-form__buttons::before {
        display: none;
    }
    
    .form-register .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100.e-form__buttons .elementor-button{
        width: 100%;
    }
    
    .form-register .elementor-form .elementor-field-group-dropdown::before {
        right: 23px;
    }
    
    .form-register .elementor-form .elementor-field-group-location::before {
        right: 23px;
    }
    
    .form-register .elementor-form .elementor-field-group-email::before{
        right: 23px;
    }
    
    .form-register .elementor-form .elementor-field-group-name::before {
        right: 23px;
    }
    .elementor-939 .elementor-element.elementor-element-4ccdd78 .elementor-button{
        width: 100%;
    }
}

@media (max-width: 1024px){
    
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://worldkogyo-vn.com/wp-content/uploads/2024/08/NotoSans-Regular.woff2') format('woff2'),
		url('https://worldkogyo-vn.com/wp-content/uploads/2024/08/NotoSans-Regular.woff') format('woff'),
		url('https://worldkogyo-vn.com/wp-content/uploads/2024/08/NotoSans-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://worldkogyo-vn.com/wp-content/uploads/2024/08/NotoSans-Medium.woff2') format('woff2'),
		url('https://worldkogyo-vn.com/wp-content/uploads/2024/08/NotoSans-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://worldkogyo-vn.com/wp-content/uploads/2024/08/NotoSans-Bold.woff2') format('woff2'),
		url('https://worldkogyo-vn.com/wp-content/uploads/2024/08/NotoSans-Bold.woff') format('woff'),
		url('https://worldkogyo-vn.com/wp-content/uploads/2024/08/NotoSans-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */