/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 10 2026 | 07:33:57 */
.glass-box {
	background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
}
.sub-menu.elementor-nav-menu--dropdown.sm-nowrap {
	background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
	border-radius: 8px;
	margin-top: 5px !important
}
.glass-box-m .sub-menu.elementor-nav-menu--dropdown {
	background: rgba(0, 0, 0, 0) !important;
	border-radius: 12px;
}
.glass-box-m .sub-menu.elementor-nav-menu--dropdown a{
	color: #FFF !important
}
.glass-box-m {
	background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
}

.glass-box-m nav {
	background:
    linear-gradient(rgba(0,0,0,0.80), rgba(0,0,0,0.80)) padding-box,
    linear-gradient(135deg,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.20) 50%,
      rgba(255,255,255,0.00) 100%) border-box !important;
	-webkit-backdrop-filter: blur(80px) !important;
	backdrop-filter: blur(80px) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 0 4px rgba(0,0,0,0.15) !important;
	border-radius: 12px;
	width: 290px !important;
    right: -3px !important;
	left: unset !important; 
}
.elementor-sub-item:hover {
	background-color: rgba(255, 255, 255, 0.05) !important;
}

.sub-menu li > a {
    color: #1C244B !important;
}
/* Đặt pagination progress xuống đáy */
.myCarousel .swiper-pagination-progressbar {
  top: auto !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%);
  width: 90%;
  height: 2px; /* chỉnh độ dày */
}

/* Nếu bị che thì thêm khoảng trống cho container */
.myCarousel .e-n-carousel {
  padding-bottom: 50px; /* tăng số px nếu cần */
}

/* Thanh fill vẫn chiếm full chiều cao */
.myCarousel .swiper-pagination-progressbar-fill {
  height: 100% !important;
}
#site-footer {
	display:none;
}
.display-grid {
	display: grid;
}
.grid-area {
	grid-area: 1 / 1;
}
.display-none {
	display: none !important
}
.justify {
	text-align: justify !important;
}
/* Lớp ngoài: khai báo biến dùng chung */
.border-job-card {
  --r: 15px;   /* bo tròn mềm các góc */
  --n: 80px;   /* độ vát góc */
  --b: 1px;    /* độ dày viền */
  --border-color: #22336B;
  
  --shape-tl-br: polygon(
      var(--n) 0,
      100% 0,
      100% calc(100% - var(--n)),
      calc(100% - var(--n)) 100%,
      0 100%,
      0 var(--n)
  );
  
  padding: var(--b);
  background: var(--border-color);
  border-radius: var(--r);
  -webkit-clip-path: var(--shape-tl-br);
          clip-path: var(--shape-tl-br);
}

.border-job-card.small {
  --n: 40px;
}

.border-job-card-1 {
  --r: 15px;   /* bo tròn mềm các góc */
  --n: 40px;   /* độ vát góc */
  --b: 1px;    /* độ dày viền */
  --border-color: #22336B;
  
  --shape-tr-bl: polygon(
      0 0,
      calc(100% - var(--n)) 0,
      100% var(--n),
      100% 100%,
      var(--n) 100%,
      0 calc(100% - var(--n))
  );
  
  padding: var(--b);
  background: var(--border-color);
  border-radius: var(--r);
  -webkit-clip-path: var(--shape-tr-bl);
          clip-path: var(--shape-tr-bl);
}
/* Lớp trong: cắt vát + nền trắng */
.border-inner {
  position: relative;
  background: #fff;
  border-radius: var(--r);
  overflow: hidden;
  -webkit-clip-path: var(--shape-tl-br);
          clip-path: var(--shape-tl-br);
}

/* Cắt vát ảnh bên trong */
.border-inner img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--r);
  -webkit-clip-path: var(--shape-tl-br);
          clip-path: var(--shape-tl-br);
}

.border-inner-1 {
  position: relative;
  background: #fff;
  border-radius: var(--r);
  overflow: hidden;
  -webkit-clip-path: var(--shape-tr-bl);
          clip-path: var(--shape-tr-bl);
}

/* Cắt vát ảnh bên trong */
.border-inner-1 img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--r);
  -webkit-clip-path: var(--shape-tr-bl);
          clip-path: var(--shape-tr-bl);
}
.header-title h2 {
	font-family: "UTM-Akashi", Sans-serif !important;
}
.section-watermark h2 {
	white-space: nowrap;
}
.img-frame {
  border-radius: 15px;
  overflow: hidden;
}

.img-frame img {
  --n: 40px;
  width: 100%;
  height: auto;
  display: block;
  clip-path: polygon(
      var(--n) 0,
      100% 0,
      100% calc(100% - var(--n)),
      calc(100% - var(--n)) 100%,
      0 100%,
      0 var(--n)
  );
  object-fit: cover;
}
.area_content:hover .area-btn {
	opacity: 1;
}
.area_content:hover .area-img {
	filter: brightness(0.7);
}

.swiper-slide.e-loop-item {
    padding: 12px !important;
}

.giai_phap-item{
  position: relative;
  overflow: hidden;
}
/* Div cha */
.giai_phap-item{
  position: relative;
  overflow: hidden; /* nếu ảnh có zoom nhẹ sẽ không tràn */
}

/* Ảnh đang hiện */
.giai_phap-item .giai_phap-img-show{
  display: block;
  width: 100%;
  height: auto;

  opacity: 1;
  visibility: visible;
  transition: opacity .75s ease;
}

/* Ảnh hidden (nằm đè lên ảnh hiện) */
.giai_phap-item .giai_phap-img-hidden{
  position: absolute;
  inset: 0;            /* top:0 right:0 bottom:0 left:0 */
  width: 100%;
  height: 100%;
  object-fit: cover;   /* nếu muốn ảnh phủ kín khung */

  opacity: 0;
  visibility: hidden;
  transition: opacity .75s ease, transform .75s ease;
}

/* Hover: hiện ảnh hidden */
.giai_phap-item:hover .giai_phap-img-hidden{
  opacity: 1;
  visibility: visible;
}

/* Hover: ẩn ảnh đang hiện */
.giai_phap-item:hover .giai_phap-img-show{
  opacity: 0;
  visibility: hidden;
}
#form-field-field_4d058a4 option {
    background-color: rgba(0,0,0,0.5);
    color: #fff;
}
#form-tuyen-dung .elementor-field-type-upload {
    position: relative;
    border: 1.5px solid rgba(255, 255, 255, 0.8);
    border-radius: 999px;
    min-height: 45px;
    margin: 0 6px 20px;
    padding: 0 52px 0 22px;
    display: flex;
    align-items: center;
    backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, 0.04);
    overflow: hidden;
}

/* Ẩn label gốc của Elementor */
#form-tuyen-dung .elementor-field-type-upload > label {
    display: none !important;
}

/* Input file phủ full để vẫn click được */
#form-tuyen-dung .elementor-field-type-upload input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

/* Text mặc định */
#form-tuyen-dung .elementor-field-type-upload::before {
    content: "Tải lên CV";
    position: absolute;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
    pointer-events: none;
    z-index: 2;
    max-width: calc(100% - 70px);
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Khi đã chọn file thì hiện tên file */
#form-tuyen-dung .elementor-field-type-upload.has-file::before {
    content: attr(data-file-name);
}

/* Icon upload bên phải */
#form-tuyen-dung .elementor-field-type-upload::after {
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background: url("https://wp1.jackielino-dev.io.vn/wp-content/uploads/2026/03/upload.svg") no-repeat center center;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
}
@media (max-width: 1538px) {
	.menu-header {
		width: 55%;
        left: 538px !important;
        top: 35px !important;
	}
	.menu-header a {
		padding-left: 35px !important;
        padding-right: 35px !important;
	}
}

@media (max-width: 1440px) {
	.menu-header {
		left: 510px !important;
        top: 30px !important;
	}
	.menu-header a {
		font-size: 16px !important;
		padding-left: 30px !important;
        padding-right: 30px !important;
	}
	.section-watermark h2 {
		font-size: 210px !important;
	}
	.elementor-2 .elementor-element.elementor-element-dfe6161 {
        --content-width: 1140px !important;
    }
	.elementor-2 .elementor-element.elementor-element-201c6d7 {
        --content-width: 1140px !important;
    }
	.elementor-2 .elementor-element.elementor-element-1d3bc83 {
        --content-width: 1140px !important;
    }
	.elementor-2 .elementor-element.elementor-element-9f748ef {
        --content-width: 1140px;
    }
	.elementor-2 .elementor-element.elementor-element-6a81a51 {
        --content-width: 1140px;
    }
	.elementor-2 .elementor-element.elementor-element-b379900 {
        --content-width: 1140px;
    }
	.elementor-2 .elementor-element.elementor-element-276555c {
        --content-width: 1140px;
    }
	.elementor-2 .elementor-element.elementor-element-9372678 {
        --content-width: 1140px;
    }
	.elementor-2 .elementor-element.elementor-element-c26fe85 {
        --content-width: 1140px;
    }
	.elementor-881 .elementor-element.elementor-element-36ee7d4 {
        --content-width: 1140px;
    }
	.elementor-674 .elementor-element.elementor-element-19f369e {
        --content-width: 1140px;
    }
	.elementor-612 .elementor-element.elementor-element-f1907f3 {
        --content-width: 1140px;
    }
	.elementor-427 .elementor-element.elementor-element-3c07947 {
        --content-width: 1140px;
    }
	.elementor-2 .elementor-element.elementor-element-028ef16 {
		--content-width: 1140px;
	}
	.elementor-2 .elementor-element.elementor-element-07b49d0 {
		--content-width: 1140px;
	}
	.elementor-2 .elementor-element.elementor-element-9dcc182 {
		--content-width: 1140px;
	}
	.elementor-674 .elementor-element.elementor-element-1926901 {
        --content-width: 1140px;
    }
	.elementor-674 .elementor-element.elementor-element-9c297b7 {
        --content-width: 1140px;
    }
	.elementor-674 .elementor-element.elementor-element-8968bf6 {
        --content-width: 1140px;
    }
	.elementor-674 .elementor-element.elementor-element-56b8f93 {
        --content-width: 1140px;
    }
	.elementor-674 .elementor-element.elementor-element-41fcd70 {
        --content-width: 1140px;
    }
	.elementor-674 .elementor-element.elementor-element-6a48681 {
        --content-width: 1140px;
    }
	.elementor-674 .elementor-element.elementor-element-13670ef {
        --content-width: 1140px;
    }
	.elementor-881 .elementor-element.elementor-element-116e3be {
		--content-width: 1140px;
	}
	.elementor-881 .elementor-element.elementor-element-813d003 {
		--content-width: 1140px;
	}
	.elementor-881 .elementor-element.elementor-element-7852993 {
		--content-width: 1140px;
	}
	.elementor-674 .elementor-element.elementor-element-f0eb7fe {
		--content-width: 1140px;
	}
	.elementor-1489 .elementor-element.elementor-element-0da1a0c {
		--content-width: 1140px;
	}
	.elementor-1489 .elementor-element.elementor-element-187b6cf {
		--content-width: 1140px;
	}
	.elementor-5868 .elementor-element.elementor-element-dfe6161 {
		--content-width: 1140px;
	}
	.elementor-5868 .elementor-element.elementor-element-028ef16 {
		--content-width: 1140px;
	}
	.elementor-5868 .elementor-element.elementor-element-6a81a51 {
		--content-width: 1140px;
	}
	.elementor-5868 .elementor-element.elementor-element-07b49d0 {
		--content-width: 1140px;
	}
	.elementor-5868 .elementor-element.elementor-element-9dcc182 {
		--content-width: 1140px;
	}
	.elementor-5868 .elementor-element.elementor-element-9372678 {
		--content-width: 1140px;
	}
	.elementor-5868 .elementor-element.elementor-element-c26fe85 {
		--content-width: 1140px;
	}
	.elementor-5868 .elementor-element.elementor-element-201c6d7 {
		--content-width: 1140px;
	}
	.elementor-5905 .elementor-element.elementor-element-19f369e {
		--content-width: 1140px;
	}
	.elementor-5905 .elementor-element.elementor-element-1926901 {
		--content-width: 1140px;
	}
	.elementor-5905 .elementor-element.elementor-element-9c297b7 {
		--content-width: 1140px;
	}
	.elementor-5905 .elementor-element.elementor-element-8968bf6 {
		--content-width: 1140px;
	}
	.elementor-5905 .elementor-element.elementor-element-56b8f93 {
		--content-width: 1140px;
	}
	.elementor-5905 .elementor-element.elementor-element-41fcd70 {
		--content-width: 1140px;
	}
	.elementor-5905 .elementor-element.elementor-element-6a48681 {
		--content-width: 1140px;
	}
	.elementor-5905 .elementor-element.elementor-element-13670ef {
		--content-width: 1140px;
	}
	.elementor-5905 .elementor-element.elementor-element-f0eb7fe {
		--content-width: 1140px;
	}
	.elementor-5888 .elementor-element.elementor-element-36ee7d4 {
		--content-width: 1140px;
	}
	.elementor-5888 .elementor-element.elementor-element-dcc3ed6 {
		--content-width: 1140px;
	}
	.elementor-5888 .elementor-element.elementor-element-116e3be {
		--content-width: 1140px;
	}
	.elementor-5888 .elementor-element.elementor-element-813d003 {
		--content-width: 1140px;
	}
	.elementor-5888 .elementor-element.elementor-element-7852993 {
		--content-width: 1140px;
	}
	.elementor-5905 .elementor-element.elementor-element-6b5bf3b {
		--content-width: 1140px;
	}
	.elementor-5926 .elementor-element.elementor-element-e7b9606 {
		--content-width: 1140px;
	}
	.elementor-5926 .elementor-element.elementor-element-187b6cf {
		--content-width: 1140px;
	}
	.elementor-427 .elementor-element.elementor-element-b9bfcd3 {
		--content-width: 1140px;
	}
	.elementor-427 .elementor-element.elementor-element-e7f02a6 {
		--content-width: 1140px;
	}
	.elementor-427 .elementor-element.elementor-element-040c8c1 {
		--content-width: 1140px;
	}
	.elementor-427 .elementor-element.elementor-element-64af505 {
		--content-width: 1140px;
	}
	.res-laptop {
		--content-width: 1140px !important;
	}
	
}
@media (max-width: 1366px) {
	.bg-heading-grid h2 {
		font-size: 13px !important;
	}
	.menu-footer a {
		font-size: 16px !important
	}
	.menu-header {
        width: 50% !important;
        left: 510px !important;
        top: 25px !important;
	}
	.menu-header a {
        padding-left: 20px !important;
        padding-right: 20px !important;
	}
}
@media (max-width: 1280px) {
	.section-watermark h2 {
		font-size: 190px !important;
	}
	.text-header-form-td {
		margin-bottom: 5px !important
	}
	.menu-header {
        width: 53% !important;
        left: 465px !important;
        top: 20px !important;
	}
}
@media (max-width: 1024px) {
	.border-job-card {
	  --n: 40px;   /* độ vát góc */
	}
}
@media (max-width: 767px) {
	.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, .elementor-sub-item:focus, .elementor-sub-item:hover {
		color: #EFFB53 !important;
		background-color: unset !important;
		font-weight: 600 !important;
	}
	.giai_phap-item .giai_phap-img-hidden{
		border-bottom-right-radius: 40px;
	}
}