.elementor-kit-6{--e-global-color-primary:#C3A354;--e-global-color-secondary:#000000;--e-global-color-text:#212121;--e-global-color-accent:#C3A354;--e-global-color-99c994a:#FFFFFF;--e-global-color-d6e711f:#0D305A;--e-global-color-759053d:#C3A354;--e-global-color-3c68be4:#1F2933;--e-global-color-f85328a:#4F5866;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:36px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:62px;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:26px;--e-global-typography-text-font-family:"Inter Tight";--e-global-typography-text-font-size:18px;--e-global-typography-text-line-height:34px;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:24px;--e-global-typography-a03dd78-font-family:"Poppins";--e-global-typography-a03dd78-font-size:72px;--e-global-typography-a03dd78-font-weight:600;--e-global-typography-a03dd78-line-height:1.2em;--e-global-typography-58f69c0-font-family:"Poppins";--e-global-typography-58f69c0-font-size:36px;--e-global-typography-58f69c0-font-weight:600;--e-global-typography-58f69c0-line-height:1.2em;--e-global-typography-8b61720-font-family:"Poppins";--e-global-typography-8b61720-font-size:22px;--e-global-typography-8b61720-font-weight:600;--e-global-typography-8b61720-line-height:1.2em;--e-global-typography-0791194-font-family:"Poppins";--e-global-typography-0791194-font-size:15px;--e-global-typography-0791194-font-weight:500;--e-global-typography-0791194-line-height:1.2em;--e-global-typography-44d8ed7-font-family:"Poppins";--e-global-typography-44d8ed7-font-size:18px;--e-global-typography-44d8ed7-font-weight:500;--e-global-typography-44d8ed7-line-height:1.2em;--e-global-typography-a264da4-font-family:"Inter Tight";--e-global-typography-a264da4-font-size:17px;--e-global-typography-a264da4-line-height:25px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:0px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );border-radius:50px 50px 50px 50px;}.elementor-kit-6 img{border-radius:12px 12px 12px 12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;--container-default-padding-top:80px;--container-default-padding-right:15px;--container-default-padding-bottom:80px;--container-default-padding-left:15px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-primary-font-size:46px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:14px;--e-global-typography-accent-line-height:1.2em;--e-global-typography-a03dd78-font-size:38px;--e-global-typography-a03dd78-line-height:1.2em;--e-global-typography-58f69c0-font-size:30px;--e-global-typography-8b61720-font-size:20px;--e-global-typography-8b61720-line-height:1.2em;--e-global-typography-0791194-font-size:15px;--e-global-typography-0791194-line-height:1.2em;--e-global-typography-44d8ed7-font-size:16px;--e-global-typography-44d8ed7-line-height:1.2em;--e-global-typography-a264da4-font-size:14px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:60px;--container-default-padding-right:15px;--container-default-padding-bottom:60px;--container-default-padding-left:15px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:26px;--e-global-typography-primary-line-height:36px;--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-line-height:26px;--e-global-typography-text-font-size:17px;--e-global-typography-text-line-height:26px;--e-global-typography-accent-font-size:14px;--e-global-typography-accent-line-height:22px;--e-global-typography-a03dd78-font-size:32px;--e-global-typography-a03dd78-line-height:1.2em;--e-global-typography-58f69c0-font-size:26px;--e-global-typography-8b61720-font-size:20px;--e-global-typography-8b61720-line-height:1.2em;--e-global-typography-0791194-font-size:14px;--e-global-typography-0791194-line-height:1.2em;--e-global-typography-44d8ed7-font-size:14px;--e-global-typography-44d8ed7-line-height:1.2em;--e-global-typography-a264da4-font-size:17px;--e-global-typography-a264da4-line-height:26px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:40px;--container-default-padding-right:15px;--container-default-padding-bottom:40px;--container-default-padding-left:15px;}}/* Start custom CSS *//* Glassmorphism Sticky Header with Z-Index Fix */
/*header[data-elementor-type="header"] {*/
/*    position: sticky !important;*/
/*    top: 0;*/
/*    z-index: 9999 !important;*/
/*    background: rgba(255, 255, 255, 0.85) !important;*/
/*    backdrop-filter: blur(12px);*/
/*    -webkit-backdrop-filter: blur(12px);*/
/*    border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/
/*    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);*/
/*    transition: all 0.3s ease;*/
/*}*/

/* Smooth floating effect for Icon Boxes */
.elementor-widget-icon-box .elementor-icon-box-wrapper {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    padding: 15px; /* Adjust based on your Elementor settings */
    border-radius: 12px;
}

/* Subtle icon scale on hover */
.elementor-widget-icon-box:hover .elementor-icon-box-icon i,
.elementor-widget-icon-box:hover .elementor-icon-box-icon svg {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}

/* Advanced button hover interaction */
.elementor-button {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease, transform 0.2s ease;
}

.elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg);
    transition: all 0.6s ease;
}

.elementor-button:hover::before {
    left: 200%;
}

.elementor-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Modernize the browser scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
::-webkit-scrollbar-thumb {
    background: #c1c1c1; 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8; 
}

/* 1. Base Header Style (Transparent & Fixed) */
.my-custom-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: transparent;
    transition: all 0.4s ease-in-out;
}

/* Base Text/Icon Colors (White) */
.my-custom-header .elementor-nav-menu a.elementor-item,
.my-custom-header .elementor-icon-list-text,
.my-custom-header .elementor-heading-title {
    color: #ffffff !important;
    transition: color 0.4s ease-in-out !important;
}

.my-custom-header .elementor-icon-list-icon svg,
.my-custom-header .e-font-icon-svg,
.my-custom-header .elementor-menu-toggle svg {
    fill: #ffffff !important;
    transition: fill 0.4s ease-in-out !important;
}

/* 2. Scrolled State (Glassy & Black Text) */
.my-custom-header.is-scrolled {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05) !important;
}

.my-custom-header.is-scrolled .elementor-nav-menu a.elementor-item,
.my-custom-header.is-scrolled .elementor-icon-list-text,
.my-custom-header.is-scrolled .elementor-heading-title {
    color: #000000 !important;
}

.my-custom-header.is-scrolled .elementor-icon-list-icon svg,
.my-custom-header.is-scrolled .e-font-icon-svg,
.my-custom-header.is-scrolled .elementor-menu-toggle svg {
    fill: #000000 !important;
}

/* =========================================================
   SINGLE JOB PAGE STYLING (MERÄKI INSPIRED)
   ========================================================= */

:root {
    --job-accent: #0055ff; /* Change this hex code to match your specific brand blue */
    --job-text-dark: #111111;
    --job-text-muted: #666666;
    --job-bg-light: #f8faff;
}

/* 1. Page Background & Container Spacing */
body.single-job {
    background-color: var(--job-bg-light) !important;
}

.single-job .elementor-location-single > .elementor-element {
    margin-bottom: 40px;
}

/* 2. Elevated Cards for Content Sections */
/* Transforms your stacked rows into floating, modern white cards */
.single-job .elementor-element-da3073d > .e-con-inner,
.single-job .elementor-element-7b25d31 > .e-con-inner {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03);
    padding: 40px !important;
    border: 1px solid #f0f0f0;
}

@media (max-width: 767px) {
    .single-job .elementor-element-da3073d > .e-con-inner,
    .single-job .elementor-element-7b25d31 > .e-con-inner {
        padding: 20px !important;
    }
}

/* 3. Modern Section Headings */
.single-job .elementor-widget-heading h2.elementor-heading-title {
    font-size: 22px;
    font-weight: 700;
    color: var(--job-text-dark);
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 12px;
}

/* Adds the premium underline accent to section titles */
.single-job .elementor-widget-heading h2.elementor-heading-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 3px;
    background: var(--job-accent);
    border-radius: 3px;
}

/* 4. Beautiful Icon Lists (Job Info & Contact) */
.single-job .elementor-widget-icon-list .elementor-icon-list-item {
    padding: 15px 0;
    border-bottom: 1px dashed #e2e2e2;
    transition: all 0.3s ease;
}

.single-job .elementor-widget-icon-list .elementor-icon-list-item:last-child {
    border-bottom: none;
}

.single-job .elementor-widget-icon-list .elementor-icon-list-item:hover {
    padding-left: 8px; /* Smooth nudge effect on hover */
}

.single-job .elementor-icon-list-icon i, 
.single-job .elementor-icon-list-icon svg {
    color: var(--job-accent) !important;
    fill: var(--job-accent) !important;
    width: 20px;
    height: 20px;
}

.single-job .elementor-icon-list-text {
    font-weight: 500;
    color: var(--job-text-dark);
    font-size: 16px;
}

/* 5. Typography & Text Readability */
.single-job .elementor-widget-text-editor {
    color: var(--job-text-muted);
    line-height: 1.8;
    font-size: 16px;
}

.single-job .elementor-widget-text-editor p {
    margin-bottom: 15px;
}

/* 6. "Apply Now" Button Styling */
.single-job .elementor-widget-button .elementor-button {
    background-color: var(--job-accent);
    border-radius: 50px !important;
    padding: 16px 40px !important;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 8px 20px rgba(0, 85, 255, 0.2);
}

.single-job .elementor-widget-button .elementor-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(0, 85, 255, 0.3);
}

/* 7. Image & Map Polish */
.single-job .elementor-widget-image img {
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.single-job .elementor-widget-google_maps iframe {
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    filter: contrast(0.95) saturate(1.1); /* Slightly modernizes the Google Map colors */
}

/* 8. Breadcrumbs Polish */
.single-job .eael-breadcrumbs {
    background: transparent !important;
    padding: 0 !important;
    font-size: 14px;
    font-weight: 500;
}

.single-job .eael-breadcrumbs a {
    color: var(--job-accent);
    transition: color 0.3s ease;
}

.single-job .eael-breadcrumbs a:hover {
    color: var(--job-text-dark);
}

.elementor-element.elementor-element-e606854.my-custom-header.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    border-bottom: 0px !important;
}/* End custom CSS */