/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Global Style */

body .e-con>.e-con-inner>.elementor-widget>.elementor-widget-container, 
body .e-con>.elementor-widget>.elementor-widget-container {
	height: auto;
}

body {
	overflow-x: hidden !important;
}

html,body {
	text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

body img,
body svg {
	image-rendering: -webkit-optimize-contrast !important;
}

.is-form-style.is-form-style-3 input.is-search-input {
    border-right: 0 !important;
    border-radius: 30px 0 0 30px;
    background: transparent;
}

.is-form-style input.is-search-input {
	color: #FFF;
}

input:focus-visible {
	box-shadow: none !important;
}

.page-template .is-form-id-1780 .is-search-submit:focus, .is-form-id-1780 .is-search-submit:hover, .is-form-id-1780 .is-search-submit, .is-form-id-1780 .is-search-icon {
	background-color: transparent !important;
}

.is-form-id-1780 .is-search-submit:focus, .is-form-id-1780 .is-search-submit:hover, .is-form-id-1780 .is-search-submit, .is-form-id-1780 .is-search-icon {
	background-color: transparent !important;
}

.is-search-form:focus-visible {
	border-radius: 30px !important;
	border: 1px solid #e9c37b !important;
}

.is-form-style button.is-search-submit {
	border-radius: 0 30px 30px 0 !important;
}

.is-search-icon {
	border-radius: 30px !important;
}

.menu-item-type-gs_sim {
	margin-left: 20px !important;
	margin-right: -5px !important;
}

.unik-header {
    background: transparent !important;
    border-bottom: 1px solid transparent;

    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);

    transition:
        background-color 0.3s ease,
        backdrop-filter 0.3s ease,
        border-color 0.3s ease;
}

.unik-header.show {
    background: #14355af2 !important;
    border-bottom: 1px solid #ffffff1a;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.unik-header .e-con-inner {
    padding-top: 16px;
    padding-bottom: 16px;
    transition: padding 0.5s ease;
}

.unik-header.show .e-con-inner {
    padding-top: 5px;
    padding-bottom: 5px;
}

.unik-header-logo {
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.5s ease;
}

.unik-header.show .unik-header-logo {
    transform: scale(0.7);
}

/* Dropdown */
.unik-header .elementor-nav-menu .sub-menu {
    background: #1D416B !important;
    border: 1px solid rgba(255, 255, 255, 0.18);
    padding: 0 !important;
}

/* Dropdown item normal */
.unik-header .elementor-nav-menu .sub-menu .elementor-sub-item {
    color: #F1F1F1 !important;
    background: transparent !important;
    transition:
        background-color 0.25s ease,
        color 0.25s ease;
}

.unik-header .elementor-nav-menu .sub-menu {
    width: 238px !important;
    min-width: 238px !important;
    max-width: 238px !important;

    background: #1D416B !important;
    border: 1px solid rgba(255, 255, 255, 0.18);

    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* Dropdown item HOVER */
.unik-header .elementor-nav-menu .sub-menu .elementor-sub-item:hover {
    color: #F2CB78 !important;
    background: #294D77 !important;
}

/* Dropdown item AKTIF */
.unik-header .elementor-nav-menu .sub-menu li.current-menu-item > a,
.unik-header .elementor-nav-menu .sub-menu li.current_page_item > a,
.unik-header .elementor-nav-menu .sub-menu li.current-menu-ancestor > a,
.unik-header .elementor-nav-menu .sub-menu a.elementor-item-active {
    color: #F2CB78 !important;
    background: #294D77 !important;
}

/* remove the below if you don't want smooth scrolling */

html,
body {
  scroll-behavior: smooth;
}

p:last-child {
	margin-bottom: 0 !important;
}

:focus-visible {
    outline: none !important;
}

.silk-bg {
    background: radial-gradient(ellipse 70% 90% at 70% 25%, #ffffff1f, #0000 65%), radial-gradient(ellipse 80% 60% at 25% 80%, #14355a99, #0000 70%), linear-gradient(120deg, #0000 25%, #ffffff12 45%, #ffffff0a 60%, #0000 80%), linear-gradient(135deg, #1c4574, #16386a 40%, #14355a);
    background-blend-mode: screen, multiply, screen, normal;
}

span.text-unik-gold {
	color: #e9c37b;
}

span.text-unik-navy-tint {
	color: #1c4574;
}

span.text-unik-old-gold {
	color: #b48a3a;
}

.link-rule:after {
    background: #FFF;
    content: "";
    display: inline-block;
    height: 1px;
    transition: width .3s ease;
    width: 44px;
}

.link-rule {
    align-items: center;
    display: inline-flex;
    gap: 14px;
    letter-spacing: .02em;
    position: relative;
    transition: color .3s ease;
}

.link-rule:hover:after {
    width: 72px;
    background: #e9c37b;
}

.link-rule.btn-underline {
    border-bottom: 1px solid #fff9 !important;
}

.link-rule.btn-underline:hover:after {
    width: 72px;
    background: #FFF;
}

.link-rule.btn-underline:hover {
    border-bottom: 1px solid #FFF !important;
}

.link-rule-dark:after {
    background: #14355a;
    content: "";
    display: inline-block;
    height: 1px;
    transition: width .3s ease;
    width: 44px;
}

.link-rule-dark {
    align-items: center;
    display: inline-flex;
    gap: 14px;
    letter-spacing: .02em;
    position: relative;
    transition: color .3s ease;
}

.link-rule-dark:hover:after {
    width: 72px;
    background: #e9c37b;
}

.unik-button .elementor-button-content-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
}

.unik-button .elementor-button-content-wrapper::after {
    content: "";
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    display: block;
	background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h10v10'/%3E%3Cpath d='M7 17 17 7'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h10v10'/%3E%3Cpath d='M7 17 17 7'/%3E%3C/svg%3E") center / contain no-repeat;
    transition: transform 0.3s ease;
}

.unik-button .elementor-button:hover .elementor-button-content-wrapper::after {
    transform: rotate(12deg);
}

.unik-number-yrs .elementor-counter-number-wrapper::after {
    content: "yrs";
    margin-left: 5px;
    font-size: 20px;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: -0.4px !important;
}

.unik-number-yrs .elementor-counter-number-wrapper {
    align-items: baseline;
}

.unik-number-yrs .elementor-counter .elementor-counter-number-suffix {
    flex-grow: initial;
}

.unik-number-ha .elementor-counter-number-wrapper::after {
    content: "ha";
    margin-left: 5px;
    font-size: 20px;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: -0.4px !important;
}

.unik-number-ha .elementor-counter-number-wrapper {
    align-items: baseline;
}

.unik-number-ha .elementor-counter .elementor-counter-number-suffix {
    flex-grow: initial;
}

.unik-number-M .elementor-counter-number-wrapper::after {
    content: "M";
    margin-left: 5px;
    font-size: 20px;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: -0.4px !important;
}

.unik-number-M .elementor-counter-number-wrapper {
    align-items: baseline;
}

.unik-number-M .elementor-counter .elementor-counter-number-suffix {
    flex-grow: initial;
}

.unik-overline {
    display: flex;
    align-items: center;
    justify-content: left;
	gap: 16px;
}

.unik-overline::before {
    content: "";
    width: 48px;
    height: 1px;
    background: #F2CB78;
}

.unik-card {
    position: relative;
    overflow: hidden;
}

.unik-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: inherit;
    transition: transform 1.8s ease;
    z-index: 0;
}

.unik-card:hover::before {
    transform: scale(1.2);
}

.unik-card > * {
    position: relative;
    z-index: 1;
}

.unik-card-about {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* IMAGE LAYER */
.unik-card-about::after {
    content: "";
    position: absolute;
    inset: -8%;
    
    background: inherit;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    transform: scale(0.9);
    transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: -2;
}

/* GRADIENT */
.unik-card-about::before {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        180deg,
        rgba(14, 37, 80, 0.10) 0%,
        rgba(14, 37, 64, 0.60) 50%,
        rgba(7, 25, 48, 0.95) 100%
    );

    z-index: -1;
    pointer-events: none;
}

/* HOVER IMAGE */
.unik-card-about:hover::after {
    transform: scale(1.06) translateY(-0.8%);
}

/* CONTENT */
.unik-card-about > * {
    position: relative;
    z-index: 1;
}

/* HOME TABS */

/* Smooth reveal untuk panel aktif */
.unik-tabs-home .e-n-tab-content[aria-hidden="false"]{
    animation: unikTabReveal .6s cubic-bezier(.22,.61,.36,1);
}

@keyframes unikTabReveal{
    from{
        opacity:0;
        transform:translateY(20px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* Sedikit animasi di tab title */
.unik-tabs-home .e-n-tab-title{
    transition: all .3s ease;
}

.unik-tabs-home .e-n-tab-title[aria-selected="true"]{
    transform:translateY(-2px);
}

.unik-tabs-home .e-n-tab-title{
    transition: all .3s ease;
}

.unik-tabs-home .e-n-tab-title[aria-selected="true"]{
    transform:translateY(-2px);
}

.unik-tabs-home .unik-number-little{
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    opacity: .6;
    margin-right: 10px;
    vertical-align: middle;
}

.unik-tabs-home .e-n-tabs-heading {
    border-bottom: 1px solid #dfe4ec !important;
}

.unik-tabs-home .btn-underline .elementor-button-content-wrapper {
    border-bottom: 1px solid #14355a !important;
}

.unik-tabs-home .btn-underline .elementor-button-content-wrapper:hover {
    border-bottom: 1px solid #E9C37B !important;
}

.unik-tabs-home .unik-button .elementor-button-content-wrapper {
    gap: 10px;
}

.home .unik-number-card .elementor-heading-title::before {
    color: #e9c37b;
    font-size: 36px !important;
}

/* Default putih */
.home .unik-card-about .elementor-icon{
    color: #fff;
    transition: color .3s ease, transform .3s ease;
}

/* Paksa semua path SVG ikut warna */
.home .unik-card-about .elementor-icon svg path{
    stroke: #FFF !important;
    fill: none !important;
}

/* Hover jadi gold + maju */
.home .unik-card-about:hover .elementor-icon svg path{
    stroke: #e9c37b !important;
    fill: none !important;
}

/* Contact */
.unik-form .elementor-field-group .elementor-field:not(.elementor-select-wrapper):focus {
    box-shadow: none;
}

.unik-form input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], select, textarea {
    padding: 12px 0;
    margin: 10px 0;
}

.unik-form .elementor-field-group .elementor-select-wrapper select {
    padding: 12px 0;
    margin: 10px 0;
}

#btn-send {
    margin-top: 32px;
    display: flex;
    justify-content: center;
    gap: 8px;
}

#btn-send.elementor-button::after {
    content: "";
    width: 20px;
    height: 16px;
    display: inline-block;
    background: currentColor;

    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat;

    transition: transform 0.35s ease, background-color 0.35s ease;
}

#btn-send.elementor-button:hover::after {
    transform: translateX(5px);
}

#btn-send.elementor-button:hover {
    background: #F2CB78 !important;
    color: #193D66 !important;
}

.unik-blog-content a:hover {
	color: #14355a !important;
}

.unik-blog-time .elementor-icon-list-item:last-child .elementor-icon-list-text {
    color: #ffffffb3 !important;
}

.unik-blog-content > p:first-of-type {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.6em;
    letter-spacing: -0.02em;
    color: #14355A;
}

.unik-blog-content p {
    margin-bottom: 28px;
}

.unik-blog-content > p:last-of-type {
    margin-bottom: 0;
}

.unik-blog-content img {
    width: 100%;
    height: 100%;
    max-width: 100%;
}

.unik-blog-content H2 {
    font-family: "Inter", sans-serif !important;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2em;
    color: #14355a;
}

.unik-blog-content H3 {
    font-family: "Inter", sans-serif !important;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.2em;
    color: #14355a;
}

.unik-blog-content H4 {
    font-family: "Inter", sans-serif !important;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2em;
    color: #14355a;
}

.unik-blog-content H5 {
    font-family: "Inter", sans-serif !important;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2em;
    color: #14355a;
}

.unik-blog-content H6 {
    font-family: "Inter", sans-serif !important;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2em;
    color: #14355a;
}

.unik-blog-content a {
    font-weight: 500 !important;
    letter-spacing: -.02em !important;
    font-size: 17px !important;
    color: #e9c37b !important;
    text-decoration: underline !important;
}

.link-rule-dark.icon-svg .elementor-button-link:hover path {
    stroke: #e9c37b ;
}

.unik-related-post.number:hover .unik-arrow-rotate path {
    stroke: #e9c37b;
}

.unik-related-post.number img {
    aspect-ratio: 614 / 401 !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.unik-btn-article .elementor-heading-title {
    display: inline-flex;
    align-items: center;
}

.unik-btn-article .elementor-heading-title::after {
    content: "";
    width: 16px;
    height: 16px;
    margin-left: 10px;
    display: inline-block;

    background-color: currentColor;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;

    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;

    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.unik-card-about:hover .unik-btn-article .elementor-heading-title::after {
    transform: translateX(5px);
}

.unik-related-post img {
    aspect-ratio: 414/310;
    object-fit: cover;
    object-position: center center;
}

.unik-related-post .unik-blog-time .elementor-icon-list-item:last-child .elementor-icon-list-text  {
    color: #0a1a3080 !important;
}

.unik-related-post {
    overflow: hidden;
}

.unik-related-post .elementor-widget-theme-post-featured-image {
    overflow: hidden;
}

.unik-related-post .elementor-widget-theme-post-featured-image img {
    transform: scale(1);
    transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}

.unik-related-post:hover .elementor-widget-theme-post-featured-image img {
    transform: scale(1.05);
}

.unik-related-post:hover .unik-btn-article .elementor-heading-title {
    color: #E9C37B !important;
}

.unik-related-post:hover .unik-btn-article .elementor-heading-title::after {
    background-color: #E9C37B !important;
}

.unik-blog-content ul {
    margin: 16px 0;
    padding-left: 26px;
}

.unik-blog-content li {
    padding: 4px 0;
}

.standard.unik-blog-content > p:first-of-type {
    font-size: unset;
    font-weight: unset;
    font-family: "Public Sans", Sans-serif;
    color: #0a1a30d9;
}

.standard.unik-blog-content H2 {
    font-family: "Inter", sans-serif !important;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.2em;
    color: #14355a;
}

.standard.unik-blog-content H3 {
    font-family: "Inter", sans-serif !important;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2em;
    color: #14355a;
}


.standard.unik-blog-content a {
    font-weight: 500 !important;
    letter-spacing: -.02em !important;
    font-size: 16px !important;
    color: #e9c37b !important;
    text-decoration: underline !important;
}

.unik-blog-content a:hover {
    color: #14355a !important;
}

.standard.unik-blog-content H2, H3 {
    padding-top: 16px;
}

.unik-blog-content ::marker {
    color: #e9c37b !important;
}

.unik-related-post.team img {
    aspect-ratio: 419/558;
    object-fit: cover;
    object-position: center;
}

.unik-related-post.team .unik-btn-article .elementor-heading-title::after {
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    transform: rotate(-45deg);
}

.unik-number-card .elementor-heading-title {
    font-size: 0 !important;
}

.jet-listing-grid__item {
    counter-increment: unik-number;
}

.jet-listing-grid {
    counter-reset: unik-number;
}

.unik-number-card .elementor-heading-title::before {
    content: counter(unik-number, decimal-leading-zero);
    font-size: 50px;
    line-height: 1;
    font-weight: 500;
    color: #14355A;
    letter-spacing: -0.8px;
}

/* Portfolio */
.unik-assets-card-porto {
    aspect-ratio: 642/361;
    object-fit: cover;
    object-position: center;
}

.unik-assets-card-porto .unik-number-card .elementor-heading-title::before {
    content: counter(unik-number, decimal-leading-zero);
    font-size: 23.5px;
    line-height: 1;
    font-weight: 500;
    color: #ffffffe6;
    letter-spacing: -0.8px;
}

/* CARD */
.unik-assets-card-porto {
    position: relative;
    overflow: hidden;
}

/* IMAGE LAYER */
.unik-assets-card-porto::before {
    content: "";
    position: absolute;
    inset: 0;

    background-image: inherit;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    transform: scale(1);
    transform-origin: center center;

    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: 0;
}

/* HOVER - IMAGE MEMBESAR */
.unik-assets-card-porto:hover::before {
    transform: scale(1.05) translateY(-8px);
}

/* GRADIENT OVERLAY */
.unik-assets-card-porto::after {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        180deg,
        rgba(14, 37, 64, 0) 0%,
        rgba(14, 37, 64, 0.20) 50%,
        rgba(14, 37, 64, 0.80) 100%
    );

    z-index: 1;
    pointer-events: none;
}

/* CONTENT */
.unik-assets-card-porto > * {
    position: relative;
    z-index: 2;
}

.unik-btn-rotate .elementor-heading-title {
    display: inline-flex;
    align-items: center;
}

.unik-btn-rotate .elementor-heading-title::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 12px;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 15L15 5M15 5H7M15 5V13' stroke='%2314355A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    transform: translate(0, 0);
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.unik-related-post:hover .unik-btn-rotate .elementor-heading-title::after {
    transform: translate(5px, -5px);
}

.unik-back-button .elementor-button-icon svg {
    width: 20px;
    height: 20px;
}

.unik-back-button .elementor-button-icon path {
    stroke: #FFFFFFCC;
}

.unik-back-button .elementor-button .elementor-button-content-wrapper {
    align-items: center;
}

.unik-back-button:hover path {
    stroke: #E9C37B;
}

.unik-repeater-assets .jet-listing-dynamic-repeater__item span {
    display: inline-flex;
    align-items: center;
    color: #14355A;
}

.unik-repeater-assets .jet-listing-dynamic-repeater__item span::before {
    content: "";
    width: 20px;
    height: 2px;
    background: #14355A;
    margin-right: 10px;
    display: inline-block;
    flex-shrink: 0;
}

.unik-repeater-assets .jet-listing-dynamic-repeater__items {
    gap: 16px !important;
}

.unik-repeater-education .jet-listing-dynamic-repeater__items {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 24px !important;
    width: 100%;
}

.unik-repeater-education .jet-listing-dynamic-repeater__item {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
}

.unik-repeater-education .jet-listing-dynamic-repeater__item span {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-left: 20px;
    color: #3B4A61;
    line-height: 1.3;
}

.unik-repeater-education .jet-listing-dynamic-repeater__item span::before {
    content: "";
    position: absolute;
    left: 0;
    height: calc(100% + 8px);
    width: 2px;
    background: #D1D6DE;
}

.unik-hero-overlay {
    position: relative;
    overflow: hidden;
}

.unik-hero-overlay::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(14, 37, 64, 0.60) 0%,
        rgba(14, 37, 64, 0.64) 25%,
        rgba(14, 37, 64, 0.72) 50%,
        rgba(14, 37, 64, 0.90) 78%,
        rgba(14, 37, 64, 0.98) 100%
    );
    z-index: 1;
    pointer-events: none;
}

.unik-hero-overlay > * {
    position: relative;
    z-index: 2;
}

/* ================================
   KEY INFO GRID
================================ */

.unik-key-info-item {
    width: 100%;
}

.unik-key-info-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
}


/* ================================
   EACH BOX
================================ */

.unik-key-info-card {
    min-width: 0;
    padding: 36px;
    border-right: 1px solid #d9dde3;
    border-bottom: 1px solid #d9dde3;
    box-sizing: border-box;
}


/* Heading */

.unik-key-info-card__title {
    margin-bottom: 16px;
    color: #0a1a3099;
    font-size: 12px;
    line-height: 1.3;
    font-family: "Public Sans", Sans-serif;
    letter-spacing: 2.6px;
    text-transform: uppercase;
}


/* Detail */

.unik-key-info-card__content {
    color: #14355a;
    font-size: 19px;
    line-height: 1.45;
    font-family: "Inter", Sans-serif;
    font-weight: 500;
    letter-spacing: -0.38px;
}


/* Grey empty box */

.unik-key-info-card--empty {
    background: #dfe2e8;
}

/* ================================
   FADE IN UP
================================ */

.unik-key-info-card {
    opacity: 0;
    transform: translateY(20px);

    transition:
        opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.unik-key-info-card.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.unik-key-info-card:nth-child(4n) {
    border-right: none;
}

/* Card */
.unik-loop-news {
    cursor: pointer;
    transition: transform .35s ease;
    transition-delay: .08s; /* box nyusul */
    will-change: transform;
}

/* Icon */
.unik-loop-news-icon {
    transition: transform .25s ease;
    will-change: transform;
}

/* Hover */
.unik-loop-news:hover {
    transform: translateX(10px);
}

.unik-loop-news:hover .unik-loop-news-icon {
    transform: translateX(10px);
}

.elementor-loop-container > .e-loop-item:last-child .unik-loop-news-wrapper {
    border-bottom: 0 !important;
}

.elementor-field-textual {
	padding: 5px 0;
}

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

/* ========================================
   GLOBAL DESKTOP — MAX 1300PX
======================================== */

@media (min-width: 1025px) {

    /* Semua e-con-inner default = 1300px */
    .e-con-inner {
        width: min(1300px, calc(100vw - 40px)) !important;
        max-width: 1300px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* ========================================
       EXCLUDE COMPONENTS
       Kembalikan ke setting Elementor
    ======================================== */

    .unik-assets-card > .e-con-inner,
    .unik-assets-card-porto > .e-con-inner,
    .unik-related-post > .e-con-inner,
    .unik-related-post.team > .e-con-inner, .unik-loop-news > .e-con-inner {

        width: var(--container-width) !important;
        max-width: var(--container-max-width) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

}

@media (max-width: 767px) {
	
	.unik-repeater-assets .jet-listing-dynamic-repeater__items {
		gap: 8px !important;
	}

    /* Mobile dropdown background */
    .unik-header .elementor-nav-menu--dropdown,
    .unik-header .elementor-nav-menu--dropdown ul {
        background-color: #102B46 !important;
    }

    /* Full height mobile menu */
    .unik-header .elementor-nav-menu--dropdown {
        min-height: 100vh;
    }

    /* Mobile menu text */
    .unik-header .elementor-nav-menu--dropdown a {
        color: #F1F1F1 !important;
    }

    /* Mobile menu hover / active */
    .unik-header .elementor-nav-menu--dropdown a:hover,
    .unik-header .elementor-nav-menu--dropdown a.highlighted {
        color: #F2CB78 !important;
    }

    /* Sticky header mobile padding */
        .unik-header.show {
        padding: 0 10px 0 5px;;
    }
	
	.unik-header .elementor-nav-menu--dropdown .elementor-item {
		justify-content: space-between;
	}
	
	.unik-header .elementor-nav-menu--dropdown a.elementor-item-active {
        background-color: transparent !important;
        color: #F2CB78 !important;
    }
	
	    .unik-header .elementor-nav-menu--dropdown a.elementor-item-active,
    .unik-header .elementor-nav-menu--dropdown a:hover,
    .unik-header .elementor-nav-menu--dropdown a:focus,
    .unik-header .elementor-nav-menu--dropdown a.highlighted {
        background-color: #102B46 !important;
        color: #F2CB78 !important;
    }
	
	.unik-header .elementor-nav-menu--dropdown .sub-menu {
		width: 100% !important;
		min-width: 100% !important;
	}
	
	.unik-header .elementor-nav-menu--dropdown .sub-menu {
        min-height: auto !important;
        height: auto !important;
    }
	
	.unik-header .elementor-nav-menu--dropdown .sub-menu {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: auto !important;
        margin: 0 0 0 32px !important;
        padding: 0 0 0 16px !important;

        background: transparent !important;
        border: 0 !important;
        border-left: 1px solid #294D77 !important;
    }

    .unik-header .elementor-nav-menu--dropdown .sub-menu a {
        padding: 12px 0 !important;
        background: transparent !important;
        color: #C8D0DC !important;
    }

    .unik-header .elementor-nav-menu--dropdown .sub-menu a:hover,
    .unik-header .elementor-nav-menu--dropdown .sub-menu a.elementor-item-active {
        background: transparent !important;
        color: #F2CB78 !important;
    }
	
	.unik-header .elementor-nav-menu--dropdown .sub-menu a {
        font-size: 16px !important;
    }
	
	.unik-header .elementor-nav-menu .sub-menu .elementor-sub-item {
		color: #ffffffbf !important;
	}
	
    .unik-header .elementor-nav-menu--dropdown .sub-menu li,
    .unik-header .elementor-nav-menu--dropdown .sub-menu li > a,
    .unik-header .elementor-nav-menu--dropdown .sub-menu li.current-menu-item > a,
    .unik-header .elementor-nav-menu--dropdown .sub-menu li.current-menu-ancestor > a,
    .unik-header .elementor-nav-menu--dropdown .sub-menu a.elementor-item-active {
        background: transparent !important;
        background-color: transparent !important;
    }

    .unik-header .elementor-nav-menu--dropdown .sub-menu li.current-menu-item > a,
    .unik-header .elementor-nav-menu--dropdown .sub-menu a.elementor-item-active {
        color: #F2CB78 !important;
    }
	
	.unik-blog-content H2 {
		font-size: 24px;
	}
	
	.unik-blog-content H3 {
		font-size: 22px;
	}
	
	.unik-blog-content H4 {
		font-size: 20px;
	}
	
	.unik-blog-content H5 {
		font-size: 18px;
	}
	
	.unik-blog-content H6 {
		font-size: 17px;
	}
	
	.unik-blog-content > p:first-of-type {
		font-size: 20px;
	}
	
	.standard.unik-blog-content H2 {
		font-size: 22px;
	}
	
	.standard.unik-blog-content H3 {
		font-size: 16.7px;
	}
	
	.unik-key-info-grid {
        grid-template-columns: 1fr;
    }

    .unik-key-info-card {
        min-height: auto;
        padding: 28px;
		border-right: none;
    }

    .unik-key-info-card__title {
        margin-bottom: 16px;
    }
    
    /* Remove grey empty box on mobile */
    .unik-key-info-card--empty {
        display: none;
    }
    
    .unik-key-info-card__content {
        font-size: 17px;
    }
	
    /* Hilangkan border-bottom pada card terakhir yang punya content */
    .unik-key-info-card:not(.unik-key-info-card--empty):not(:has(~ .unik-key-info-card:not(.unik-key-info-card--empty))) {
        border-bottom: none;
    }
    
    .unik-key-info-card__title {
        font-size: 11px;
    }
	
	.menu-item-type-gs_sim {
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 15px 20px 15px 20px !important;
	}
}