/* ==================== HEADER V2 STYLING ==================== */

:root {
    --accent-color: #00a600;
    --accent-color-hover: #008f00;
}

.hidden {
    display: none;
}

.container_rmm_header {
    /* max-width: 1440px; */
    width: 95%;
    margin: 0 auto;
}

/* Topbar V2 */
.rmm_topbar_v2 {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 6px 0;
}

.rmm_top_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rmm_top_segment {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0 2rem;
    /* border-right: 1px solid #eee; */
}

/* Social Links */
.rmm_social_links {
    display: flex;
    gap: 1.25rem;
    padding-left: 0 !important;
}

.rmm_social_links a {
    color: #555;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
}

.rmm_social_links a:hover {
    color: var(--accent-color);
    transform: translateY(-2px);
}

.rmm_top_segment:last-child {
    border-right: none;
    padding-right: 0;
}

.rmm_top_segment:first-child {
    padding-left: 0;
}

.rmm_top_logo_icon {
    height: 60px !important;
    width: auto;
}

.rmm_top_text_box {
    display: flex;
    flex-direction: column;
}

.rmm_top_label {
    font-size: 0.75rem;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 500;
}

.rmm_top_value {
    font-size: 0.95rem;
    color: #333;
    font-weight: 600;
}

.rmm_top_contact {
    display: flex;
    gap: 2rem;
}

.rmm_contact_item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.rmm_contact_icon svg {
    width: 20px;
    height: 20px;
    color: var(--accent-color);
}

.rmm_contact_details {
    display: flex;
    flex-direction: column;
}

.rmm_contact_details a.rmm_top_value {
    text-decoration: none;
    transition: color 0.3s;
}

.rmm_contact_details a.rmm_top_value:hover {
    color: var(--accent-color);
}

/* Main Header V2 */
.rmm_header_v2 {
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    z-index: 1000;
    transition: all 0.3s ease;
}

.rmm_header_inner {
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rmm_logo_img_v2 {
    height: 55px !important;
    width: auto;
}

/* Navigation V2 */
.rmm_nav_v2 ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 2rem;
}

.rmm_nav_v2 ul li {
    position: relative;
    padding: .6rem 0;
}

.rmm_nav_v2 ul li a {
    text-decoration: none;
    color: #333;
    font-weight: 600;
    font-size: 0.95rem;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.rmm_nav_v2 ul li a:hover,
.rmm_nav_v2 ul li a.active {
    color: var(--accent-color);
}

.rmm_nav_v2 ul li a.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--accent-color);
    border-radius: 3px;
}

.dropdown_arrow {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5;
    transition: transform 0.3s;
}

.rmm_nav_v2 ul li:hover .dropdown_arrow {
    transform: rotate(180deg);
}

/* Dropdown */
.rmm_dropdown_v2 {
    position: absolute;
    top: 100%;
    left: -20px;
    background: #fff;
    min-width: 220px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    display: block !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    flex-direction: column !important;
    gap: 0 !important;
    padding: 10px 0 !important;
    border: 1px solid #f0f0f0;
}

.rmm_nav_v2 ul li:hover .rmm_dropdown_v2 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.rmm_dropdown_v2 li {
    padding: 0 !important;
}

.rmm_dropdown_v2 li a {
    padding: 12px 25px !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

.rmm_dropdown_v2 li a:hover {
    background: #f8f8f8;
}

.rmm_global_nav .rmm_dropdown_v2 {
    left: auto;
    right: -20px;
}

/* Actions Header */
.rmm_header_actions_v2 {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.rmm_quote_btn_v2 {
    background: var(--accent-color);
    color: #fff !important;
    padding: 0.8rem 1.8rem;
    border-radius: 50px;
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all 0.3s;
    box-shadow: 0 8px 20px rgba(0, 166, 0, 0.2);
}

.rmm_quote_btn_v2:hover {
    background: var(--accent-color-hover);
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 166, 0, 0.3);
}

/* Mobile Toggle */
.rmm_mobile_toggle_v2 {
    background: transparent;
    border: none;
    width: 32px;
    height: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    padding: 0;
}

.rmm_mobile_toggle_v2 .line {
    width: 100%;
    height: 3px;
    background: #333;
    border-radius: 4px;
    transition: all 0.3s;
}

/* Mobile Drawer */
.rmm_mobile_drawer_v2 {
    position: fixed;
    top: 0;
    right: -320px;
    width: 300px;
    height: 100vh;
    background: #fff;
    z-index: 2000;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
}

.rmm_mobile_drawer_v2.active {
    right: 0;
}

.rmm_drawer_header {
    padding: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
}

.rmm_drawer_logo {
    height: 40px !important;
}

.rmm_drawer_close {
    background: transparent;
    border: none;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f5f5f5;
    cursor: pointer;
}

.rmm_drawer_close svg {
    width: 20px;
    height: 20px;
    color: #333;
}

.rmm_drawer_body {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
}

.rmm_mobile_nav_v2 ul {
    list-style: none;
    padding: 0;
}

.rmm_mobile_nav_v2 ul li {
    border-bottom: 1px solid #f8f8f8;
}

.rmm_mobile_nav_v2 ul li a {
    display: block;
    padding: 1rem 0;
    text-decoration: none;
    color: #333;
    font-weight: 600;
    font-size: 1rem;
    position: relative;
    transition: all 0.3s;
}

.rmm_mobile_nav_v2 ul li.active>a,
.rmm_mobile_nav_v2 ul li.active>.rmm_mob_drop_toggle>a {
    color: var(--accent-color);
}

.rmm_mob_drop_toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.mob_arrow {
    width: 18px;
    height: 18px;
    stroke: #888;
    stroke-width: 2.5;
    fill: none;
    transition: transform 0.3s;
}

.rmm_mob_dropdown.active .mob_arrow {
    transform: rotate(180deg);
}

.rmm_mob_submenu {
    display: none;
    background: #fbfbfb;
    padding: 0 1rem !important;
}

.rmm_mob_submenu li {
    border-bottom: none !important;
}

.rmm_mob_submenu li a {
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    color: #666 !important;
    padding: 0.75rem 0 !important;
    transition: all 0.3s;
}

.rmm_mob_submenu li.active a {
    color: var(--accent-color) !important;
}

/* Base Responsive Helpers */
.rmm_desktop_only {
    display: block !important;
}

.rmm_mobile_only {
    display: none !important;
}

.rmm_drawer_footer {
    padding: 1.5rem;
    border-top: 1px solid #eee;
}

.rmm_mob_quote_btn {
    display: flex;
    width: 100%;
    height: 48px;
    background: var(--accent-color);
    color: #fff;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 700;
    border-radius: 8px;
}

.rmm_drawer_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.rmm_drawer_overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Breakpoints */
@media (max-width: 1199px) {
    .rmm_top_segment {
        padding: 0 1rem;
    }

    .rmm_nav_v2 ul {
        gap: 1.25rem;
    }
}

@media (max-width: 1213px) {
    .rmm_desktop_only {
        display: none !important;
    }

    .rmm_mobile_only {
        display: flex !important;
    }

    .rmm_top_icon_box {
        display: none;
    }

    .container_rmm_header {
        width: 92%;
    }

    .rmm_logo_img_v2 {
        height: 48px;
    }

    .rmm_header_inner {
        height: 75px;
    }
}

@media (max-width: 767px) {
    .rmm_top_segment:not(.rmm_top_contact) {
        display: none;
    }

    .rmm_top_inner {
        justify-content: center;
    }

    .rmm_top_segment {
        border: none;
    }
}

/* Banner Custom Css */

/* banner */
.hero-area {
    position: relative;
    width: 100%;
    height: 90vh !important;
    min-height: 32rem;
}

.hero-area-inner,
.slider-active,
.swiper,
.swiper-wrapper,
.swiper-slide,
.hero-slide {
    height: 100% !important;
}

@media (max-width: 768px) {
    .hero-area {
        height: 30rem;
    }
}

.hero-slide {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.hero-slide-bg img,
.hero-slide-bg video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}

/* Content Block */
.hero-content {
    position: relative;
    z-index: 5;
    max-width: 86%;
    color: #fff;
    padding-bottom: 5vh;
    padding-top: 1rem;
    border-top: 1px solid #ffffff5d;
}

@media (max-width: 991px) {
    .hero-content {
        max-width: 80%;
    }
}

.hero-title {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.text {
    font-size: 1rem;
    opacity: 0.9;
}

.v2-btn {
    display: inline-flex;
    padding: 0.8rem 1.8rem;
    border-radius: 40px;
    background-color: var(--accent-color);
    color: #fff;
    font-weight: 600;
    transition: 0.25s ease;
}

.v2-btn:hover {
    background: var(--accent-color-hover);
    color: #fff;
}

/* Animation */
[data-ani] {
    opacity: 0;
    transform: translateY(20px);
}

.animate-in {
    opacity: 1 !important;
    transform: translateY(0) !important;
    transition: all 0.6s ease var(--delay);
}

/* Modern Bottom-Right Arrows */
.modern-bottom-right {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    display: flex;
    gap: 0.75rem;
    z-index: 20;
}

.hero-nav-btn {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    background: #ffffffd8;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.25s ease;
}

.hero-nav-btn:hover {
    background: var(--accent-color);
    color: #fff;
}

.hero-nav-btn svg {
    width: 1rem;
    height: 1rem;
}

@media (max-width: 991px) {

    .hero-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.521));
    }

    .hero-title {
        font-size: 2rem;
    }

    .text {
        font-size: 1rem;
    }

}

/* ==================== ABOUT US V2 ==================== */
.rmm_about_v2_area {
    padding: 50px 0;
    background: #fff;
}

/* .rmm_about_content_v2 {
    padding-right: 50px;
} */

.rmm_sub_title_v2 {
    display: inline-block;
    color: #333;
    font-weight: 700;
    font-size: 0.95rem;
    margin-bottom: 1.5rem;
    text-transform: capitalize;
}

.rmm_main_title_v2 {
    font-size: 1.8rem;
    font-weight: 800;
    color: #1a1a1a;
    line-height: 1.2;
    margin-bottom: 1rem;
    letter-spacing: -0.02em;
}

.rmm_desc_v2 {
    font-size: 1rem;
    color: #666;
    line-height: 1.8;
    margin-bottom: 2rem;
}

/* Feature Grid */
.rmm_feature_grid_v2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem 2rem;
    margin-bottom: 4rem;
}

.rmm_feature_item_v2 {
    display: flex;
    gap: 1.25rem;
}

.rmm_feature_icon_v2 {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    background: #f8fbf8;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-color);
    transition: all 0.3s;
    border: 1px solid #e0f2e0;
}

.rmm_feature_item_v2:hover .rmm_feature_icon_v2 {
    background: var(--accent-color);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 166, 0, 0.2);
}

.rmm_feature_icon_v2 svg {
    width: 28px;
    height: 28px;
}

.rmm_feature_text_v2 h4 {
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: #1a1a1a;
}

.rmm_feature_text_v2 p {
    font-size: 0.9rem;
    color: #777;
    line-height: 1.5;
    margin: 0;
}

/* Button */
.rmm_btn_primary_v2 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: var(--accent-color);
    color: #fff !important;
    padding: 1rem 2.8rem;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s;
    box-shadow: 0 5px 15px rgba(0, 166, 0, 0.2);
}

.rmm_btn_primary_v2:hover {
    background: var(--accent-color-hover);
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 166, 0, 0.3);
}

/* Visual Image V2 */
.rmm_about_visual_v2 {
    position: relative;
}

.rmm_single_image_v2 {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    margin-bottom: 2.5rem;
}

.rmm_about_img_main {
    width: 100%;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.rmm_single_image_v2:hover .rmm_about_img_main {
    transform: scale(1.03);
}

/* Cert Badges */
.rmm_cert_badges_v2 {
    display: flex;
    gap: 3rem;
    padding-top: 1rem;
}

.cert_badge_v2 {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.cert_badge_v2 img {
    height: 50px;
    width: auto;
}

.cert_info_v2 {
    display: flex;
    flex-direction: column;
}

.cert_info_v2 strong {
    font-size: 1rem;
    color: #333;
    font-weight: 700;
}

.cert_info_v2 span {
    font-size: 0.85rem;
    color: #888;
}

/* Responsive */
@media (max-width: 1213px) {
    .rmm_about_v2_area {
        padding: 80px 0;
    }

    .rmm_main_title_v2 {
        font-size: 2.4rem;
    }

    .rmm_about_content_v2 {
        padding-right: 0;
        margin-bottom: 4rem;
    }
}

@media (max-width: 767px) {
    .rmm_main_title_v2 {
        font-size: 2rem;
    }

    .rmm_feature_grid_v2 {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .rmm_single_image_v2 {
        margin-bottom: 2rem;
        margin-top: 20px;
    }

    .rmm_cert_badges_v2 {
        flex-direction: column;
        gap: 1.5rem;
    }
}

/* ==================== FEATURES & CERTIFICATION V2 (MODE 2) ==================== */
.rmm_features_cert_area {
    padding: 50px 0;
    background: url('../images/bg/Page-Bg.png') no-repeat center center / cover;
    position: relative;
    z-index: 1;
}

.rmm_features_cert_area::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(244, 244, 244, 0.318), rgba(245, 245, 245, 0.307));
    z-index: -1;
}

.rmm_cert_visual_v2 {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    background: #fff;
    border: 1px solid #eee;
    max-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 15px; */
}

.rmm_cert_visual_v2:hover {
    transform: translateY(-8px) scale(1.01);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);
}

.rmm_cert_visual_v2 .rmm_cert_media_v2 {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: none;
    transition: opacity 0.4s ease-in-out;
    opacity: 0;
}

/* Strict Container-Based Visibility */
.rmm_cert_visual_v2.is-image #rmm_feat_main_img,
.rmm_cert_visual_v2.is-video #rmm_feat_main_vid {
    display: block;
}

.rmm_cert_visual_v2.is-image #rmm_feat_main_img.active,
.rmm_cert_visual_v2.is-video #rmm_feat_main_vid.active {
    opacity: 1;
}

/* Features List Styling */
.rmm_feature_list_v2 {
    padding-left: 50px;
}

.rmm_list_item_v2 {
    border-bottom: 1px solid #eee;
    padding: 1.5rem 0;
    transition: all 0.4s;
    cursor: pointer;
}

.rmm_list_item_v2:first-child {
    padding-top: 0;
}

.rmm_list_header_v2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.rmm_list_header_v2 h3 {
    font-size: 1.5rem;
    font-weight: 800;
    color: #1a1a1a;
    letter-spacing: 0.05em;
    margin: 0;
    transition: color 0.3s;
}

.rmm_list_arrow_v2 {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1a1a1a;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.rmm_list_arrow_v2 svg {
    width: 24px;
    height: 24px;
}

.rmm_list_body_v2 {
    max-width: 90%;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}

.rmm_list_item_v2.active .rmm_list_body_v2 {
    max-height: 500px;
    transition: max-height 0.8s cubic-bezier(1, 0, 1, 0);
    padding-bottom: 1rem;
}

.rmm_list_item_v2.active {
    transform: translateX(5px);
}

.rmm_list_item_v2.active .rmm_list_header_v2 h3 {
    color: var(--accent-color);
}

.rmm_list_body_v2 p {
    font-size: 1.05rem;
    color: #555;
    line-height: 1.6;
    margin: 0;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s 0.2s;
}

.rmm_list_item_v2.active .rmm_list_body_v2 p {
    opacity: 1;
    transform: translateY(0);
}

/* Hover Effects */
.rmm_list_item_v2:hover {
    border-bottom: 1px solid var(--accent-color);
}

.rmm_list_item_v2:hover h3 {
    color: var(--accent-color);
}

.rmm_list_item_v2.active .rmm_list_arrow_v2 {
    color: var(--accent-color);
    transform: rotate(90deg);
}

/* Mobile Responsiveness */
@media (max-width: 1213px) {
    .rmm_feature_list_v2 {
        padding-left: 0;
        margin-top: 4rem;
    }

    .rmm_feature_grid_v2 {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}

/* @media (max-width: 991px) {
    .container_rmm_header .row {
        gap: 20px
    }
} */

@media (max-width: 767px) {
    .rmm_features_cert_area {
        padding: 60px 0;
    }

    .rmm_list_header_v2 h3 {
        font-size: 1.25rem;
    }

    /* .container_rmm_header .row {
        gap: 20px
    } */
}

/* ==================== WORLDWIDE VIDEO SECTION ==================== */
.rmm_worldwide_video_area {
    padding: 120px 0;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/bg/globalpartner.webp') no-repeat center center / cover;
    background-attachment: fixed;
    position: relative;
    color: #fff;
    overflow: hidden;
}

.rmm_video_subtitle {
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 1rem;
    color: rgba(255, 255, 255, 0.9);
}

.rmm_video_title {
    font-size: 3rem;
    font-weight: bolder;
    /* margin-bottom: 3rem; */
    line-height: 1.2;
    text-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.rmm_play_btn_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.rmm_worldwide_btn {
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-color);
    text-decoration: none;
    position: relative;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.rmm_worldwide_btn::after {
    content: '';
    position: absolute;
    inset: -10px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    animation: rmm_pulse 2s infinite;
}

.rmm_worldwide_btn:hover {
    transform: scale(1.1);
    background: var(--accent-color);
    color: #fff;
}

.rmm_play_icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rmm_play_icon svg {
    width: 40px;
    height: 40px;
}

@keyframes rmm_pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    70% {
        transform: scale(1.5);
        opacity: 0;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

@media (max-width: 991px) {
    .rmm_worldwide_video_area {
        padding: 80px 0;
    }

    .rmm_worldwide_btn {
        width: 80px;
        height: 80px;
    }
}

@media (max-width: 575px) {
    .rmm_video_title {
        font-size: 1.75rem;
    }

    .rmm_worldwide_btn {
        width: 60px;
        height: 60px;
    }

    .rmm_play_icon svg {
        width: 30px;
        height: 30px;
    }
}

/* ==================== REVAMPED WHY CHOOSE US SECTION ==================== */
.rmm_wcu_v2_section {
    padding: 50px 0;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

.rmm_wcu_v2_section::before {
    content: '';
    position: absolute;
    top: 10%;
    left: -10%;
    width: 30%;
    height: 80%;
    background: radial-gradient(circle, rgba(0, 166, 0, 0.03) 0%, transparent 70%);
    pointer-events: none;
}

.rmm_wcu_v2_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    /* margin-top: 4rem; */
}

.rmm_wcu_v2_item {
    padding: 3rem 2.5rem;
    background: #fff;
    border: 1px solid #f1f5f9;
    border-radius: 24px;
    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.rmm_wcu_v2_item::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: linear-gradient(145deg, var(--accent-color), var(--accent-color-hover));
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 0;
}

.rmm_wcu_v2_header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2.5rem;
    position: relative;
    z-index: 2;
}

.rmm_wcu_v2_num {
    font-size: 1rem;
    font-weight: 800;
    color: var(--accent-color);
    background: rgba(0, 166, 0, 0.08);
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    letter-spacing: 1px;
    transition: all 0.4s ease;
}

.rmm_wcu_v2_icon {
    color: #333;
    transition: all 0.3s;
}

.rmm_wcu_v2_item:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 30px 60px rgba(0, 166, 0, 0.15);
    border-color: var(--accent-color);
}

.rmm_wcu_v2_item:hover::before {
    height: 100%;
}

.rmm_wcu_v2_item:hover h4,
.rmm_wcu_v2_item:hover p,
.rmm_wcu_v2_item:hover p strong,
.rmm_wcu_v2_item:hover p .rmm_flow_arrow {
    color: #fff;
}

.rmm_wcu_v2_item:hover .rmm_wcu_v2_num {
    background-color: #ffffff;
    color: #1a1a1a;
}

.rmm_wcu_v2_item:hover .rmm_wcu_v2_icon {
    color: #ffffff;
    transform: scale(1.2) rotate(-5deg);
}

.rmm_wcu_v2_icon svg {
    width: 40px;
    height: 40px;
}

.rmm_wcu_v2_content {
    position: relative;
    z-index: 2;
}

.rmm_wcu_v2_content h4 {
    font-size: 1.4rem;
    font-weight: 800;
    color: #1a1a1a;
    margin-bottom: 1.25rem;
    line-height: 1.3;
    transition: color 0.4s ease;
}

.rmm_wcu_v2_content p {
    font-size: 0.95rem;
    color: #666;
    line-height: 1.7;
    margin: 0;
    transition: color 0.4s ease;
}

.rmm_wcu_v2_content strong {
    color: #1a1a1a;
    font-weight: 700;
}

.rmm_flow_arrow {
    display: inline-block;
    padding: 0 4px;
    color: var(--accent-color);
    font-weight: 900;
}

@media (max-width: 1200px) {
    .rmm_wcu_v2_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991px) {
    .rmm_wcu_v2_section {
        padding: 80px 0;
    }
}

@media (max-width: 767px) {
    .rmm_wcu_v2_grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .rmm_wcu_v2_item {
        padding: 2.5rem 2rem;
    }

    .rmm_wcu_v2_content h4 {
        font-size: 1.25rem;
    }
}

/* ==================== SUSTAINABILITY & SAFETY SECTION ==================== */
.rmm_safety_section {
    padding: 60px 0;
    background: #fdfdfd;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.rmm_safety_wrapper {
    display: flex;
    align-items: flex-start;
    gap: 100px;
}

.rmm_safety_brand {
    flex: 0 0 320px;
}

.rmm_safety_main_title {
    font-size: 1.5rem;
    font-weight: 900;
    color: var(--accent-color);
    line-height: 1.2;
    margin-bottom: 20px;
    letter-spacing: -0.02em;
}

.rmm_safety_brand_icons {
    display: flex;
    gap: 15px;
    color: #1a2a3a;
}

.rmm_safety_brand_icons svg {
    width: 28px;
    height: 28px;
}

.rmm_safety_content {
    display: flex;
    gap: 50px;
}

.rmm_safety_item {
    flex: 1;
}

.rmm_safety_item_title {
    font-size: 0.85rem;
    font-weight: 800;
    color: var(--accent-color-hover);
    text-transform: uppercase;
    margin-bottom: 15px;
    letter-spacing: 0.05em;
}

.rmm_safety_item_desc {
    font-size: 0.9rem;
    color: #8a96a3;
    line-height: 1.6;
    margin: 0;
}

@media (max-width: 1199px) {
    .rmm_safety_wrapper {
        gap: 60px;
    }
}

@media (max-width: 991px) {
    .rmm_safety_wrapper {
        flex-direction: column;
        gap: 40px;
    }

    .rmm_safety_brand {
        flex: 0 0 auto;
    }
}

@media (max-width: 767px) {
    .rmm_safety_content {
        flex-direction: column;
        gap: 30px;
    }
}

/* ==================== PREMIUM NEWS & EVENTS SECTION (MODE 4) ==================== */
.rmm_news_v4_section {
    padding-bottom: 80px;
    background: #ffffff;
}

.rmm_news_v4_header {
    background: url(../images/bg/color-bg.webp);
    padding: 80px 0 160px;
    color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.rmm_news_v4_title {
    font-size: 2.8rem;
    font-weight: 800;
    margin-bottom: 1.5rem;
    letter-spacing: -0.02em;
}

.rmm_news_v4_subtitle {
    font-size: 1.1rem;
    opacity: 0.8;
    max-width: 650px;
    margin: 0 auto;
    line-height: 1.6;
}

.rmm_news_v4_container {
    margin-top: -80px;
}

.rmm_news_v4_card {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    height: 100%;
}

.rmm_news_v4_card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.rmm_news_v4_img {
    height: 180px;
    overflow: hidden;
}

.rmm_news_v4_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.rmm_news_v4_card:hover .rmm_news_v4_img img {
    transform: scale(1.1);
}

.rmm_news_v4_body {
    padding: 1.5rem;
}

.rmm_news_v4_tag {
    font-size: 0.75rem;
    font-weight: 700;
    color: #888;
    text-transform: uppercase;
    display: block;
    margin-bottom: 0.75rem;
    letter-spacing: 0.05em;
}

.rmm_news_v4_card_title {
    font-size: 1.15rem;
    font-weight: 800;
    color: #1a1a1a;
    line-height: 1.4;
    margin-bottom: 1.25rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.rmm_news_v4_card_meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    color: #666;
}

.rmm_news_v4_card_meta svg {
    width: 14px;
    height: 14px;
    opacity: 0.6;
}

.rmm_news_v4_btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 30px;
    border: 2px solid #1a1a1a;
    border-radius: 50px;
    color: #1a1a1a;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    transition: all 0.3s ease;
}

.rmm_news_v4_btn:hover {
    background: var(--accent-color);
    color: #fff;
    border: 2px solid var(--accent-color);
    transform: translateX(5px);
}

.rmm_news_v4_btn svg {
    width: 18px;
    height: 18px;
}

@media (max-width: 991px) {
    .rmm_news_v4_title {
        font-size: 2.2rem;
    }

    .rmm_news_v4_header {
        padding: 60px 0 120px;
    }
}

@media (max-width: 767px) {
    .rmm_news_v4_title {
        font-size: 1.8rem;
    }
}

/* ==================== CAREERS & TESTIMONIALS SECTION ==================== */
.rme_ct_section {
    background: #ffffff;
    padding: 20px 0;
}

/* Testimonial Card */
.rme_testimonial_card {
    background: #11203b;
    padding: 60px;
    border-radius: 12px;
    min-height: 500px;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    color: #ffffff;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.rme_testimonial_title {
    font-size: 2.2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
}

.rme_testimonial_body {
    position: relative;
    padding: 20px 0;
    text-align: center;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rme_quote_icon_start,
.rme_quote_icon_end {
    color: rgba(255, 255, 255, 0.1);
    position: absolute;
}

.rme_quote_icon_start {
    top: -20px;
    left: -20px;
}

.rme_quote_icon_end {
    bottom: -20px;
    right: -20px;
    transform: rotate(180deg);
}

.rme_testimonial_text {
    font-size: 1.4rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
    font-style: normal;
}

.rme_testimonial_card_wrapper {
    position: relative;
}

.rmeTestimonialSwiper {
    padding-bottom: 20px;
    height: 100%;
}

.rmeTestimonialSwiper .swiper-slide {
    height: auto;
}

/* Navigation Buttons */
.rme-testi-nav {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    margin-top: -10px;
    padding-right: 60px;
    z-index: 10;
    position: relative;
}

.rme-testi-prev,
.rme-testi-next {
    width: 45px;
    height: 45px;
    background: rgb(0, 0, 0);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
}

.rme-testi-prev:hover,
.rme-testi-next:hover {
    background: var(--accent-color);
    border-color: var(--accent-color);
    transform: translateY(-2px);
}

.rme_testimonial_footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 30px;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rme_user_name {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 2px;
}

.rme_user_role {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

.rme_rating {
    color: #f1c40f;
    font-size: 1.2rem;
}

/* Career Block */
.rme_career_title {
    font-size: 2.2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 5px;
}

.rme_career_subtitle {
    font-size: 1.1rem;
    color: #666;
    margin-bottom: 40px;
}

.rme_career_list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.rme_career_item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 25px;
    background: #f8f9fa;
    border-left: 4px solid #11203b;
    border-radius: 4px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.rme_career_item:hover {
    background: #ffffff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    transform: translateX(5px);
}

.rme_career_icon {
    width: 45px;
    height: 45px;
    background: rgba(17, 32, 59, 0.05);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #11203b;
    flex-shrink: 0;
}

.rme_career_icon svg {
    width: 24px;
    height: 24px;
}

.rme_job_title {
    font-size: 1.15rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.rme_job_meta {
    font-size: 0.85rem;
    color: #777;
}

.rme_meta_sep {
    margin: 0 8px;
}

/* Common Buttons */
.rme_ct_btn {
    display: inline-block;
    padding: 12px 30px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
    transition: all 0.3s ease;
}

.rme_btn_solid {
    background: #1e3d30;
    color: #fff;
    border: 1px solid #1e3d30;
}

.rme_btn_solid:hover {
    background: transparent;
    color: #1e3d30;
}

.rme_btn_outline {
    background: #11203b;
    color: #fff;
    border: 1px solid #11203b;
    width: 100%;
    text-align: center;
}

.rme_btn_outline:hover {
    background: #0d1a2f;
    transform: translateY(-2px);
}

/* ==================== HOOK / CTA SECTION ==================== */
.rmm_hook_v1_section {
    background: url(../images/bg/team.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    /* Parallax Hold Effect */
    padding: 50px 0;
    position: relative;
    margin: 40px 20px;
    border-radius: 24px;
    overflow: hidden;
}

.rmm_hook_v1_section:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #0d1a2f25 0%, rgba(13, 26, 47, 0.425) 40%, rgba(13, 26, 47, 0.2) 100%);
    border-radius: 24px;
}

.rmm_hook_v1_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    position: relative;
    z-index: 1;
}

.rmm_hook_v1_text {
    max-width: 550px;
}

.rmm_hook_v1_title {
    font-size: 2.8rem;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.1;
    margin: 0;
    text-transform: capitalize;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.rmm_hook_v1_text1 {
    font-size: 1.15rem;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
    margin-top: 5px;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.rmm_hook_v1_highlight {
    color: rgb(255, 255, 255);
    /* Brighter Cyan for highlight */
}

/* Response Media Query Update */
@media (max-width: 991px) {
    .rmm_hook_v1_section {
        padding: 60px 0;
        margin: 20px 10px;
        background-attachment: scroll;
        /* Disable parallax on mobile for performance */
    }

    .rmm_hook_v1_section:after {
        background: linear-gradient(180deg, rgba(13, 26, 47, 0.9) 0%, rgba(13, 26, 47, 0.7) 100%);
    }

    .rmm_hook_v1_title {
        font-size: 2rem;
    }
}

/* Center Visual */
.rmm_hook_v1_visual {
    position: relative;
    padding: 0 40px;
}

.rmm_hook_v1_visual::before,
.rmm_hook_v1_visual::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 60px;
    height: 1px;
    background: #e0e0e0;
}

.rmm_hook_v1_visual::before {
    left: -20px;
}

.rmm_hook_v1_visual::after {
    right: -20px;
}

.rmm_hook_v1_circle {
    width: 100px;
    height: 100px;
    background: rgba(0, 139, 163, 0.05);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.rmm_hook_v1_icon {
    width: 60px;
    height: 60px;
    background: #008ba3;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 20px rgba(0, 139, 163, 0.2);
    animation: rmm_phone_wiggle 2.5s infinite ease-in-out;
}

.rmm_hook_v1_icon svg {
    width: 25px;
    height: 25px;
}

.rmm_hook_v1_pulse {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    animation: rmm_pulse 2s infinite;
}

/* Right Contact */
.rmm_hook_v1_contact {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rmm_hook_v1_link {
    font-size: 1.4rem;
    font-weight: 700;
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.rmm_hook_v1_link:hover {
    color: #eaeaea;
}

.rmm_hook_v1_item:last-child .rmm_hook_v1_link {
    font-size: 1.2rem;
    font-weight: 500;
    color: #ffffff;
}

/* Animations */
@keyframes rmm_phone_wiggle {

    0%,
    90%,
    100% {
        transform: rotate(0);
    }

    92% {
        transform: rotate(15deg);
    }

    94% {
        transform: rotate(-15deg);
    }

    96% {
        transform: rotate(10deg);
    }

    98% {
        transform: rotate(-10deg);
    }
}

@keyframes rmm_pulse {
    0% {
        width: 100px;
        height: 100px;
        opacity: 1;
    }

    100% {
        width: 160px;
        height: 160px;
        opacity: 0;
    }
}

/* Responsive */
@media (max-width: 991px) {
    .rme_ct_section {
        padding: 60px 0;
    }

    .rme_testimonial_card {
        padding: 40px 30px;
        margin-bottom: 50px;
    }

    .rme_testimonial_title,
    .rme_career_title {
        font-size: 1.8rem;
    }

    .rmm_hook_v1_inner {
        flex-direction: column;
        text-align: center;
        gap: 50px;
    }

    .rmm_hook_v1_title {
        font-size: 2rem;
    }

    .rmm_hook_v1_visual::before,
    .rmm_hook_v1_visual::after {
        display: none;
    }
}

@media (max-width: 575px) {
    .rmm_hook_v1_link {
        font-size: 1.2rem;
    }

    .rmm_hook_v1_item:last-child .rmm_hook_v1_link {
        font-size: 1rem;
    }
}

/* ==================== PREMIUM FOOTER ==================== */
.rmm_footer_v1 {
    background: #0d1a2f;
    color: #ffffff;
    padding: 60px 0 20px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.rmm_footer_v1::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/bg/footer.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .2;
    z-index: -1;
}

.rmm_footer_v1_top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 40px;
    padding-bottom: 30px;
}

.rmm_footer_v1_logo {
    max-width: 200px !important;
    margin-bottom: 20px;
    transition: transform 0.3s ease;
}

.rmm_footer_v1_logo:hover {
    transform: scale(1.02);
}

.rmm_footer_v1_desc {
    font-size: 1rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
    max-width: 90%;
}

/* Widgets */
.rmm_footer_v1_widget {
    width: 100%;
}

.rmm_footer_v1_widget_title {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 25px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Newsletter */
.rmm_footer_v1_newsletter {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    background: rgb(255, 255, 255);
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 20px;
    align-items: stretch;
}

.rmm_footer_v1_newsletter input {
    flex: 1;
    min-width: 150px;
    background: transparent;
    border: none;
    color: #000000;
    padding: 12px 15px;
    outline: none;
    font-size: 0.9rem;
    line-height: 1.5;
}

.rmm_footer_v1_newsletter input::placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.rmm_footer_v1_newsletter button {
    background: #198b00;
    color: #ffffff;
    border: none;
    padding: 12px 25px;
    font-weight: 700;
    border-radius: 4px;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    white-space: nowrap;
    cursor: pointer;
    flex-shrink: 0;
}

.rmm_footer_v1_newsletter button:hover {
    background: var(--accent-color-hover);
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.rmm_footer_v1_newsletter button:active {
    transform: translateY(0);
}

/* Socials */
.rmm_footer_v1_social_links {
    display: flex;
    gap: 15px;
}

.rmm_footer_v1_social_link {
    width: 42px;
    height: 42px;
    /* background: var(--accent-color); */
    /* Filled brand color */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); */
}

.rmm_footer_v1_social_link svg {
    width: 20px;
    height: 20px;
    transition: transform 0.3s ease;
}

.rmm_footer_v1_social_link:hover {
    background: #ffffff;
    color: var(--accent-color);
    transform: translateY(-5px) scale(1.1);
    box-shadow: 0 10px 20px rgba(0, 139, 163, 0.4);
}

.rmm_footer_v1_social_link:hover svg {
    transform: rotate(8deg);
}

/* Quick Links - Premium 4-column Grid */
.rmm_footer_v1_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px 10px;
}

.rmm_footer_v1_list li {
    margin-bottom: 0px;
}

.rmm_footer_v1_list a {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none !important;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.rmm_footer_v1_list a::before {
    content: '›';
    margin-right: 8px;
    color: #008ba3;
    font-weight: 700;
}

.rmm_footer_v1_list a:hover {
    color: #ffffff;
    transform: translateX(5px);
}

@media (max-width: 1199px) {
    .rmm_footer_v1_list {
        grid-template-columns: repeat(3, 1fr);
    }
}

.rmm_footer_v1_social {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    flex-wrap: nowrap;
}

@media (max-width: 991px) {
    .rmm_footer_v1_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .rmm_footer_v1_social {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
    }
}

@media (max-width: 575px) {
    .rmm_footer_v1_list {
        grid-template-columns: 1fr;
    }
}

.rmm_footer_v1_list a:hover {
    color: #ffffff;
}

/* Company Cards */
.rmm_footer_company_card {
    background: rgba(0, 139, 163, 0.03);
    border-left: 3px solid #008ba3;
    padding: 20px;
    height: 100%;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.rmm_footer_company_card:hover {
    background: rgba(0, 139, 163, 0.05);
    transform: translateY(-3px);
}

.rmm_footer_company_name {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 12px;
    color: #ffffff;
    line-height: 1.3;
}

.rmm_footer_company_info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rmm_footer_info_item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.rmm_footer_icon_svg {
    color: #008ba3;
    margin-top: 3px;
    flex-shrink: 0;
}

.rmm_footer_info_item p {
    font-size: 0.88rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
}

.rmm_footer_gst {
    color: #ededed;
    font-weight: 600;
    letter-spacing: 0.3px;
}

/* Footer Bottom */
.rmm_footer_v1_bottom {
    margin-top: 30px;
    padding-top: 6px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.rmm_footer_v1_copyright {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.9rem;
    margin: 0;
}

.rmm_footer_athena {
    color: gold;
    font-weight: 700;
    text-decoration: none !important;
    transition: opacity 0.3s ease;
}

.rmm_footer_athena:hover {
    opacity: 0.8;
    color: var(--accent-color);
}

/* Responsive */
@media (max-width: 991px) {
    .rmm_footer_v1 {
        padding: 50px 0 20px;
    }

    .rmm_footer_v1_top {
        text-align: center;
        gap: 30px;
    }

    .rmm_footer_v1_desc {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .rmm_footer_v1_social_links {
        justify-content: center;
    }

    .rmm_footer_v1_bottom {
        justify-content: center;
        text-align: center;
    }
}

@media (max-width: 991px) {
    .rmm_footer_v1_newsletter {
        flex-wrap: wrap;
        gap: 10px;
    }

    .rmm_footer_v1_newsletter input {
        min-width: 100px;
    }

    .rmm_footer_v1_newsletter button {
        flex-grow: 1;
        min-width: 120px;
    }
}

@media (max-width: 767px) {
    .rmm_footer_v1_newsletter {
        flex-direction: column;
        background: transparent;
        border: none;
        padding: 0;
        gap: 12px;
    }

    .rmm_footer_v1_newsletter input {
        background: rgba(255, 255, 255, 0.95);
        border: 1px solid rgba(0, 0, 0, 0.1);
        padding: 14px 12px;
        border-radius: 4px;
        width: 100% !important;
        color: #000000;
        font-size: 1rem;
    }

    .rmm_footer_v1_newsletter input::placeholder {
        color: rgba(0, 0, 0, 0.4);
    }

    .rmm_footer_v1_newsletter button {
        width: 100%;
        padding: 14px 16px;
        font-size: 0.95rem;
    }

    .rmm_footer_v1_widget {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .rmm_footer_v1_newsletter {
        gap: 10px;
    }

    .rmm_footer_v1_newsletter input {
        padding: 12px 10px;
        font-size: 16px;
        border-radius: 3px;
    }

    .rmm_footer_v1_newsletter button {
        padding: 12px 14px;
        font-size: 0.9rem;
        border-radius: 3px;
    }

    .rmm_footer_v1_widget_title {
        font-size: 1.1rem;
        margin-bottom: 15px;
    }
}

/* Floating Enquiry FAB */
.rmm_fab_wrapper {
    position: fixed;
    right: 15px;
    bottom: 90px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(20px);
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);

    /* Expanded hit area box */
    width: 250px;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}

.rmm_fab_wrapper.show {
    opacity: 1;
    visibility: visible;
    pointer-events: none;
    /* Keep none to allow clicks through to page, children will use auto */
    transform: translateY(0);
}

.rmm_fab_trigger {
    width: 60px;
    height: 60px;
    background: var(--accent-color);
    border: none;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 25px rgba(0, 139, 163, 0.4);
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    z-index: 2;
    pointer-events: auto;
}

.rmm_fab_trigger:hover {
    transform: scale(1.1) rotate(10deg);
}

.rmm_fab_icons {
    position: relative;
    width: 24px;
    height: 24px;
}

.rmm_fab_icons svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease;
}

.rmm_icon_close {
    opacity: 0;
    transform: rotate(-180deg) scale(0);
}

.rmm_fab_wrapper.active .rmm_icon_msg {
    opacity: 0;
    transform: rotate(180deg) scale(0);
}

.rmm_fab_wrapper.active .rmm_icon_close {
    opacity: 1;
    transform: rotate(0) scale(1);
}

.rmm_fab_menu {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 20px;
    padding-right: 5px;
    /* Alignment with trigger center */
    pointer-events: none;
    transition: all 0.3s ease;
}

.rmm_fab_item {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1a1a1a;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    opacity: 0;
    transform: translateY(20px) scale(0.5);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    pointer-events: none;
}

.rmm_fab_wrapper.active .rmm_fab_item {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

/* Staggered Animation - Active Only */
.rmm_fab_wrapper.active .rmm_fab_item:nth-child(1) {
    transition-delay: 0.15s;
}

.rmm_fab_wrapper.active .rmm_fab_item:nth-child(2) {
    transition-delay: 0.1s;
}

.rmm_fab_wrapper.active .rmm_fab_item:nth-child(3) {
    transition-delay: 0.05s;
}

.rmm_fab_label {
    position: absolute;
    right: 65px;
    background: #1a1a1a;
    color: #fff;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
    opacity: 0;
    transform: translateX(10px);
    transition: all 0.3s ease;
    pointer-events: none;
}

.rmm_fab_item:hover .rmm_fab_label {
    opacity: 1;
    transform: translateX(0);
}

.rmm_fab_item svg {
    width: 22px;
    height: 22px;
    transition: transform 0.3s ease;
}

.rmm_fab_item:hover {
    transform: scale(1.1) !important;
    color: #fff;
}

.rmm_wa:hover {
    background: #25D366;
}

.rmm_phone:hover {
    background: #008ba3;
}

.rmm_enq:hover {
    background: #ff4d4d;
}

/* Pulse Effect */
.rmm_fab_trigger::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--accent-color);
    opacity: 0.5;
    z-index: -1;
    animation: rmm_fab_pulse 2s infinite;
}

@keyframes rmm_fab_pulse {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

/* Showcase Modal Centering & Styling */
.ShowcaseModal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(8px);
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.Formoutliner {
    width: 100%;
    max-width: 900px;
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    animation: slideUp 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@keyframes slideUp {
    from {
        transform: translateY(30px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

#EnquiryContactSection .cont-info {
    background: #f8fbfa;
    padding: 45px 35px;
    height: 100%;
    border-left: 1px solid #edf2f0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.popup-logo {
    max-width: 200px;
    height: auto;
    margin: 0 auto;
    display: block;
}

.enquiry-info {
    padding: 0;
    margin: 0;
    list-style: none;
}

.enquiry-info li {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.enq-icon-wrap {
    width: 38px;
    height: 38px;
    background: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--themeColor);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    flex-shrink: 0;
    border: 1px solid #f0f0f0;
}

.enq-icon-wrap svg {
    width: 18px;
    height: 18px;
}

.enquiry-info li a,
.enquiry-info li span {
    font-size: 0.95rem;
    color: #333;
    font-weight: 500;
    line-height: 1.5;
}

.enquiry-info li:first-child a {
    word-break: break-all;
}

.enquiry-info li a:hover {
    color: var(--themeColor);
}

.close-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.2s ease;
}

.close-icon:hover {
    background: #fdfdfd;
    transform: rotate(90deg);
    color: var(--danger);
}

/* --- Premium Careers Page Modernization --- */
/* .careers-section {
    background: radial-gradient(circle at 10% 20%, rgba(0, 150, 136, 0.03) 0%, transparent 50%),
        radial-gradient(circle at 90% 80%, rgba(0, 150, 136, 0.03) 0%, transparent 50%);
} */

.bg-primary-soft {
    background: linear-gradient(135deg, rgba(0, 150, 136, 0.1) 0%, rgba(0, 150, 136, 0.05) 100%);
    color: var(--themeColor);
    padding: 8px 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 0.75rem;
    border: 1px solid rgba(0, 150, 136, 0.1);
}

.info-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 20px;
    padding: 25px;
    box-shadow: 0 10px 30px rgba(0, 150, 136, 0.04);
    transition: all 0.3s ease;
}

.info-card-inner {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #444;
}

/* --- Advanced Careers Page Modernization (v14) --- */

/* Animation Keyframes */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 30px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Modern Accordion Enhancements */
.modern-accordion-item {
    border: none !important;
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    border-radius: 16px !important;
    margin-bottom: 20px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.modern-accordion-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
    border-color: var(--primary-color) !important;
    background: rgba(255, 255, 255, 0.9) !important;
}

.job-icon-v2 {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, var(--primary-color), #00d2ff);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(0, 0, 0);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.benefit-item svg {
    fill: white;
    color: white;
}

.modern-accordion-item:hover .job-icon-v2 {
    transform: rotate(5deg) scale(1.1);
}

.job-title-v2 {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1a1a1b;
    letter-spacing: -0.02em;
}

/* Meta Items Enhancements */
.mte-job-meta-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background: rgba(248, 249, 250, 0.8);
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.03);
    transition: background 0.3s ease;
}

.meta-icon-v2 {
    width: 36px;
    height: 36px;
    background: white;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

/* Modern Form V2 */
.modern-job-form-v2 {
    background: white;
    padding: 40px;
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
    position: relative;
    z-index: 2;
}

.modern-form-floating>.form-control {
    border-radius: 12px;
    border: 1px solid #e1e4e8;
    background-color: #f9fafb;
    padding: 1.5rem 1rem 0.5rem;
    height: 60px;
}

.modern-form-floating>label {
    padding: 1rem 1rem;
    color: #6c757d;
}

.modern-input-v2:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.1);
    background-color: white;
}

.bg-gradient-section {
    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
    position: relative;
    overflow: hidden;
}

.line-decorator {
    height: 2px;
    width: 40px;
    background: var(--primary-color);
    border-radius: 2px;
}

/* Upload Zone */
.upload-zone-v2 {
    border: 2px dashed #d1d5db;
    background: #fdfdfd;
    transition: all 0.3s ease;
    cursor: pointer;
}

.upload-zone-v2:hover {
    border-color: var(--primary-color);
    background: rgba(0, 102, 204, 0.02);
}

.upload-icon {
    color: #9ca3af;
    transition: color 0.3s ease;
}

.upload-zone-v2:hover .upload-icon {
    color: var(--primary-color);
}

.job-img-v2 {
    position: relative;
    z-index: 1;
}

.img-badge-v2 {
    position: absolute;
    top: 20px;
    left: -20px;
    background: var(--primary-color);
    color: white;
    padding: 10px 25px;
    border-radius: 8px;
    font-weight: 600;
    transform: rotate(-5deg);
    box-shadow: 0 10px 20px rgba(0, 102, 204, 0.3);
    z-index: 2;
}

.bg-primary-soft {
    background-color: rgba(0, 102, 204, 0.1);
    color: var(--primary-color);
}

.bg-success-soft {
    background-color: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

/* Loader Refinement */
.LoaderImage {
    width: 20px;
    filter: brightness(0) invert(1);
}

.mte-footer-btn-v2 {
    width: 100%;
    background: linear-gradient(90deg, #001f3f, #003366);
    color: white;
    padding: 18px 30px;
    border-radius: 12px;
    border: none;
    font-weight: 600;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.mte-footer-btn-v2:hover {
    background: linear-gradient(90deg, #003366, #004080);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.modern-accordion-button {
    background: #fff !important;
    border: 1px solid #f0f4f2 !important;
    border-radius: 16px !important;
    padding: 18px 25px !important;
    box-shadow: 0 4px 12px rgba(0, 150, 136, 0.03) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.modern-accordion-button:not(.collapsed) {
    box-shadow: 0 15px 30px rgba(0, 150, 136, 0.08) !important;
    border-color: rgba(0, 150, 136, 0.1) !important;
    transform: translateY(-2px);
}

.bg-success-soft {
    background: #e8f5e9;
    color: #2e7d32;
    font-weight: 600;
    padding: 6px 14px;
}

.modern-accordion-body {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0 0 16px 16px;
    padding: 30px !important;
    margin-top: -10px;
    border: 1px solid #f0f4f2;
    border-top: none;
}

.mte-job-meta-item svg {
    color: var(--themeColor);
    margin-top: 3px;
}

.mte-apply-btn {
    border-radius: 12px;
    padding: 12px 30px;
    font-weight: 600;
    background: linear-gradient(135deg, var(--themeColor) 0%, #00796b 100%);
    border: none;
    box-shadow: 0 10px 20px rgba(0, 150, 136, 0.2);
    transition: all 0.3s ease;
}

.mte-apply-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(0, 150, 136, 0.3);
}

/* Form Modernization */
.modern-job-form {
    background: #fff;
    padding: 40px;
    border-radius: 24px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
}

.modern-form-group .input-group-text {
    background: #f8faf9;
    border: 1px solid #eef2f1;
    border-right: none;
    color: var(--themeColor);
    border-radius: 12px 0 0 12px;
}

.modern-input {
    border: 1px solid #eef2f1;
    background: #f8faf9;
    padding: 12px 20px;
    border-radius: 12px;
    font-size: 0.95rem;
    transition: all 0.2s ease;
}

.modern-input:focus {
    background: #fff;
    border-color: var(--themeColor);
    box-shadow: 0 0 0 4px rgba(0, 150, 136, 0.08);
}

.mte-footer-btn {
    width: 100%;
    /* background: linear-gradient(135deg, #222 0%, #000 100%); */
    color: #fff;
    border: none;
    padding: 15px;
    border-radius: 12px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.mte-footer-btn:hover {
    background: var(--themeColor);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 150, 136, 0.2);
}

.gradient-card {
    background: linear-gradient(135deg, var(--themeColor) 0%, #004d40 100%);
    color: #fff;
}

.gradient-card h5,
.gradient-card p,
.gradient-card span {
    color: #fff !important;
}

.gradient-card .benefit-item {
    background: rgba(255, 255, 255, 0.1);
    padding: 12px;
    border-radius: 10px;
    backdrop-filter: blur(5px);
}

.bg-gradient-section {
    /* background: #f8faf9; */
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

.bg-gradient-section::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(0, 150, 136, 0.05) 0%, transparent 70%);
}

@media (max-width: 991px) {
    .modern-job-form {
        padding: 25px;
    }
}

@media (max-width: 575px) {
    .rmm_fab_wrapper {
        right: 20px;
        bottom: 100px;
    }

    .Formoutliner {
        border-radius: 16px;
    }

    #EnquiryContactSection .cont-info {
        padding: 30px 20px;
        border-left: none;
        border-top: 1px solid #edf2f0;
    }
}

/* Career Item Styling (Mode 1) */
.rme_career_block {
    background: #fff;
    border-radius: var(--mpe-radius);
    box-shadow: var(--mpe-shadow);
    padding: 2rem !important;
}

.rme_career_title {
    font-size: 2rem;
    font-weight: 800;
    color: var(--mpe-dark);
    margin-bottom: 1rem;
    letter-spacing: -0.02em;
}

.rme_career_subtitle {
    color: var(--mpe-text-muted);
    font-size: 0.95rem;
    margin-bottom: 1.5rem;
    line-height: 1.6;
}

.rme_career_item {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 1.25rem;
    background: var(--mpe-gray);
    border-radius: 10px;
    margin-bottom: 1rem;
    transition: all 0.3s ease;
    text-decoration: none !important;
    border: 1px solid transparent;
}

.rme_career_item:hover {
    background: #fff;
    border-color: var(--mpe-primary);
    transform: translateX(5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.rme_career_icon {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mpe-primary);
    margin-right: 1rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
}

.rme_job_title {
    font-size: .9rem;
    font-weight: 700;
    color: var(--mpe-dark);
    margin-bottom: 0.5rem;
}

.rme_job_meta {
    font-size: 0.85rem;
    color: var(--mpe-text-muted);
}

.rme_meta_sep {
    margin: 0 8px;
    opacity: 0.3;
}

/* Modern Accordion (Mode 2) */
.modern-accordion-item {
    border: none !important;
    background: transparent !important;
    margin-bottom: 1.5rem !important;
}

.modern-accordion-button {
    background: #fff !important;
    border-radius: 15px !important;
    padding: 1.5rem 2rem !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.03) !important;
    transition: all 0.3s ease !important;
}

.modern-accordion-button:not(.collapsed) {
    box-shadow: 0 10px 30px rgba(0, 71, 171, 0.12) !important;
    border-color: var(--mpe-primary-soft) !important;
    color: var(--mpe-dark) !important;
}

.modern-accordion-button::after {
    background-size: 1rem !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
}

.job-icon {
    width: 45px;
    height: 45px;
    background: var(--mpe-primary-soft);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mpe-primary);
    transition: all 0.3s ease;
}

.modern-accordion-button:not(.collapsed) .job-icon {
    background: var(--mpe-primary);
    color: #fff;
    transform: scale(1.1);
}

.job-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #2c3e50;
    letter-spacing: -0.01em;
}

.badge.bg-success-soft {
    background: #e8f5e9;
    color: #2e7d32;
    padding: 6px 12px;
    font-weight: 600;
    border-radius: 30px;
    font-size: 0.75rem;
}

.modern-accordion-body {
    background: #fff;
    border-radius: 0 0 15px 15px;
    padding: 2.5rem !important;
    margin-top: -10px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.02);
}

.mte-job-meta-item {
    background: var(--mpe-gray);
    padding: 1.25rem;
    border-radius: 12px;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.02);
}

.meta-icon {
    width: 38px;
    height: 38px;
    background: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mpe-primary);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
}

/* Showcase Modal Styles */
.ShowcaseModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.modern-modal {
    position: relative;
    background: #fff;
    width: 100%;
    max-width: 850px;
    max-height: 90vh;
    border-radius: 20px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);
    overflow-y: auto;
    padding: 2.5rem;
    animation: modalFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.modal-header-custom {
    border-bottom: 2px solid var(--mpe-gray);
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
}

.btn-close-custom {
    color: #95a5a6;
    transition: all 0.2s;
    cursor: pointer;
}

.btn-close-custom:hover {
    color: #e74c3c;
    transform: rotate(90deg);
}

/* Modern Form Elements */
.modern-form-group {
    margin-bottom: 1.25rem;
}

.modern-form-group .form-label {
    font-weight: 700;
    color: #475569;
    margin-bottom: 0.5rem;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.modern-input {
    border: 2px solid #edf2f7 !important;
    border-radius: 0 12px 12px 0 !important;
    padding: 0.75rem 1.2rem !important;
    font-size: 0.95rem !important;
    transition: all 0.3s ease !important;
    background: #f8fafc !important;
    height: 54px !important;
    width: 100%;
}

.modern-input:focus {
    background: #fff !important;
    border-color: var(--mpe-primary) !important;
    box-shadow: 0 0 0 4px var(--mpe-primary-soft) !important;
}

.input-group-text {
    background: #edf2f7 !important;
    border: 2px solid #edf2f7 !important;
    border-right: none !important;
    border-radius: 12px 0 0 12px !important;
    color: #718096 !important;
    width: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    transition: all 0.3s ease !important;
}


.input-group:focus-within .input-group-text {
    border-color: var(--mpe-primary) !important;
    background: #fff !important;
    color: var(--mpe-primary) !important;
}


.file-input {
    padding: 12px 1.2rem !important;
    border-radius: 12px !important;
}

.alert-modern {
    border-radius: 12px;
    border: none;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
}

.alert-modern i,
.alert-modern svg {
    font-size: 1.25rem;
}

/* General Application Section Adjustments */
.bg-gradient-section {
    /* background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); */
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

.modern-job-form {
    background: #fff;
    padding: 2.5rem;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
}

.input-group-text.bg-black {
    background: #1a1a1a !important;
    border-color: #1a1a1a !important;
    color: #fff !important;
}

.bg-primary-soft {
    background-color: var(--mpe-primary-soft) !important;
    color: var(--mpe-primary) !important;
    border-color: var(--mpe-primary-soft) !important;
}

.modern-job-form {
    background: #fff;
    padding: 3rem;
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.02);
}

.submit-btn-modern {
    background: var(--mpe-primary) !important;
    border: none !important;
    padding: 18px 40px !important;
    border-radius: 50px !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    box-shadow: 0 8px 25px rgba(0, 71, 171, 0.2) !important;
}

.submit-btn-modern:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 15px 35px rgba(0, 71, 171, 0.3) !important;
    background: #003d94 !important;
}

.talent-pool-card {
    background: #fff;
    border-radius: 24px;
    padding: 3.5rem;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.03);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.talent-pool-card::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, var(--mpe-primary-soft) 0%, transparent 70%);
    z-index: -1;
    opacity: 0.5;
}

.empty-state-icon {
    width: 64px;
    height: 64px;
    background: var(--mpe-primary);
    color: #fff;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    box-shadow: 0 10px 20px rgba(0, 71, 171, 0.15);
}

.empty-state-icon svg {
    width: 30px;
    height: 30px;
}

.benefit-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 1rem;
    background: #f8fafc;
    border-radius: 12px;
    transition: all 0.3s ease;
    height: 100%;
}

/* .benefit-item:hover {
    background: #fff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
    transform: translateY(-2px);
} */

.benefit-item svg {
    color: white;
    fill: white;
    flex-shrink: 0;
    margin-top: 3px;
}

.rme_career_btn {
    background-color: #00450f;
}

.benefit-item span {
    font-size: 0.95rem;
    font-weight: 500;
    color: #475569;
}

.bg-decorative-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.03;
    pointer-events: none;
    background-image: radial-gradient(#0047ab 1.5px, transparent 1.5px);
    background-size: 30px 30px;
}

@media (max-width: 768px) {
    .talent-pool-card {
        padding: 2rem 1.5rem;
    }
}

/* ==================== CONTACT US MODERNIZATION ==================== */
.mte-contact-section {
    padding: 50px 0;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.contact-bg-top {
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    opacity: 0.05;
    pointer-events: none;
    z-index: 0;
}

.mte-contact-title {
    font-size: 2rem;
    font-weight: 800;
    color: var(--mpe-dark);
    line-height: 1.2;
    margin-bottom: 2rem;
    letter-spacing: -0.03em;
}

.mte-contact-title span {
    color: var(--mpe-primary);
}

.mte-contact-desc {
    font-size: 1.15rem;
    color: #475569;
    line-height: 1.7;
    margin-bottom: 3rem;
}

.contact-info-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.contact-info-card {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 1.5rem;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.02);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    text-decoration: none !important;
}

.contact-info-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 71, 171, 0.08);
    border-color: var(--mpe-primary-soft);
}

.contact-info-card .icon-box {
    width: 60px;
    height: 60px;
    background: var(--mpe-primary-soft);
    color: var(--mpe-primary);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.contact-info-card:hover .icon-box {
    background: var(--mpe-primary);
    color: #fff;
}

.contact-info-card .content h5 {
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--mpe-primary);
    margin-bottom: 0.4rem;
}

.contact-info-card .content a,
.contact-info-card .content p {
    font-size: 1.05rem;
    font-weight: 500;
    color: var(--mpe-dark);
    margin-bottom: 0;
    text-decoration: none;
    word-break: break-all;
}

@media (max-width: 991.98px) {
    .contact-info-card {
        flex-direction: column;
        text-align: center;
    }

    .contact-info-card .content p {
        font-size: 1.05rem;
        font-weight: 500;
        color: var(--mpe-dark);
        margin-bottom: 0;
        text-decoration: none;
        word-break: break-all;
        line-height: 18px;
    }
}

.mte-contact-form-box {
    background: #fff;
    padding: 3.5rem;
    border-radius: 32px;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.066);
    position: relative;
    z-index: 1;
}

.mte-contact-form-box::before {
    content: '';
    position: absolute;
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px;
    /* background: linear-gradient(135deg, var(--mpe-primary-soft) 0%, rgba(0, 153, 70, 0.05) 100%); */
    border-radius: 40px;
    z-index: -1;
    opacity: 0.5;
}

.form-group {
    margin-bottom: 0;
}

.input-wrapper {
    position: relative;
}

.form-group .input-wrapper .modern-input {
    height: 60px;
    background: #ffffff !important;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 0 24px 0 55px !important;
    font-size: 0.95rem;
    font-weight: 500;
    color: #1e293b;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
}

.form-group .input-wrapper textarea.modern-input {
    height: auto !important;
    padding-top: 20px !important;
    min-height: 120px;
}

.form-group .input-wrapper .modern-input:focus {
    background: #fff;
    border-color: #009946 !important;
    box-shadow: 0 0 0 4px rgba(0, 153, 70, 0.1) !important;
    outline: none;
}

.form-group .input-wrapper .input-icon {
    position: absolute;
    left: 22px;
    top: 30px;
    /* Fixed vertical center for 60px input */
    transform: translateY(-50%);
    color: #94a3b8;
    transition: color 0.3s ease;
    pointer-events: none;
    line-height: 1;
    display: flex;
    align-items: center;
    z-index: 2;
}

.form-group .input-wrapper textarea.modern-input+.input-icon {
    top: 28px;
    transform: none;
}

.form-group .input-wrapper .modern-input:focus+.input-icon {
    color: #009946;
}

.mte-contact-submit {
    height: 62px;
    padding: 0 45px;
    border-radius: 18px;
    font-weight: 700;
    background: linear-gradient(135deg, #009946 0%, #006b32 100%);
    color: #fff;
    border: none;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 1rem;
    cursor: pointer;
    box-shadow: 0 10px 25px rgba(0, 153, 70, 0.2);
}

.mte-contact-submit:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 15px 35px rgba(0, 153, 70, 0.3);
    color: #fff;
    background: linear-gradient(135deg, #00b352 0%, #00803c 100%);
}

.mte-contact-submit span {
    font-size: 1.2rem;
    transition: transform 0.4s ease;
    display: flex;
    align-items: center;
}

.mte-contact-submit:hover span {
    transform: translateX(6px);
}

.form-label {
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    margin-bottom: 8px;
}

/* Validation Error Styles */
label.error {
    display: block;
    color: #e11d48 !important;
    /* Premium rose-red */
    font-size: 0.8rem;
    font-weight: 600;
    margin-top: 6px;
    margin-left: 4px;
    animation: fadeIn 0.3s ease;
}

.modern-input.error {
    border-color: #fda4af !important;
    background-color: #fff1f2 !important;
}

.map-container {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
}

@media (max-width: 991px) {
    .mte-contact-title {
        font-size: 2.5rem;
    }

    .mte-contact-form-box {
        padding: 3rem;
    }
}

@media (max-width: 575px) {
    .mte-contact-title {
        font-size: 2rem;
    }

    .mte-contact-form-box {
        padding: 2rem 1.5rem;
        border-radius: 24px;
    }

    .mte-contact-form-box::before {
        top: -10px;
        left: -10px;
        right: -10px;
        bottom: -10px;
    }

    .mte-contact-submit {
        width: 100%;
        height: 58px;
    }
}

/* ==================== NEWS & EVENTS MODERNIZATION ==================== */
.mte-event-card {
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.02);
    height: 100%;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex;
    flex-direction: column;
}

.mte-event-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 60px rgba(0, 71, 171, 0.1);
    border-color: var(--mpe-primary-soft);
}

.mte-event-img {
    position: relative;
    aspect-ratio: 16/10;
    overflow: hidden;
}

.mte-event-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.mte-event-card:hover .mte-event-img img {
    transform: scale(1.1);
}

.mte-event-date-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--mpe-primary);
    color: #fff;
    padding: 10px 20px;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 700;
    z-index: 1;
    box-shadow: 0 5px 15px rgba(0, 71, 171, 0.3);
}

.mte-event-body {
    padding: 2rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.mte-event-category {
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--mpe-primary);
    letter-spacing: 0.1em;
    margin-bottom: 0.8rem;
    display: block;
}

.mte-event-card-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--mpe-dark);
    line-height: 1.4;
    margin-bottom: 1.2rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mte-event-meta {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #64748b;
    font-size: 0.9rem;
    font-weight: 500;
}

.mte-event-meta span {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Detail Page */
.mte-event-detail-header {
    background: #f8fafc;
    padding: 80px 0;
    margin-bottom: 60px;
}

.mte-event-detail-title {
    font-size: 3rem;
    font-weight: 800;
    color: var(--mpe-dark);
    letter-spacing: -0.02em;
}

.mte-event-content {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #334155;
}

.mte-event-content p {
    margin-bottom: 1.5rem;
}

.mte-event-sidebar {
    position: sticky;
    top: 120px;
}

.mte-sidebar-widget {
    background: #fff;
    padding: 2rem;
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.02);
    margin-bottom: 2rem;
}

.mte-sidebar-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--mpe-primary-soft);
}

.recent-event-item {
    display: flex;
    gap: 15px;
    margin-bottom: 1.5rem;
    text-decoration: none !important;
}

.recent-event-img {
    width: 80px;
    height: 80px;
    border-radius: 12px;
    overflow: hidden;
    flex-shrink: 0;
}

.recent-event-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.recent-event-info h6 {
    font-size: 0.95rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 5px;
    transition: color 0.3s ease;
}

.recent-event-item:hover h6 {
    color: var(--mpe-primary);
}

.recent-event-info span {
    font-size: 0.8rem;
    color: #64748b;
}

/* Gallery Lightbox */
.gallery-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(15, 23, 42, 0.95);
    backdrop-filter: blur(10px);
}

.gallery-modal-content {
    display: block;
    margin: auto;
    max-width: 90%;
    max-height: 80%;
    border-radius: 20px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gallery-close {
    position: absolute;
    top: 30px;
    right: 40px;
    color: #fff;
    font-size: 40px;
    font-weight: 300;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.gallery-close:hover {
    transform: rotate(90deg);
}

.mte-event-main-content img {
    border-radius: 12px;
}

/* ==================== MINIMAL BREADCRUMB REDESIGN ==================== */
.mte-breadcrumb-minimal {
    padding: 30px 0;
    /* background: #ffffff; */
    background: linear-gradient(rgba(0, 0, 0, 0.398), rgba(0, 0, 0, 0.498)), url(../images/bg/3.webp) center/cover no-repeat;
    border-bottom: 1px solid #f1f5f9;
    text-align: center;
}

.mte-breadcrumb-minimal .breadcrumb-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.mte-breadcrumb-minimal .breadcrumb-title {
    font-size: 2rem;
    font-weight: 800;
    color: #ffffff;
    margin: 0;
    letter-spacing: -0.02em;
}

.mte-breadcrumb-minimal .pill-nav {
    display: flex;
    align-items: center;
    background: #f8fafc;
    padding: 4px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.mte-breadcrumb-minimal .pill-item {
    font-size: 0.85rem;
    font-weight: 600;
    padding: 8px 18px;
    display: flex;
    align-items: center;
    color: #64748b;
    text-decoration: none;
    transition: all 0.3s ease;
    border-radius: 8px;
    /* white-space: nowrap; */
}


.mte-breadcrumb-minimal .pill-item:hover:not(.active) {
    color: var(--mpe-primary);
    background: #fff;
}

.mte-breadcrumb-minimal .pill-item.active {
    /* background: var(--accent-color); */
    color: #00450f;
    /* box-shadow: 0 4px 12px rgba(0, 153, 70, 0.25); */
}

.mte-breadcrumb-minimal .pill-sep {
    color: #cbd5e1;
    font-weight: 300;
    margin: 0 4px;
    font-size: 0.8rem;
    pointer-events: none;
}

@media (max-width: 767px) {
    .mte-breadcrumb-minimal {
        padding: 20px 0;
    }

    .mte-breadcrumb-minimal .breadcrumb-container {
        align-items: center;
        text-align: center;
    }

    .mte-breadcrumb-minimal .breadcrumb-title {
        font-size: 1.5rem;
    }

    .mte-breadcrumb-minimal .pill-nav {
        width: 100%;
        max-width: 100%;
        /* overflow-x: auto; */
        justify-content: flex-start;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        /* -ms-overflow-style: none;
        scrollbar-width: none; */
        padding: 5px 15px;
        /* flex-wrap: nowrap; */
    }

    .pill-sep {
        display: none;
    }

    .mte-breadcrumb-minimal .pill-nav::-webkit-scrollbar {
        display: none;
    }

    .mte-breadcrumb-minimal .pill-item {
        padding: 6px 12px;
        font-size: 0.8rem;
    }
}

/* ==================== FOUNDER MESSAGE V2 ==================== */
.mte-founder-section {
    padding: 50px 0;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

.mte-founder-image {
    border-radius: 12px;
    position: relative;
    padding-right: 30px;
    padding-bottom: 30px;
}

.mte-founder-image::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80%;
    height: 80%;
    background: var(--mpe-primary-soft);
    border-radius: 24px;
    z-index: 0;
    opacity: 0.3;
}

.mte-founder-image img {
    position: relative;
    z-index: 1;
    width: 100%;
    object-fit: cover;
    border-radius: 12px;
    object-position: top;
    height: 450px;
}

.mte-founder-exp {
    position: absolute;
    bottom: 60px;
    left: -30px;
    background: var(--mpe-primary);
    color: #fff;
    padding: 25px 35px;
    border-radius: 20px;
    z-index: 2;
    box-shadow: 0 15px 35px rgba(0, 153, 70, 0.25);
    text-align: center;
}

.mte-founder-exp h3 {
    font-size: 1.75rem;
    font-weight: 800;
    margin-bottom: 5px;
}

.mte-founder-exp p {
    font-size: 0.85rem;
    margin-bottom: 0;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.mte-founder-content {
    position: relative;
}

.mte-quote-icon {
    width: 80px;
    height: 80px;
    color: var(--mpe-primary-soft);
    opacity: 0.4;
    position: absolute;
    top: -40px;
    right: 0;
}

.mte-founder-title {
    font-size: 1.1rem;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--mpe-primary);
    letter-spacing: 0.2em;
    margin-bottom: 1rem;
}

.mte-founder-name {
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--mpe-dark);
    margin-bottom: 0.5rem;
}

.mte-founder-designation {
    font-size: 1.1rem;
    font-weight: 600;
    color: #64748b;
    display: block;
}

.mte-founder-text p {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #334155;
    margin-bottom: 1.5rem;
}

/* ==================== INTERACTIVE HISTORY TIMELINE V5 ==================== */
.mte-history-section {
    background: #ffffff;
    color: #0f172a;
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

.mte-history-nav-wrapper {
    position: relative;
    margin: 60px 0;
    padding: 20px 0;
}

.mte-history-line {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.mte-history-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 2;
    padding: 0 40px;
    /* overflow-x: auto;
    scrollbar-width: none; */
}

.mte-history-nav::-webkit-scrollbar {
    display: none;
}

.mte-hist-btn {
    background: none;
    border: none;
    color: rgba(15, 23, 42, 0.4);
    font-size: 1.1rem;
    font-weight: 700;
    padding: 10px 20px;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    white-space: nowrap;
}

.mte-hist-btn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border: 1px solid var(--rmm_main_color_v2);
    border-radius: 50%;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
}

.mte-hist-btn:hover {
    color: #0f172a;
    transform: scale(1.1);
}

.mte-hist-btn:hover::after {
    width: 60px;
    height: 60px;
    opacity: 0.3;
}

.mte-hist-btn.active {
    color: #0f172a;
    transform: scale(1.1);
}

.mte-hist-btn.active::after {
    width: 80px;
    height: 80px;
    opacity: 1;
}

.mte-history-content-area {
    transition: all 0.5s ease;
    min-height: 450px;
}

.mte-hist-image-box {
    position: relative;
    padding: 20px;
}

.mte-hist-image-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.05);
    z-index: -1;
}

.mte-hist-image-box img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    filter: grayscale(20%);
    transition: filter 0.5s ease;
}

.mte-hist-image-box:hover img {
    filter: grayscale(0%);
}

.mte-hist-display-year {
    font-size: 5rem;
    font-weight: 900;
    color: rgba(15, 23, 42, 0.03);
    line-height: 1;
    margin-bottom: -20px;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.1) 0%, rgba(15, 23, 42, 0) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mte-hist-info h2 {
    font-size: 3rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 20px;
}

.mte-hist-desc {
    font-size: 1.1rem;
    line-height: 1.8;
    color: rgba(15, 23, 42, 0.7);
    /* max-width: 500px; */
}

.mte-hist-thumbs img {
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    cursor: pointer;
}

.mte-hist-thumbs img:hover {
    opacity: 1 !important;
    border-color: var(--rmm_main_color_v2);
    transform: translateY(-5px);
}

.careers-item {
    width: 50%;
}

@media (max-width: 991px) {
    .mte-hist-display-year {
        font-size: 4rem;
    }

    .mte-hist-info h2 {
        font-size: 2.5rem;
    }

    .mte-hist-image-box img {
        height: 300px;
    }

    .rme_career_item {
        flex-direction: column;
        align-items: self-start;
        justify-content: start;
    }

    .careers-item {
        width: max-content;
    }
}

@media (max-width: 767px) {
    .mte-history-nav-wrapper {
        margin: 30px 0;
    }

    .mte-founder-exp {
        display: none;
    }

    .mte-history-nav {
        padding: 10px 0;
        justify-content: flex-start;
        gap: 10px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .mte-hist-btn {
        padding: 8px 15px;
        font-size: 1rem;
    }

    .mte-hist-btn.active::after {
        width: 50px;
        height: 50px;
    }

    .mte-hist-display-year {
        font-size: 3rem;
        margin-bottom: 0;
    }

    .mte-hist-info h2 {
        font-size: 2.2rem;
        margin-bottom: 10px;
    }

    .mte-hist-desc {
        font-size: 1rem;
    }

    .mte-hist-image-box {
        padding: 10px 0;
        margin-bottom: 20px;
    }

    .mte-hist-image-box img {
        height: 250px;
    }
}

@media (max-width: 583px) {
    .mte-history-nav-wrapper {
        margin: 0%;
    }

    .mte-history-nav {
        padding: 4px 0;
        display: flex;
        /* flex-direction: column; */
        justify-content: flex-start;
        gap: 2px;
        overflow-x: visible;
    }

    .mte-history-line {
        display: none;
    }

    .mte-hist-btn.active {
        text-decoration: underline;
        text-underline-offset: 6px;
    }
}

/* ==================== PREMIUM HISTORY TIMELINE V2 ==================== */
.mte-history-section {
    /* background-color: #0f172a; */
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}

.mte-journey-badge {
    background: var(--accent-color);
    color: #fff;
    padding: 8px 24px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    box-shadow: 0 4px 15px rgba(var(--active-rgb), 0.3);
    display: inline-block;
    transition: all 0.5s ease;
}

/* Timeline Nav & Progress Bar */
.mte-history-nav-wrapper {
    position: relative;
    margin: 60px 0 80px;
}

.mte-timeline-progress-container {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 4px;
    background: rgba(255, 255, 255, 0.05);
    transform: translateY(-50%);
    z-index: 1;
}

.mte-timeline-progress-bar {
    height: 100%;
    width: 0%;
    background: var(--active-color);
    box-shadow: 0 0 20px rgba(var(--active-rgb), 0.5);
    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1), background 0.5s ease;
}

.mte-history-nav {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@keyframes glow-pulse {
    0% {
        box-shadow: 0 0 5px var(--active-color);
    }

    50% {
        box-shadow: 0 0 25px var(--active-color);
    }

    100% {
        box-shadow: 0 0 5px var(--active-color);
    }
}

.mte-hist-btn {
    --active-color: #1e293b;
    background: #ffffff;
    border: 1px solid rgba(234, 234, 234, 0.837);
    color: rgb(0, 0, 0);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    font-weight: 800;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mte-hist-btn:hover {
    background: #334155;
    color: #fff;
    transform: scale(1.1);
}

/* Individual Button Colors */
.mte-year-2007:hover,
.mte-year-2007.active {
    --active-color: var(--cls-2007);
}

.mte-year-2009:hover,
.mte-year-2009.active {
    --active-color: var(--cls-2009);
}

.mte-year-2013:hover,
.mte-year-2013.active {
    --active-color: var(--cls-2013);
}

.mte-year-2015:hover,
.mte-year-2015.active {
    --active-color: var(--cls-2015);
}

.mte-year-2017:hover,
.mte-year-2017.active {
    --active-color: var(--cls-2017);
}

.mte-year-2019:hover,
.mte-year-2019.active {
    --active-color: var(--cls-2019);
}

.mte-year-2020:hover,
.mte-year-2020.active {
    --active-color: var(--cls-2020);
}

.mte-hist-btn.active {
    background: var(--active-color);
    color: #fff;
    border-color: var(--active-color);
    transform: scale(1.25);
    animation: glow-pulse 2s infinite ease-in-out;
}

/* 70/30 Content Area */
.mte-hist-image-box.premium-frame {
    position: relative;
    padding: 15px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    overflow: hidden;
}

.mte-hist-image-box.premium-frame::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(45deg, rgba(255, 94, 20, 0.1) 0%, transparent 100%);
    pointer-events: none;
}

.mte-hist-image-box img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 4px;
    transition: transform 0.8s ease;
}

/* #histYear {
    display: none;
} */

.mte-hist-image-box:hover img {
    transform: scale(1.02);
}

.mte-hist-image-box.premium-frame {
    transition: all 0.5s ease;
    background: rgba(var(--active-rgb), 0.05);
    border: 1px solid rgba(var(--active-rgb), 0.2);
}

.mte-hist-image-box.premium-frame::after {
    background: linear-gradient(45deg, rgba(var(--active-rgb), 0.15) 0%, transparent 100%);
}

.mte-hist-display-year {
    font-size: 5rem;
    font-weight: 900;
    color: rgba(var(--active-rgb), 0.08);
    line-height: 0.8;
    letter-spacing: -6px;
    margin-bottom: 0;
    transition: all 0.5s ease;
    user-select: none;
}

.mte-hist-headline {
    font-size: 2rem;
    font-weight: 800;
    color: #000000 !important;
    margin-top: -20px;
    background: linear-gradient(to bottom, #000000, #cccccc) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    transition: all 0.5s ease;
}

.mte-hist-desc {
    font-size: 1rem;
    line-height: 1.8;
    color: rgba(0, 0, 0, 0.7);
    /* margin-bottom: 30px; */
}

.mte-hist-highlights li {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
    color: #000000;
    font-weight: 600;
    font-size: 1rem;
    background: rgba(255, 255, 255, 0.03);
    padding: 12px 20px;
    border-radius: 8px;
    border-left: 3px solid var(--accent-color);
}

.mte-hist-highlights .material-icons {
    color: var(--accent-color);
    font-size: 22px;
}

@media (max-width: 1199px) {
    .mte-hist-image-box img {
        height: 450px;
    }

    .mte-hist-display-year {
        font-size: 5rem;
    }

    .mte-hist-headline {
        font-size: 2.2rem;
    }
}

@media (max-width: 991px) {
    .mte-hist-image-box img {
        height: 400px;
    }

    .mte-hist-info {
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .mte-history-section {
        padding: 60px 0;
    }

    .mte-history-nav {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }

    .mte-timeline-progress-container {
        display: none;
    }

    .mte-hist-btn {
        width: 60px;
        height: 60px;
        font-size: 0.9rem;
    }

    .mte-hist-display-year {
        font-size: 4rem;
    }

    .mte-hist-headline {
        font-size: 1.8rem;
    }
}

/* ==================== GROUP OF COMPANIES V1 ==================== */
.mte-goc-section {
    background: #ffffff;
    padding: 100px 0;
}

.mte-goc-main-title {
    font-size: 1.8rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 5px;
    letter-spacing: -0.5px;
    text-transform: uppercase;
}

.mte-goc-main-title span.text-primary-rmm {
    color: var(--accent-color) !important;
    font-weight: 900;
}

.mte-goc-subtitle {
    font-size: .9rem;
    color: #64748b;
    font-weight: 500;
    margin-bottom: 0;
}

.mte-goc-card {
    position: relative;
    height: 480px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 40px;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}

.mte-goc-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top,
            rgba(15, 23, 42, 0.95) 0%,
            rgba(15, 23, 42, 0.7) 40%,
            rgba(15, 23, 42, 0) 100%);
    transition: all 0.5s ease;
    z-index: 1;
}

/* .mte-goc-card:hover .mte-goc-overlay {
    background: linear-gradient(to top,
            rgba(15, 23, 42, 1) 0%,
            rgba(15, 23, 42, 0.85) 60%,
            rgba(15, 23, 42, 0.4) 100%);
} */

.mte-goc-card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.mte-goc-content {
    position: relative;
    z-index: 2;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.mte-goc-card:hover .mte-goc-content {
    transform: translateY(-20px);
}

.mte-goc-logo-placeholder {
    width: 120px;
    height: 60px;
    background: rgba(255, 255, 255);
    /* backdrop-filter: blur(10px); */
    border-radius: 4px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

.mte-goc-logo-placeholder img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.mte-goc-name {
    font-size: 1.7rem;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 5px;
    letter-spacing: 0.5px;
}

.mte-goc-tagline {
    font-size: 0.9rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    .mte-goc-card {
        height: 450px;
        padding: 40px;
    }

    .mte-goc-main-title {
        font-size: 2.8rem;
    }
}

@media (max-width: 991px) {
    .mte-goc-card {
        height: 400px;
        padding: 30px;
    }

}

@media (max-width: 767px) {
    .mte-goc-section {
        padding: 60px 0;
    }

    .mte-goc-card {
        height: 350px;
    }

    .mte-goc-main-title {
        font-size: 2.2rem;
    }
}

/* GLOBAL PARTNER SLIDER */
.mte-partner-slider-section {
    background: #fdfdfd;
    padding: 20px 0;
    overflow: hidden;
}

.mte-partner-industries {
    font-size: 0.95rem;
    font-weight: 600;
    color: #64748b;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.mte-partner-industries span:not(:last-child) {
    margin-right: 10px;
}

.mte-partner-industries span:nth-child(even) {
    color: var(--accent-color);
    font-weight: 900;
}

.mte-partner-slider-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 10px 0;
    background: #fff;
    mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
}

.mte-partner-slider-track {
    display: flex;
    width: max-content;
    animation: mteSliderScroll 30s linear infinite;
}

.mte-partner-slider-container:hover .mte-partner-slider-track {
    animation-play-state: paused;
}

.mte-partner-slide {
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mte-partner-logo-box {
    width: 250px;
    height: 150px;
    background: #fff;
    border: 1px solid #f1f5f9;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
}

.mte-partner-logo-box img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* filter: grayscale(100%); */
    /* opacity: 0.6; */
    transition: all 0.4s ease;
}

.mte-partner-logo-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
    border-color: var(--accent-color);
}


@keyframes mteSliderScroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@media (max-width: 767px) {
    .mte-partner-slider-section {
        padding: 60px 0;
    }

    .mte-partner-logo-box {
        width: 180px;
        height: 80px;
        padding: 15px;
    }

    .mte-partner-slide {
        padding: 0 20px;
    }
}

/* ==================== MODERN PRODUCTS SECTION V48 ==================== */
.mte-product-filter-container {
    padding: 2rem 0;
}

.mte-filter-pills {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.mte-filter-btn {
    padding: 10px 24px;
    border-radius: 50px;
    color: var(--accent-color);
    background: #f0fdf4;
    /* color: #475569; */
    font-size: 0.9rem;
    font-weight: 600;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor: pointer;
    border: 1px solid rgba(0, 128, 0, 0.271);
}

.mte-filter-btn:hover {
    border-color: var(--accent-color);
    color: var(--accent-color);
    background: #f0fdf4;
}

.mte-filter-btn.active {
    background: var(--accent-color);
    color: #fff;
    border-color: var(--accent-color);
    box-shadow: 0 10px 20px rgba(0, 166, 0, 0.2);
}

.mte-product-item {
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 1;
    transform: scale(1);
    display: block;
}

.mte-item-hidden {
    opacity: 0;
    transform: scale(0.85);
    pointer-events: none;
    position: absolute;
    visibility: hidden;
}

.mte-item-animating {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
}

.mte-product-card {
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.03);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    height: 100%;
    display: flex;
    flex-direction: column;
}


.mte-product-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.08);
}

.mte-product-image-box {
    position: relative;
    padding: 30px;
    background: #ffffff;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    overflow: hidden;
}

.mte-card-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 6px 14px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(4px);
    border-radius: 50px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--accent-color);
    border: 1px solid rgba(0, 153, 70, 0.1);
    z-index: 2;
}

.mte-prod-img {
    width: 100%;
    height: 180px;
    object-fit: contain;
    transition: transform 0.6s ease;
}

.mte-product-card:hover .mte-prod-img {
    transform: scale(1.1) rotate(2deg);
}

.mte-product-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 71, 171, 0.05);
    backdrop-filter: blur(0px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.4s ease;
    z-index: 3;
}

.mte-product-card:hover .mte-product-overlay {
    opacity: 1;
    backdrop-filter: blur(4px);
    background: rgba(15, 23, 42, 0.7);
}

.mte-view-btn {
    background: #fff;
    color: var(--mpe-dark);
    border: none;
    padding: 14px 28px;
    border-radius: 14px;
    font-weight: 700;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 10px;
    transform: translateY(20px);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
}

.mte-product-card:hover .mte-view-btn {
    transform: translateY(0);
}

.mte-view-btn:hover {
    background: var(--mpe-primary);
    color: #fff;
}

.mte-product-info {
    padding: 1.5rem;
    text-align: center;
    border-top: 1px solid #f1f5f9;
}

.mte-prod-name {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--mpe-dark);
    margin: 0;
    line-height: 1.4;
}

.rmm_product_card:hover .rmm_product_overlay {
    transform: translateY(0);
}

.rmm_product_btn {
    color: #fff;
    border: 1px solid #fff;
    padding: 8px 20px;
    font-size: 13px;
    text-transform: uppercase;
}

/* Lightbox Modal */
.mte-lightbox-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(15, 23, 42, 0.9);
    backdrop-filter: blur(20px);
    z-index: 9999;
    align-items: center;
    justify-content: center;
    padding: 40px;
}

.mte-lightbox-close {
    position: absolute;
    top: 30px;
    right: 40px;
    color: #fff;
    font-size: 48px;
    font-weight: 300;
    cursor: pointer;
    transition: transform 0.3s ease;
    z-index: 10;
}

.mte-lightbox-close:hover {
    transform: rotate(90deg) scale(1.1);
    color: var(--accent-color);
}

.mte-lightbox-content {
    position: relative;
    max-width: 1200px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.mte-lightbox-img-wrapper {
    /* background: #fff; */
    padding: 60px;
    border-radius: 40px;
    /* box-shadow: 0 40px 100px rgba(0, 0, 0, 0.5); */
    text-align: center;
    max-width: 800px;
    width: 100%;
}

#mteLightboxImg {
    max-width: 100%;
    max-height: 50vh;
    object-fit: contain;
    /* margin-bottom: 40px; */
    animation: zoomIn 0.5s ease;
}

.mte-lightbox-caption {
    animation: slideUp 0.5s ease;
}

#mteLightboxCategory {
    display: block;
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: var(--mpe-primary);
    margin-bottom: 12px;
}

#mteLightboxTitle {
    font-size: 2.2rem;
    font-weight: 800;
    color: var(--mpe-dark);
    margin: 0;
}

.mte-nav-btn {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.mte-nav-btn:hover {
    background: var(--accent-color);
    border-color: var(--accent-color);
    transform: scale(1.1);
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 991px) {
    #mteLightboxTitle {
        font-size: 1.8rem;
    }

    .mte-lightbox-img-wrapper {
        padding: 40px;
    }

    .mte-nav-btn {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 767px) {
    .mte-lightbox-modal {
        padding: 20px;
    }

    .mte-lightbox-content {
        gap: 10px;
    }

    .mte-nav-btn {
        position: absolute;
        bottom: 20px;
        z-index: 5;
    }

    .mte-nav-btn.prev {
        left: 40px;
    }

    .mte-nav-btn.next {
        right: 40px;
    }

    #mteLightboxTitle {
        font-size: 1.4rem;
    }

    #mteLightboxImg {
        max-height: 40vh;
    }
}

/* ==========================================================================
   FACILITY DESIGN SYSTEM (v50)
   ========================================================================== */

/* Facility Hero */
/* .mte-fac-hero {
    position: relative;
    padding: 50px 0 50px;
    background: linear-gradient(rgba(248, 250, 252, 0.98), rgba(248, 250, 252, 0.98)),
        url('../images/services/infra.webp') center/cover no-repeat;
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
} */

/* .mte-fac-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 65% 35%, rgba(0, 153, 70, 0.04), transparent 60%);
    pointer-events: none;
} */

.mte-fac-badge {
    display: inline-block;
    padding: 5px 12px;
    background: rgba(0, 153, 70, 0.08);
    border-left: 2px solid var(--accent-color);
    color: white;
    text-transform: uppercase;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    margin-bottom: 12px;
}

.mte-fac-title {
    font-size: 2rem;
    font-weight: 800;
    color: white;
    line-height: 1.2;
    margin-bottom: 12px;
}

.mte-fac-title span {
    color: gold;
}

.mte-fac-desc {
    font-size: 0.9rem;
    color: #ffffff;
    max-width: 550px;
    line-height: 1.6;
}

.mte-fac-bottom-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: linear-gradient(90deg, var(--accent-color), transparent);
}

/* Facility Intro & Divider */
.mte-fac-main-heading {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--mpe-dark);
}

.mte-fac-divider {
    width: 60px;
    height: 3px;
    background: var(--accent-color);
    margin: 15px 0;
    position: relative;
    border-radius: 2px;
}

.mte-fac-divider::after {
    content: '';
    position: absolute;
    right: -10px;
    top: 0;
    width: 8px;
    height: 100%;
    background: rgba(0, 153, 70, 0.3);
    border-radius: 2px;
}

.mte-fac-intro-text {
    font-size: 0.95rem;
    color: #64748b;
    line-height: 1.7;
}

/* Unit Cards */
.mte-fac-unit-grid {
    margin-top: 40px;
}

.mte-unit-card {
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.mte-unit-card:hover {
    transform: translateY(-15px);
    box-shadow: 0 40px 80px rgba(0, 153, 70, 0.1);
}

.mte-unit-image {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.mte-unit-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s ease;
}

.mte-unit-card:hover .mte-unit-image img {
    transform: scale(1.05);
}

.mte-unit-overlay-badge {
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--accent-color);
    color: #fff;
    padding: 5px 18px;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    border-top-right-radius: 12px;
}

.mte-unit-content {
    padding: 25px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.mte-unit-content h3 {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--mpe-dark);
    margin-bottom: 12px;
}

.mte-unit-preview-text {
    font-size: 0.85rem;
    color: #64748b;
    line-height: 1.6;
    margin-bottom: 25px;
}

.mte-unit-features {
    list-style: none;
    padding: 0;
    margin: 0 0 25px;
}

.mte-unit-features li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.9rem;
    color: #475569;
    margin-bottom: 8px;
}

.mte-unit-features li i {
    color: var(--accent-color);
    font-size: 1.1rem;
}

.mte-unit-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    color: var(--mpe-dark);
    text-decoration: none !important;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    margin-top: auto;
}

.mte-unit-btn i {
    transition: transform 0.3s ease;
}

.mte-unit-card:hover .mte-unit-btn {
    color: var(--accent-color);
}

.mte-unit-card:hover .mte-unit-btn i {
    transform: translateX(8px);
}

/* Accent Unit Branding */
.accent-unit {
    border-top: 5px solid var(--accent-color);
}

.accent-unit .mte-unit-overlay-badge {
    background: var(--mpe-dark);
}

/* Responsiveness */
@media (max-width: 991px) {
    .mte-fac-hero {
        padding: 120px 0 80px;
    }

    .mte-fac-title {
        font-size: 3rem;
    }

    .mte-unit-image {
        height: 250px;
    }

    .mte-unit-content {
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .mte-fac-title {
        font-size: 2.5rem;
    }

    .mte-fac-intro-text {
        font-size: 1rem;
    }

}

/* Facility Detail Sections (v50) */
.mte-fac-sec-tag {
    display: inline-block;
    color: var(--accent-color);
    font-weight: 800;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.15em;
    margin-bottom: 12px;
}

.mte-cap-list-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}

.mte-cap-list-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 0.85rem;
}

.mte-cap-list-item i {
    color: var(--accent-color);
}

.mte-fac-img-reveal {
    position: relative;
    padding: 20px;
}

.mte-fac-img-label {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: rgba(15, 23, 42, 0.8);
    backdrop-filter: blur(10px);
    color: #fff;
    padding: 8px 15px;
    font-size: 0.75rem;
    font-weight: 700;
    border-radius: 5px;
}

/* Stat Grid */
.bg-light-alt {
    background-color: #f1f5f9;
}

.mte-stat-card {
    background: #ffffff;
    padding: 25px;
    border-radius: 18px;
    text-align: center;
    border: 1px solid rgba(0, 153, 70, 0.08);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.mte-stat-card:hover {
    transform: translateY(-8px);
    border-color: var(--accent-color);
    box-shadow: 0 10px 25px rgba(0, 153, 70, 0.05);
}

.mte-stat-num {
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--accent-color);
}

.mte-stat-label {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #64748b;
    margin-top: 5px;
}

/* Quality Grid */
.mte-quality-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.mte-q-box {
    background: #f8fafc;
    padding: 20px;
    border-radius: 15px;
    border-left: 4px solid var(--accent-color);
}

.mte-q-box h5 {
    font-size: 0.9rem;
    font-weight: 800;
    margin-bottom: 5px;
    color: var(--mpe-dark);
}

.mte-q-box span {
    font-size: 0.8rem;
    color: #64748b;
}

/* Production Workflow */
.mte-workflow-track {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    padding: 20px 0;
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
}

.mte-wf-step {
    flex: 1;
    text-align: center;
    position: relative;
    z-index: 2;
}

/* Horizontal Arrows between steps */
.mte-wf-step:not(:last-child)::after {
    content: "→";
    position: absolute;
    top: 22px;
    right: -15px;
    transform: translateX(50%);
    font-size: 20px;
    color: var(--accent-color);
    opacity: 0.4;
    font-weight: 300;
}

.mte-wf-icon {
    width: 44px;
    height: 44px;
    background: #ffffff;
    color: var(--accent-color);
    border: 2px solid var(--accent-color);
    border-radius: 50%;
    margin: 0 auto 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1rem;
    position: relative;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.mte-wf-step:hover .mte-wf-icon {
    background: var(--accent-color);
    color: #fff;
    transform: scale(1.1);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.mte-wf-text {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #475569;
}

@media (max-width: 991px) {
    .mte-workflow-track {
        flex-direction: column;
        align-items: center;
        gap: 60px;
        padding: 40px 0;
    }

    .mte-wf-step {
        width: 100%;
        max-width: 300px;
    }

    /* Vertical Arrows for mobile */
    .mte-wf-step:not(:last-child)::after {
        content: "↓";
        top: auto;
        bottom: -45px;
        right: 50%;
        transform: translateX(50%);
        font-size: 24px;
    }
}


/* Process Gallery (Unit 2) */
.mte-process-gallery {
    margin-top: 20px;
}

.mte-proc-card {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.mte-proc-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.mte-proc-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.mte-proc-info {
    padding: 20px;
}

.mte-proc-info h6 {
    font-weight: 800;
    margin-bottom: 5px;
    color: var(--mpe-dark);
}

.mte-proc-info span {
    font-size: 0.75rem;
    color: #64748b;
}

/* Page Spacing Fix & Light Theme Re-Enforcement */
/* .mte-fac-hero.unit1-hero {
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
        url('../images/bg/bg3.webp') center/cover no-repeat;
} */

/* .mte-fac-hero.unit2-hero {
    background-image: linear-gradient(rgba(248, 250, 252, 0.8), rgba(248, 250, 252, 0.8)),
        url('../images/bg/bg3.webp') center/cover no-repeat;
} */

/* ==================== FOUNDER SECTION ==================== */
.mte-founder-section {
    background-color: #11203b;
    padding: 40px 0;
    color: #ffffff;
    position: relative;
    overflow: hidden;
}

.mte-founder-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 70% 30%, rgba(59, 130, 246, 0.05), transparent 50%);
    pointer-events: none;
}

.mte-founder-title {
    color: #3b82f6;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.mte-founder-name {
    color: #ffffff;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.mte-founder-designation {
    color: #94a3b8;
    font-size: 1.1rem;
    display: block;
    margin-bottom: 2rem;
}

.mte-founder-text p {
    color: #cbd5e1;
    font-size: 1rem;
    line-height: 1.7;
    /* margin-bottom: 1.5rem; */
}

.mte-quote-icon {
    color: rgba(59, 130, 246, 0.2);
    width: 60px;
    height: 60px;
    margin-bottom: 1.5rem;
}

.mte-founder-image img {
    border: 8px solid rgba(255, 255, 255, 0.05);
    transition: transform 0.3s ease;
}

.mte-founder-image:hover img {
    transform: translateY(-10px);
}

@media (max-width: 991px) {
    .mte-founder-section {
        padding: 60px 0;
        text-align: center;
    }

    .mte-quote-icon {
        margin: 0 auto 1.5rem;
    }

    .mte-founder-name {
        font-size: 2rem;
    }
}

/* ==================== MINIMAL PRODUCT CARDS ==================== */
.mte-product-card {
    background: #ffffff;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: hidden;
    transition: all 0.3s ease;
    cursor: pointer;
}

.mte-product-card:hover {
    transform: translateY(-5px);
}

.mte-product-image-box {
    position: relative;
    padding-bottom: 100%;
    /* 1:1 Aspect Ratio */
    background: #f8f9fa;
    margin-bottom: 1rem;
    border-radius: 8px;
    overflow: hidden;
}

.mte-product-image-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 20px;
}

.mte-product-info {
    text-align: center;
    padding: 10px 0;
}

.mte-prod-name {
    font-size: 1rem;
    font-weight: 500;
    color: #1a1a1a;
    margin: 0;
}

.mte-card-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(17, 32, 59, 0.8);
    color: #fff;
    padding: 4px 10px;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 10;
}

/* Lightbox Base */
.mte-lightbox-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(13, 26, 47, 0.95);
    backdrop-filter: blur(8px);
    transition: all 0.3s ease;
    padding: 20px;
}

.mte-lightbox-modal.active {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.mte-lightbox-content {
    position: relative;
    max-width: 90%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    animation: zoomIn 0.3s ease;
}

.mte-lightbox-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
    line-height: 1;
}

.mte-lightbox-close:hover {
    color: var(--accent-color);
    transform: rotate(90deg);
}

@keyframes zoomIn {
    from {
        transform: scale(0.9);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* ==================== FACILITIES V2 DESIGN ==================== */
.mte-fac-content-v2 {
    padding-right: 20px;
}

.mte-fac-label-v2 {
    color: #3b82f6;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    margin-bottom: 1rem;
}

.mte-fac-title-v2 {
    font-size: 2.25rem;
    font-weight: 700;
    color: #11203b;
    line-height: 1.2;
}

.mte-fac-text-v2 {
    font-size: 1.1rem;
    color: #64748b;
    line-height: 1.6;
}

.mte-fac-list-v2 li {
    font-weight: 500;
    color: #1e293b;
    font-size: 1rem;
}

.mte-dot {
    width: 6px;
    height: 6px;
    background-color: #3b82f6;
    border-radius: 50%;
    display: inline-block;
}

.mte-fac-visual-v2 {
    position: relative;
}

.shadow-2xl-soft {
    box-shadow: 0 25px 50px -12px rgba(17, 32, 59, 0.15);
}

.mte-fac-experience-pill {
    position: absolute;
    bottom: -20px;
    right: -20px;
    background: #ffffff;
    padding: 15px 25px;
    border-radius: 12px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
    color: #11203b;
    font-size: 0.95rem;
    animation: bounceIn 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.mte-fac-experience-pill strong {
    color: #3b82f6;
    font-size: 1.2rem;
    display: block;
}

.mte-quality-card-v2 {
    background: #f8fafc;
    padding: 20px;
    border-radius: 12px;
    border-left: 4px solid var(--accent-color);
    height: 100%;
    transition: all 0.3s ease;
}

.mte-fac-visual-v2 img {
    border-radius: 12px !important;
}

.mte-quality-card-v2:hover {
    background: #ffffff;
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.05);
    transform: translateY(-5px);
}

.mte-quality-card-v2 h6 {
    font-weight: 600;
    color: #11203b;
    margin-bottom: 5px;
}

.mte-quality-card-v2 p {
    font-size: 0.85rem;
    color: #64748b;
    margin-bottom: 0;
}

@keyframes bounceIn {
    0% {
        transform: scale(0.3);
        opacity: 0;
    }

    50% {
        transform: scale(1.05);
        opacity: 1;
    }

    70% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

/* ==================== CAREERS POLISH ==================== */
.rme_career_btn {
    /* margin-top: 15px; */
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: white;
    padding: 10px 20px;
    transition: all 0.3s ease;
}

.rme_career_btn:hover {
    background-color: #006400 !important;
    transform: translateX(5px);
}

/* ==================== LIGHTBOX MODERNIZATION ==================== */
.mte-lightbox-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(15, 23, 42, 0.95);
    backdrop-filter: blur(15px);
    z-index: 10000;
    align-items: center;
    justify-content: center;
    padding: 20px;
    animation: fadeIn 0.3s ease;
}

.mte-lightbox-content {
    background: #ffffff;
    padding: 40px;
    border-radius: 24px;
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.5);
    max-width: 1000px !important;
    width: 90%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    animation: zoomIn 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.mte-lightbox-img-wrapper {
    width: 100%;
    /* background: #f8fafc; */
    border-radius: 16px;
    overflow: hidden;
    /* margin-bottom: 25px; */
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
}

.mte-lightbox-img-wrapper img {
    /* max-height: 65vh; */
    max-width: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.mte-lightbox-info-v2 {
    text-align: center;
    width: 100%;
}

.mte-lightbox-title-v2 {
    font-size: 1.8rem;
    font-weight: 800;
    color: #11203b;
    margin-bottom: 8px;
}

.mte-lightbox-cat-v2 {
    font-size: 0.95rem;
    color: #3b82f6;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
}

/* Side Navigation Buttons */
.mte-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 10001;
}

.mte-nav-btn.prev {
    left: -80px;
}

.mte-nav-btn.next {
    right: -80px;
}

.mte-nav-btn:hover {
    background: var(--accent-color);
    color: #fff;
    transform: translateY(-50%) scale(1.1);
    border-color: var(--accent-color);
}

.mte-lightbox-close {
    position: absolute;
    top: -18px;
    right: -24px;
    color: #fff;
    font-size: 40px;
    font-weight: 300;
    cursor: pointer;
    transition: all 0.3s ease;
}

.mte-lightbox-close:hover {
    color: var(--accent-color);
    transform: rotate(90deg);
}

.careers-section .text-start svg {
    fill: var(--accent-color);
}

.mte-card-badge,
.mte-product-info,
.mte-lightbox-info-v2 {
    display: none;
}

@media (max-width: 1200px) {
    .mte-nav-btn.prev {
        left: 10px;
        background: rgba(15, 23, 42, 0.5);
    }

    .mte-nav-btn.next {
        right: 10px;
        background: rgba(15, 23, 42, 0.5);
    }

    .mte-lightbox-content {
        width: 85%;
        padding: 30px;
    }
}

@media (max-width: 768px) {
    .mte-nav-btn {
        width: 45px;
        height: 45px;
        top: auto;
        bottom: -56px;
        transform: none;
    }

    .mte-nav-btn.prev {
        left: 20%;
    }

    .mte-nav-btn.next {
        right: 20%;
    }

    .mte-nav-btn:hover {
        transform: scale(1.1);
    }

    .mte-lightbox-title-v2 {
        font-size: 1.4rem;
    }

    .mte-lightbox-close {
        top: 10px;
        right: 20px;
        color: #11203b;
    }
}

.rme_testimonial_card {
    box-shadow: none;
}

@media (max-width: 480px) {
    .hero-title {
        font-size: 1rem;
    }
}

/* ==================== PREMIUM PRELOADER (V2) ==================== */
#mte-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    /* border-bottom: 1px solid #606060; */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999999;
    transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    overflow: hidden;
}

#mte-preloader.hide {
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
}

.mte-preloader-content {
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Circular Loader */
.mte-circle-loader {
    width: 56px;
    height: 56px;
    margin-bottom: 24px;
    position: relative;
}

.mte-loader-circle {
    box-sizing: border-box;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 4px solid #dddddd;
    border-top-color: #198b00;
    animation: mte-circle-spin 0.85s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.mte-progress-text {
    font-size: 0.65rem;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.3);
    letter-spacing: 5px;
    text-transform: uppercase;
    animation: preloader-text-fade 1.5s ease-in-out infinite alternate;
}

/* Animations */
@keyframes mte-circle-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes preloader-text-fade {
    from {
        opacity: 0.2;
    }

    to {
        opacity: 0.5;
    }
}

/* Page Content Reveal Animation */
body.preloader-active {
    overflow: hidden;
}

main,
section,
header,
footer {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

body.reveal main,
body.reveal section,
body.reveal header,
body.reveal footer {
    opacity: 1;
    transform: translateY(0);
}

/* ==================== ORGANIZATION CHART V5 (Animated & Fluid) ==================== */
.mte-org-v3-section {
    position: relative;
    padding: 60px 0;
    background: #ffffff;
    overflow-x: hidden !important;
    /* Ensure no horizontal overflow on the entire section */
}

.mte-tree-wrapper {
    display: block;
    text-align: center;
    width: 100%;
    overflow-x: hidden;
    /* Prevent horizontal scrollbars as requested */
    overflow-y: visible;
    padding-bottom: 20px;
}

.mte-tree {
    display: inline-flex;
    margin: 0 auto;
}

.mte-tree ul {
    display: flex;
}

.mte-tree,
.mte-tree ul {
    padding: 0;
    list-style: none;
    justify-content: center;
    position: relative;
    padding-top: 35px;
    transition: all 0.5s ease;
    /* gap: 20px; */
}

.mte-tree {
    padding-top: 0;
}

/* 1. Manufacturing processes - Green Border Spin */
.mte-fac-process-card {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.mte-fac-process-card::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(transparent, transparent, transparent, #009a49);
    animation: mte-border-rotate 4s linear infinite;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -2;
}

.mte-fac-process-card::after {
    content: '';
    position: absolute;
    inset: 3px;
    background: #ffffff;
    border-radius: 17px;
    z-index: -1;
}

.mte-fac-process-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

.mte-fac-process-card:hover::before {
    opacity: 1;
}

/* 2. Casting Infrastructure - Yellow Border Spin */
.mte-fac-casting-card {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    background: rgba(15, 23, 42, 0.95);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.mte-fac-casting-card::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(transparent, transparent, transparent, #ffc220);
    animation: mte-border-rotate 4s linear infinite;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -2;
}

.mte-fac-casting-card::after {
    content: '';
    position: absolute;
    inset: 3px;
    background: rgba(15, 23, 42, 1);
    border-radius: 17px;
    z-index: -1;
}

.mte-fac-casting-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.mte-fac-casting-card:hover::before {
    opacity: 1;
}

/* 3. R&D and Engineering - Water Fill Animation */
.mte-fac-rnd-card {
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.mte-fac-rnd-card::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: -10%;
    width: 120%;
    height: 0;
    background: linear-gradient(135deg, #009a49 0%, #007a33 100%);
    transition: height 8s cubic-bezier(0.19, 1, 0.22, 1);
    z-index: -1;
    border-radius: 50% 50% 0 0;
    /* Slight curve top for "water" feel */
}

.infra-img {
    height: 400px !important;
    border-radius: 12px;
}

.mte-fac-rnd-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 30px 60px rgba(0, 154, 73, 0.15);
    border-color: transparent;
}

.mte-fac-rnd-card:hover::before {
    height: 120%;
    bottom: 0;
    border-radius: 0;
}

.mte-fac-rnd-card:hover h5,
.mte-fac-rnd-card:hover p {
    color: #ffffff !important;
}

.mte-fac-rnd-card:hover .mte-fac-icon-wrapper {
    background: #ffffff !important;
    color: #009a49 !important;
    transform: scale(1.1) rotate(360deg);
}

/* 4. Precision Measurement Boxes - Sublte Glow */
.mte-measurement-box {
    transition: all 0.4s ease;
    border-left: 4px solid #009a49;
}

.mte-measurement-box:hover {
    transform: translateX(10px);
    box-shadow: 0 15px 30px rgba(0, 154, 73, 0.1) !important;
    background: #ffffff !important;
}

/* Icon Wrapper Shared Styles */
.mte-fac-icon-wrapper {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(0, 154, 73, 0.1) 0%, rgba(0, 154, 73, 0.05) 100%);
    color: #009a49;
    font-size: 1.5rem;
    transition: all 0.5s ease;
    z-index: 3;
    position: relative;
}

.mte-fac-process-card:hover .mte-fac-icon-wrapper,
.mte-fac-casting-card:hover .mte-fac-icon-wrapper {
    background: #009a49;
    color: #ffffff;
    transform: scale(1.1);
}

.mte-fac-casting-card:hover .mte-fac-icon-wrapper {
    background: #ffc220;
    color: #000000;
}

@keyframes mte-border-rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.mte-tree li {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 35px 12px 0 12px;
}

/* Base Accent Colors */
.mte-org-box {
    --inner-bg: #ffffff;
    --primary-green: #009a49;
    --primary-yellow: #ffc220;
    --fill-color: var(--primary-green);
    --anim-color: var(--primary-green);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* Ensures badge is at bottom */
}

/* Branch Theme Definitions */
.ceo-branch {
    --fill-color: #0f172a;
    --anim-color: #0f172a;
}

.npd-branch {
    --fill-color: #00bcd4;
    --anim-color: #00bcd4;
}

.accounts-branch {
    --fill-color: #009a49;
    --anim-color: #009a49;
}

.marketing-branch {
    --fill-color: #00a651;
    --anim-color: #00a651;
}

.scm-branch {
    --fill-color: #3b82f6;
    --anim-color: #3b82f6;
}

.quality-branch {
    --fill-color: #f59e0b;
    --anim-color: #f59e0b;
}

.hr-branch {
    --fill-color: #10b981;
    --anim-color: #10b981;
}

.purchase-branch {
    --fill-color: #059669;
    --anim-color: #059669;
}

.engi-branch {
    --fill-color: #8b5cf6;
    --anim-color: #8b5cf6;
}

/* Apply inherited colors to boxes */
.mte-org-box {
    border-top: 3px solid var(--fill-color) !important;
}

/* Microtech Green */

/* ==================== DATAFLOW LINES ANIMATION ==================== */

/* Horizontal branches */
.mte-tree li::before,
.mte-tree li::after {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    width: 50%;
    height: 2px;
    background: linear-gradient(90deg, #94a3b8 60%, transparent 40%);
    background-size: 10px 2px;
    animation: flowDataLinesHorizReverse 1s linear infinite;
    z-index: 1;
}

.mte-tree li::after {
    right: auto;
    left: 50%;
    animation: flowDataLinesHoriz 1s linear infinite;
}

.mte-tree li:only-child::after,
.mte-tree li:only-child::before {
    display: none;
}

.mte-tree li:only-child {
    padding-top: 0;
}

.mte-tree li:first-child::before,
.mte-tree li:last-child::after {
    display: none;
}

/* ==================== HIGH DENSITY TOP-DOWN LAYOUT ==================== */
.mte-tree li {
    padding: 35px 4px 0 4px;
    /* Tight horizontal spacing for 7 branches */
}

@media (min-width: 1301px) {
    .mte-tree li {
        padding: 35px 1px 0 1px;
        /* Maximum density for desktop */
    }
}

/* Main Vertical drop from parent */
.mte-tree ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 35px;
    transform: translateX(-50%);
    background: linear-gradient(180deg, #94a3b8 60%, transparent 40%);
    background-size: 2px 10px;
    animation: flowDataLinesVert 1s linear infinite;
    z-index: 1;
}

/* Vertical drop to individual box */
.mte-org-box::before {
    content: '';
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 35px;
    background: linear-gradient(180deg, #94a3b8 60%, transparent 40%);
    background-size: 2px 10px;
    animation: flowDataLinesVert 1s linear infinite;
    z-index: 1;
}

.mte-tree>li>.ceo-box::before {
    display: none;
}

@keyframes flowDataLinesHoriz {
    to {
        background-position: 30px 0;
    }
}

@keyframes flowDataLinesHorizReverse {
    to {
        background-position: -30px 0;
    }
}

@keyframes flowDataLinesVert {
    to {
        background-position: 0 30px;
    }
}

/* Interactive Path Highlighting */

/* 1. Vertical connector to the box */
li:hover>.mte-org-box::before {
    background: var(--fill-color) !important;
    background-size: 100% 100% !important;
    opacity: 1 !important;
}

/* 2. Parent horizontal branches - Highlight the path to the hovered element */
li:has(.mte-org-box:hover)::before {
    background: var(--fill-color) !important;
    background-size: 100% 100% !important;
    opacity: 1 !important;
}

/* 3. Parent vertical branches */
ul:has(.mte-org-box:hover)::before {
    background: var(--fill-color) !important;
    background-size: 100% 100% !important;
    opacity: 1 !important;
}

/* 4. Support for nested branches (highlight full path) */
li:has(li :hover)::before,
li:has(li :hover)>.mte-org-box::before {
    background: var(--fill-color) !important;
    opacity: 1 !important;
}


/* ==================== CARD STYLING & COLOR FILL HOVER ==================== */
.mte-org-box {
    background: #ffffff;
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-top: 3px solid var(--fill-color);
    border-radius: 20px;
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
    min-width: 140px;
    max-width: 250px;
    padding: 24px 16px;
    z-index: 2;
    position: relative;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease, transform 0.4s ease;
    overflow: visible;
}

.mte-details {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.mte-details .mte-name {
    margin-bottom: 10px;
}

.mte-role {
    font-size: 0.75rem;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 15px;
    color: #64748b;
}

.mte-stats {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: auto;
    padding-top: 15px;
    border-top: 1px dashed rgba(0, 0, 0, 0.05);
}

.mte-stats span {
    font-size: 0.7rem;
    display: flex;
    justify-content: space-between;
}

.mte-industry-card {
    min-height: 250px;
    position: relative;
    overflow: hidden;
    background-color: #0f172a;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
}

.mte-industry-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(90deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.4) 100%); */
    z-index: 1;
}

.mte-industry-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
}

.mte-industry-card h5 {
    position: relative;
    z-index: 2;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
    letter-spacing: 0.5px;
    font-size: 1.1rem;
}

.mte-industry-icon {
    width: 70px;
    height: 70px;
    flex-shrink: 0;
    z-index: 2;
    position: relative;
    background: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.mte-industry-icon i {
    z-index: 3;
    position: relative;
}

/* Technical Specification Lists */
.mte-tech-list {
    list-style: none;
    padding: 0;
}

.mte-tech-list li {
    padding: 8px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    display: flex;
    justify-content: space-between;
    font-size: 0.9rem;
}

.mte-tech-list li span:first-child {
    font-weight: 600;
    color: #1a1a2e;
}

.mte-tech-list li span:last-child {
    color: #059669;
    font-weight: 500;
}

.mte-process-card {
    background: #f8fafc;
    border-left: 4px solid #10b981;
    transition: all 0.3s ease;
}

.mte-process-card:hover {
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.mte-tree>li>ul>li {
    flex: 1 1 0;
    width: 0;
    padding: 35px 80px;
}

.mte-org-box::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: var(--fill-color);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -1;
    border-radius: 17px;
    opacity: 0;
}

.mte-org-box:hover::after {
    height: 100%;
    opacity: 1;
    border-radius: 17px;
}

.mte-org-box:hover {
    /* transform: translateY(-8px); */
    box-shadow: 0 20px 40px rgba(255, 255, 255, 0.1), 0 0 20px var(--fill-color);
}

.ceo-box .mte-avatar {
    width: 65px;
    height: 65px;
    font-size: 1.4rem;
    background: #f8fafc;
}

.sub-box .mte-avatar {
    display: flex;
}

.mob-sub-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 0 12px 0;
    border-bottom: 1px dotted rgba(0, 154, 73, 0.1);
    margin-bottom: 12px;
}

.mob-sub-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(0, 154, 73, 0.05);
    color: #009a49;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 11px;
    flex-shrink: 0;
    border: 1px solid rgba(0, 154, 73, 0.1);
}

.mob-sub-name {
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: 10px;
    color: #1a1a2e;
    line-height: 1.2;
}

.mob-sub-role {
    font-size: 11px;
    color: #6c757d;
    margin-top: 1px;
}

@keyframes flowCircleRotate {
    100% {
        transform: rotate(360deg);
    }
}

/* ==================== TYPOGRAPHY HOVER TRANSITIONS ==================== */
.mte-name {
    font-size: 1.05rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 6px 0;
    transition: color 0.4s ease;
}

.mte-role {
    font-size: 0.85rem;
    color: #64748b;
    display: block;
    font-weight: 600;
    transition: color 0.4s ease;
}

.mte-team-badge {
    display: inline-block;
    background: #f1f5f9;
    color: #475569;
    font-weight: 700;
    font-size: 0.7rem;
    padding: 6px 14px;
    border-radius: 20px;
    margin-top: 12px;
    transition: all 0.4s ease;
    border: 1px solid #e2e8f0;
    width: fit-content;
}

.mte-org-box:hover .mte-team-badge {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.3);
}

.mte-stats {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 15px;
    background: #f8fafc;
    padding: 12px;
    border-radius: 12px;
    font-size: 0.75rem;
    text-align: left;
    width: 100%;
    border: 1px solid #e2e8f0;
    transition: all 0.4s ease;
}

.mte-stats span {
    display: flex;
    justify-content: space-between;
    color: #64748b;
    border-bottom: 1px dotted #cbd5e1;
    padding-bottom: 4px;
    transition: color 0.4s ease;
}

.mte-stats span:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.mte-stats span b {
    color: #0f172a;
    font-weight: 800;
    transition: color 0.4s ease;
}

/* Text color changes explicitly on hover */
.mte-org-box:hover .mte-name,
.mte-org-box:hover .mte-role,
.mte-org-box:hover .mte-stats span,
.mte-org-box:hover .mte-stats span b {
    color: #ffffff;
}

.mte-org-box:hover .mte-size {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.3);
}

.mte-org-box:hover .mte-stats {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

.mte-org-box:hover .mte-stats span {
    border-bottom-color: rgba(255, 255, 255, 0.3);
}

.mte-org-box.ceo-box {
    min-width: 220px !important;
}

/* Specific Hub Accents */
.scm-head-box {
    --fill-color: #3b82f6 !important;
    --anim-color: #3b82f6 !important;
}

.quality-box {
    --fill-color: #f59e0b !important;
    --anim-color: #f59e0b !important;
}

.engi-box {
    --fill-color: #8b5cf6 !important;
    --anim-color: #8b5cf6 !important;
}

.npd-box {
    --fill-color: #10b981 !important;
    --anim-color: #10b981 !important;
}

@media (min-width: 1201px) and (max-width: 1400px) {
    .mte-tree-wrapper {
        transform: scale(0.9);
        transform-origin: top center;
        margin-bottom: -100px;
    }
}

@media (min-width: 1001px) and (max-width: 1200px) {
    .mte-tree-wrapper {
        transform: scale(0.75);
        transform-origin: top center;
        margin-bottom: -200px;
    }
}

@media (min-width: 1301px) {
    .mte-tree li {
        padding: 35px 4px 0 4px;
    }

    .mte-org-box {
        min-width: 150px;
        max-width: 160px;
        min-height: 200px;
        padding: 25px 8px;
    }

    .mte-name {
        font-size: 0.95rem;
    }

    .mte-role {
        font-size: 0.75rem;
    }

    .mte-team-badge {
        font-size: 0.65rem;
        padding: 4px 10px;
    }

    .mte-avatar {
        width: 48px;
        height: 48px;
        margin-bottom: 8px;
    }
}

@media (max-width: 1000px) {
    .mte-tree-wrapper {
        display: none;
    }

    .mte-mobile-org {
        display: block;
    }

    .mte-org-box {
        flex-direction: row;
        text-align: left;
        padding: 15px 20px;
        width: 100%;
        max-width: 100%;
        align-items: center;
        min-width: unset;
        min-height: auto;
        border-top: 1px solid rgba(226, 232, 240, 0.8);
        border-left: 4px solid var(--fill-color);
    }

    .mte-details {
        flex: 1;
    }

    .mte-avatar {
        margin: 0 15px 0 0;
        width: 50px;
        height: 50px;
    }

    .mte-team-badge {
        margin-top: 0;
        margin-left: auto;
    }
}

/* =========================================
   Facilities Page Specific Layouts
   ========================================= */

/* Hero Section */
.mte-fac-hero {
    /* background: linear-gradient(to right, #f8f9fa, #e9ecef); */
    padding-top: 50px;
}

.mte-hero-collage {
    background: #ffffff;
    padding: 10px;
    border-radius: 1rem;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.mte-hero-single-img {
    border-radius: 0.5rem;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.mte-hero-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.mte-hero-single-img:hover .mte-hero-img {
    transform: scale(1.05);
}

.mte-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background: rgba(0, 154, 73, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer;
    box-shadow: 0 0 0 0 rgba(0, 154, 73, 0.7);
    animation: mte-pulse 2s infinite;
    z-index: 10;
    transition: all 0.3s ease;
}

.mte-play-btn:hover {
    background: rgba(0, 154, 73, 1);
    transform: translate(-50%, -50%) scale(1.1);
}

@keyframes mte-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 154, 73, 0.7);
    }

    70% {
        box-shadow: 0 0 0 20px rgba(0, 154, 73, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 154, 73, 0);
    }
}

.mte-hero-img-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 15px 15px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    color: #fff;
    transform: translateY(100%);
    transition: transform 0.4s ease;
    display: flex;
    align-items: flex-end;
}

.mte-hero-single-img:hover .mte-hero-img-overlay {
    transform: translateY(0);
}

.mte-hero-img-title {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

/* Measurement Section */
.mte-measurement-section {
    background: #f8f9fa;
}

/* Casting Infrastructure - VMR Alloy */
.mte-casting-section {
    background: #0f172a;
    position: relative;
    overflow: hidden;
}

.mte-vmr-badge {
    background: #009a49;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 6px 16px;
    border-radius: 50px;
    display: inline-flex;
}

.mte-casting-title {
    font-size: 2.5rem;
    letter-spacing: -0.5px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 1.5rem;
}

.mte-casting-divider {
    width: 60px;
    height: 3px;
    background: #3b82f6;
    margin: 0 auto 1.5rem;
}

.mte-casting-desc {
    color: #94a3b8;
    line-height: 1.8;
    max-width: 800px;
    margin: 0 auto 2rem;
}

.mte-capacity-badge {
    border: 1px solid #ffc220;
    color: #ffc220;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
}

.mte-vmr-card {
    background: rgba(30, 41, 59, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 3rem;
    border-radius: 1.5rem;
    transition: all 0.4s ease;
    cursor: pointer;
    height: 100%;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.mte-vmr-card::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(transparent, transparent, transparent, #009a49);
    animation: mte-border-rotate 4s linear infinite;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -2;
}

.mte-vmr-card.mte-vmr-highlight::before {
    background: conic-gradient(transparent, transparent, transparent, #ffc220);
}

.mte-vmr-card::after {
    content: '';
    position: absolute;
    inset: 3px;
    background: #0f172a;
    border-radius: calc(1.5rem - 3px);
    z-index: -1;
}

.mte-vmr-icon-box {
    width: 50px;
    height: 50px;
    background: rgba(0, 154, 73, 0.15);
    color: #009a49;
    border: 2px solid rgba(0, 154, 73, 0.3);
    /* Default border */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    transition: all 0.4s ease;
    position: relative;
    z-index: 2;
}

.mte-vmr-card h5,
.mte-vmr-card p {
    position: relative;
    z-index: 2;
}

.mte-vmr-card:nth-child(2) .mte-vmr-icon-box {
    border: 2px solid #009a49;
    /* Specific border for centrifugal */
}

.mte-vmr-card h5 {
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 1rem;
    font-size: 1.1rem;
}

.mte-vmr-card p {
    color: #64748b;
    font-size: 0.85rem;
    line-height: 1.7;
    margin-bottom: 0;
}

.mte-vmr-highlight {
    background: rgba(30, 41, 59, 0.8);
    /* border-right: 4px solid #ffc220;
    border-bottom: 4px solid #ffc220; */
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.5);
}

.mte-vmr-highlight .mte-vmr-icon-box {
    background: #ffc220;
    color: #0f172a;
}

.mte-vmr-card:hover {
    transform: translateY(-10px);
    /* box-shadow: 0 20px 40px rgba(0, 154, 73, 0.2); */
    border-color: transparent;
}

.mte-vmr-card:hover::before {
    opacity: 1;
}

.mte-vmr-card:hover .mte-vmr-icon-box {
    transform: scale(1.1) rotate(5deg);
    background: #009a49;
    color: #fff;
}

.mte-vmr-highlight.mte-vmr-card:hover {
    /* box-shadow: 0 20px 40px rgba(255, 194, 32, 0.2); */
    border-color: transparent;
}

.mte-vmr-highlight.mte-vmr-card:hover .mte-vmr-icon-box {
    transform: scale(1.1) rotate(5deg);
    background: #ffc220;
    color: #0f172a;
}

.mte-material-pill {
    background: #ffffff;
    color: #0f172a;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 8px 20px;
    border-radius: 50px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Quality Policy Redesign */
.mte-quality-section {
    background: #007a33;
    overflow: hidden;
    min-height: 600px;
    display: flex;
    align-items: center;
    position: relative;
}

.mte-quality-subtitle {
    color: #ffffff;
    font-weight: 400;
    line-height: 1.6;
    font-size: 1.3rem;
}

.mte-quality-accent {
    color: #a7f3d0;
    font-weight: 600;
}

.mte-quality-line {
    width: 50px;
    height: 3px;
    background: rgba(255, 255, 255, 0.2);
    margin-bottom: 1.5rem;
}

.mte-quality-desc {
    color: #ffffff;
    opacity: 0.85;
    line-height: 1.8;
}

.mte-accreditation-box {
    background: rgba(0, 0, 0, 0.15);
    border-left: 3px solid rgba(255, 255, 255, 0.3);
    padding: 1rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
}

.mte-cert-logo-wrapper {
    /* background: #ffffff; */
    border-radius: 50%;
    width: 80px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    gap: 10px;
}

.mte-cert-logo-wrapper img {
    height: 150%;
    width: auto;
}

.mte-quality-quote-box {
    background: rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
    border-radius: 0.5rem;
    position: relative;
}

.mte-quality-quote-box i {
    opacity: 0.25;
    font-size: 1.5rem;
}

.mte-quality-cert-card {
    background: #ffffff;
    padding: 1rem;
    border-radius: 8px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    max-width: 500px;
    margin: 0 auto;
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.mte-quality-cert-card img {
    border-radius: 4px;
}

.mte-quality-cert-card:hover {
    transform: perspective(1000px) rotateY(-5deg) scale(1.02);
}

/* Updated R&D and Manufacturing Card Styles */
.mte-fac-rnd-card::before {
    transition: height 1.5s cubic-bezier(0.19, 1, 0.22, 1);
    /* Slower water fill */
}

.mte-fac-process-card::before,
.mte-fac-casting-card::before {
    animation-duration: 6s;
    /* Slower spin */
}

/* Quality Policy Glow */
.mte-quality-glow {
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    /* background: radial-gradient(circle at center, #d4a017 0%, transparent 70%); */
    opacity: 0.8;
}

@media (max-width: 991px) {
    .mte-quality-glow {
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60%;
        /* background: radial-gradient(circle at top, #d4a017 0%, transparent 75%); */
    }

}

.sub-branches1 .mte-org-box {
    min-height: 150px;
}

.sub-branches2 .mte-org-box {
    min-height: 300px;
}

.sub-branches3 .mte-org-box {
    min-height: 280px;
}

/* =========================================
   Mobile Org Chart Reference
   ========================================= */
/* Desktop vs Mobile Toggle based on max-width 1024px */
@media (max-width: 1304px) {
    .mte-desktop-org-wrapper {
        display: none !important;
    }

    .mte-mobile-org-wrapper {
        display: block !important;
    }
}

@media (min-width: 1305px) {
    .mte-mobile-org-wrapper {
        display: none !important;
    }

    .mte-desktop-org-wrapper {
        display: block !important;
    }
}

.mte-mobile-org {
    padding: 0 4px;
}

.mob-org-ceo {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #ffffff;
    border: 1px solid rgba(0, 154, 73, 0.2);
    border-radius: 12px;
    padding: 16px 20px;
    margin-bottom: 0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 2;
}

.mob-org-avatar {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #009a49;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 10px rgba(0, 154, 73, 0.2);
}

.mob-org-name {
    color: #1a1a2e;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
}

.mob-org-role {
    color: #6c757d;
    font-size: 12px;
    margin-top: 4px;
}

/* Connector from CEO to the trunk container */
.mob-org-ceo::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 15px;
    /* Aligned with trunk left position (15px) */
    width: 2px;
    height: 15px;
    background: #94a3b8;
    opacity: 0.5;
}

.mob-org-connector {
    display: none;
    /* Removed in favor of trunk-container logic */
}

/* Mobile Trunk and Side-Branch logic */
.mob-trunk-container {
    position: relative;
    padding-left: 40px;
    /* Space for the trunk line */
    margin-top: 10px;
}

.mob-trunk-container::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 15px;
    width: 2px;
    height: 98%;
    background: linear-gradient(180deg, #94a3b8 50%, transparent 50%);
    background-size: 2px 15px;
    animation: flowDataLinesVert 1s linear infinite;
    opacity: 0.5;
    z-index: 1;
}

.mob-side-connector {
    position: absolute;
    top: 30px;
    left: -25px;
    width: 25px;
    height: 2px;
    background: linear-gradient(90deg, #94a3b8 60%, transparent 40%);
    background-size: 10px 2px;
    animation: flowDataLinesHoriz 1s linear infinite;
    opacity: 0.5;
    z-index: 1;
}

.mob-org-level {
    border-radius: 12px;
    margin-bottom: 20px;
    position: relative;
}

.mob-org-level,
.mob-dept-card,
.mob-sub-card {
    background: #ffffff;
    border: 1px solid rgba(0, 154, 73, 0.15);
    border-radius: 12px;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

.mob-acc-trigger,
.mob-acc-body,
.mob-sub-trigger,
.mob-dept-header,
.mob-sub-card {
    background: transparent !important;
}

.mob-acc-trigger {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
    padding: 16px 18px;
    cursor: pointer;
    gap: 12px;
    transition: background 0.2s;
}

.mob-acc-trigger:active {
    background: #f8f9fa;
}

.mob-acc-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mob-acc-avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
    color: #009a49;
    background: rgba(0, 154, 73, 0.1);
    flex-shrink: 0;
}

.mob-acc-name {
    font-weight: 700;
    font-size: 15px;
    color: #1a1a2e;
    text-align: left;
}

.mob-acc-role {
    font-size: 12px;
    color: #6c757d;
    text-align: left;
    margin-top: 2px;
}

.mob-acc-icon {
    font-size: 22px;
    font-weight: 300;
    color: #6c757d;
    line-height: 1;
    flex-shrink: 0;
    transition: transform 0.3s;
    width: 28px;
    text-align: center;
}

.mob-acc-trigger.open .mob-acc-icon,
.mob-sub-trigger.open .mob-acc-icon {
    transform: rotate(45deg);
    color: #009a49;
}

.mob-acc-body {
    display: none;
    padding: 12px 14px 14px;
    border-top: 1px dotted rgba(0, 154, 73, 0.2);
    gap: 14px;
    flex-direction: column;
}

.mob-acc-body.open {
    display: flex;
}

.mob-dept-card {
    border-radius: 10px;
    overflow: visible;
    margin-bottom: 0;
}

.mob-dept-header {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
    padding: 13px 14px;
    position: relative;
    z-index: 2;
}

.mob-dept-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(0, 154, 73, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 12px;
    color: #009a49;
    flex-shrink: 0;
}

.mob-dept-name {
    font-weight: 600;
    font-size: 14px;
    color: #1a1a2e;
    line-height: 1.2;
}

.mob-dept-role {
    font-size: 11px;
    color: #6c757d;
    margin-top: 2px;
}

.mob-dept-badge {
    margin-left: auto;
    font-size: 11px;
    font-weight: 600;
    color: #009a49;
    background: rgba(0, 154, 73, 0.1);
    padding: 4px 10px;
    border-radius: 20px;
    white-space: nowrap;
    flex-shrink: 0;
    border: 1px solid rgba(0, 154, 73, 0.2);
}

.mob-sub-trigger {
    width: 100%;
    /* display: flex; */
    align-items: center;
    background: transparent;
    border: none;
    padding: 0 14px 0 0;
    cursor: pointer;
    gap: 0;
    margin-top: 20px;
}

.mob-sub-card {
    border-radius: 8px;
    padding: 12px 14px;
    margin-top: 8px;
    flex-direction: column;
    border: 1px dashed rgba(0, 154, 73, 0.3);
    background: #fcfcfc;
    box-shadow: none;
}

.mob-sub-name {
    font-weight: 600;
    font-size: 13px;
    color: #1a1a2e;
}

.mob-sub-role {
    font-weight: 400;
    color: #6c757d;
}

.mob-sub-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    margin-top: 8px;
}

.mob-sub-stats span {
    font-size: 12px;
    color: #495057;
    background: #ffffff;
    border: 1px solid #e9ecef;
    padding: 4px 10px;
    border-radius: 20px;
}

.mob-sub-stats b {
    color: #009a49;
}

@media (max-width: 1024px) {
    .mte-founder-image img {
        height: 600px !important;
    }
}

@media (max-width: 480px) {
    .mte-founder-image img {
        height: 400px !important;
    }
}

/* ==================== STATS & COUNTER SECTION ==================== */
.stats-container {
    position: relative;
    min-height: 480px;
    display: flex;
    align-items: center;
    padding: 80px 40px;
    border-radius: 30px;
    overflow: hidden;
    margin: 60px auto;
    color: #fff;
    background-color: #0f172a;
    /* Fallback */
    z-index: 1;
}

.imga-contain-stats {
    background-size: cover;
    background-position: center;
}

.stats-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -2;
    pointer-events: none;
}

.stats-video-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.5) 100%);
    z-index: -1;
}


.stats-left {
    flex: 1.2;
    padding-right: 60px;
}

.stats-left h2 {
    font-size: 2.6rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 25px;
    color: #fff;
    letter-spacing: -0.02em;
}

.stats-left p {
    font-size: 1.15rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 35px;
}

.mte-news-viewmore {
    display: inline-flex !important;
    align-items: center;
    padding: 12px 30px;
    background: var(--accent-color);
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 700;
    border-radius: 50px;
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(0, 166, 0, 0.2);
}

.mte-news-viewmore:hover {
    background: var(--accent-color-hover);
    transform: translateY(-3px);
    box-shadow: 0 15px 25px rgba(0, 166, 0, 0.3);
}

.stats-right {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
}

/* Responsive Breakpoints */
@media (max-width: 1200px) {
    .stats-left h2 {
        font-size: 2.2rem;
    }

    .stats-right {
        gap: 30px 20px;
    }
}

@media (max-width: 991px) {
    .stats-container {
        flex-direction: column;
        text-align: center;
        padding: 60px 30px;
    }

    .stats-left {
        padding-right: 0;
        margin-bottom: 50px;
    }

    .stats-left p {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

    .stats-right {
        width: 100%;
        max-width: 600px;
    }

    .stat-box {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 575px) {
    .stats-container {
        border-radius: 20px;
        margin: 40px 15px;
    }

    .stats-left h2 {
        font-size: 1.8rem;
    }

    .stats-right {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .stat-box h3 {
        font-size: 2rem;
    }
}

/* ==================== CAREERS SPA STYLING ==================== */
.career-spa-step {
    animation: fadeIn 0.4s ease-in-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.benefit-item-modern {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    padding: 30px 24px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
}

.benefit-item-modern:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    border-color: var(--mpe-primary, #18b577);
}

.benefit-icon {
    width: 50px;
    height: 50px;
    background: rgba(24, 181, 119, 0.1);
    color: var(--mpe-primary, #18b577);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.benefit-item-modern h3 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: #1a1a1a;
}

.benefit-item-modern p {
    font-size: 0.95rem;
    color: #666;
    margin-bottom: 0;
    line-height: 1.6;
}

/* Back button design */
.btn-back-custom {
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #444;
    padding: 8px 18px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
}

.btn-back-custom:hover {
    background: var(--mpe-primary, #18b577);
    border-color: var(--mpe-primary, #18b577);
    color: #fff;
    transform: translateX(-3px);
}

/* Job Cards Grid */
.job-grid-card {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    transition: all 0.3s ease;
}

.job-grid-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    border-color: rgba(24, 181, 119, 0.2);
}

.job-badge {
    background: rgba(24, 181, 119, 0.1);
    color: var(--mpe-primary, #18b577);
    font-size: 0.75rem;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 30px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.job-location {
    font-size: 0.85rem;
    color: #888;
    display: inline-flex;
    align-items: center;
}

.job-title-card {
    font-size: 1.3rem;
    line-height: 1.4;
}

.job-exp-card {
    display: inline-flex;
    align-items: center;
}

/* Detail view styling */
.job-meta-card {
    border: 1px solid rgba(0, 0, 0, 0.05);
    background: #ffffff;
}

.meta-icon-wrapper {
    width: 38px;
    height: 38px;
    background: rgba(24, 181, 119, 0.08);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.job-description-details {
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.job-description-html {
    font-size: 1rem;
    line-height: 1.8;
}

.job-description-html p {
    margin-bottom: 1.5rem;
}

.job-description-html ul,
.job-description-html ol {
    margin-bottom: 1.5rem;
    padding-left: 1.25rem;
}

.job-description-html li {
    margin-bottom: 0.5rem;
}

/* Modern popup overlay and Modal custom classes */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(15, 23, 42, 0.6) !important;
    backdrop-filter: blur(8px) !important;
    z-index: 999;
    transition: all 0.3s ease;
}

.ShowcaseModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modern-modal {
    background: #ffffff !important;
    z-index: 1000;
    width: 95% !important;
    max-width: 850px !important;
    position: relative;
    border: 1px solid rgba(0, 176, 70, 0.12) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    border-radius: 24px !important;
    padding: 10px !important;
    /* Increased padding */
}

@media (max-width: 767px) {
    .modern-modal {
        max-height: 90vh;
        overflow-y: auto;
    }
}

.btn-close-custom {
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.btn-close-custom:hover {
    color: #ef4444 !important;
    transform: rotate(90deg) scale(1.1);
}

.input-group-text.bg-primary-soft {
    background-color: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #00b046 !important;
    border-radius: 12px 0 0 12px !important;
    padding: 12px 16px !important;
}

.modern-input {
    border-color: #cbd5e1 !important;
    font-size: 0.95rem !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    background-color: #f8fafc !important;
}

.modern-input:focus {
    border-color: #00b046 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(0, 176, 70, 0.12) !important;
}

/* Custom file selector button styling */
.modern-input.file-input::file-selector-button {
    background-color: #00b046 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 6px 16px !important;
    margin-right: 14px !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.modern-input.file-input::file-selector-button:hover {
    background-color: #008f37 !important;
}

/* Fix input borders inside groups */
.input-group>.form-control.modern-input {
    border-radius: 0 12px 12px 0 !important;
    border-left: none !important;
}

.alert-success,
.alert-danger {
    display: flex;
}

/* Adjust modern design */
.submit-btn-modern {
    background-color: #00b046 !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    padding: 14px 28px !important;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.submit-btn-modern:hover {
    background-color: #008f37 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(0, 176, 70, 0.25) !important;
}

.bg-success-soft {
    background-color: rgba(0, 176, 70, 0.08) !important;
    color: #00b046 !important;
}

.alert-modern {
    font-size: 0.95rem;
    padding: 16px;
    border-radius: 12px !important;
    border: 1px solid rgba(0, 176, 70, 0.1) !important;
}

/* Careers SPA Premium Redesign */
.careers-spa-container {
    --careers-brand: var(--accent-color, #00a600);
    --careers-brand-hover: var(--accent-color-hover, #008f00);
    --careers-brand-light: rgba(0, 166, 0, 0.06);
    --careers-bg-gradient: linear-gradient(135deg, rgba(0, 166, 0, 0.05) 0%, rgba(254, 252, 232, 0.4) 50%, #ffffff 100%);
    --careers-gray-text: #606f7b;
    --careers-black-text: #1a202c;
    color: var(--careers-black-text);
}

/* Float Animation */
@keyframes floatAnimation {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }
}

.careers-floating-img {
    animation: floatAnimation 6s ease-in-out infinite;
}

/* Stepper visual navigation indicator */
.careers-stepper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    margin: -20px auto 40px auto;
    max-width: 600px;
    position: relative;
    z-index: 10;
}

.step-indicator {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--careers-gray-text);
    transition: all 0.3s ease;
}

.step-indicator.active {
    background: var(--careers-brand);
    color: #ffffff;
    border-color: var(--careers-brand);
    box-shadow: 0 4px 15px rgba(0, 166, 0, 0.2);
}

.step-divider {
    height: 2px;
    width: 40px;
    background: #e2e8f0;
}

/* Custom highlight badges */
.careers-badge-custom {
    background-color: var(--careers-brand-light);
    color: var(--careers-brand) !important;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 6px 18px;
    border-radius: 30px;
    display: inline-block;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 1px solid rgba(0, 166, 0, 0.15);
}

/* Underline styling */
.text-highlight-underline {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.text-highlight-underline::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 8px;
    background-color: var(--careers-brand);
    border-radius: 4px;
    z-index: -1;
    opacity: 0.85;
}

/* Premium Gradient Header Banner */
.careers-header-banner {
    position: relative;
    background: var(--careers-bg-gradient);
    padding: 100px 0 160px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(0, 166, 0, 0.05);
}

/* Wave mask at the bottom of gradient header */
.careers-wave-mask {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 120px;
    z-index: 2;
    pointer-events: none;
}

.careers-wave-mask svg {
    display: block;
    width: 100%;
    height: 100%;
}

/* Qualities checklist styling */
.careers-qualities-list {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 2.5rem;
}

.careers-qualities-list li {
    position: relative;
    padding-left: 32px;
    margin-bottom: 20px;
    font-size: 1.05rem;
    line-height: 1.6;
    color: var(--careers-gray-text);
    transition: all 0.3s ease;
}

.careers-qualities-list li:hover {
    transform: translateX(5px);
}

.careers-qualities-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 2px;
    color: #ffffff;
    background: var(--careers-brand);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: bold;
    box-shadow: 0 3px 8px rgba(0, 166, 0, 0.2);
}

.careers-qualities-list li strong {
    color: var(--careers-black-text);
    font-weight: 700;
}

/* Wide row-style job listing cards */
.job-row-card {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    padding: 28px 36px;
    margin-bottom: 24px;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
}

.job-row-card:hover {
    background: #ffffff;
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 166, 0, 0.08);
    border-color: rgba(0, 166, 0, 0.2);
}

.job-row-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--careers-black-text);
    margin-bottom: 8px;
    transition: color 0.3s;
}

.job-row-card:hover .job-row-title {
    color: var(--careers-brand);
}

.job-row-type {
    font-size: 0.85rem;
    color: var(--careers-brand);
    background: var(--careers-brand-light);
    padding: 4px 12px;
    border-radius: 20px;
    font-weight: 600;
    display: inline-block;
}

.btn-careers-brand {
    background-color: var(--careers-brand);
    color: #ffffff !important;
    border: none;
    border-radius: 30px;
    font-weight: 700;
    padding: 12px 32px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 166, 0, 0.15);
}

.btn-careers-brand:hover {
    background-color: var(--careers-brand-hover);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 166, 0, 0.3);
}

/* Split detail view styling */
.job-detail-sidebar-card {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 20px;
    padding: 35px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03);
}

.sidebar-meta-item {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.sidebar-meta-icon {
    width: 46px;
    height: 46px;
    background: var(--careers-brand-light);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 18px;
    color: var(--careers-brand);
    font-size: 1.1rem;
}

.sidebar-meta-info small {
    display: block;
    color: var(--careers-gray-text);
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.sidebar-meta-info strong {
    color: var(--careers-black-text);
    font-size: 1rem;
    font-weight: 600;
}

/* Sharing options style */
.share-links-container {
    display: flex;
    gap: 12px;
    margin-top: 15px;
}

.share-btn-item {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 1.2rem;
    transition: all 0.3s ease;
}

.share-btn-item.whatsapp {
    background-color: #25d366;
}

.share-btn-item.email {
    background-color: #ea4335;
}

.share-btn-item.copy {
    background-color: #1a73e8;
    cursor: pointer;
}

.share-btn-item:hover {
    transform: translateY(-3px) rotate(5deg);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Back button design */
.btn-back-custom {
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: var(--careers-black-text);
    padding: 8px 20px;
    border-radius: 30px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-back-custom:hover {
    background: var(--careers-brand-light);
    border-color: var(--careers-brand);
    color: var(--careers-brand);
    transform: translateX(-3px);
}

/* Custom modal edits */
.modern-modal {
    background: #ffffff;
    z-index: 1000;
    width: 95%;
    max-width: 900px;
    position: relative;
    max-height: 90vh;
    overflow-y: auto;
    border: 1px solid rgba(0, 166, 0, 0.1);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
    border-radius: 20px !important;
}

.input-group-text.bg-primary-soft {
    background-color: var(--careers-brand-light);
    border-color: rgba(0, 0, 0, 0.1);
}

.modern-input {
    border-color: rgba(0, 0, 0, 0.1);
    font-size: 0.95rem;
    padding: 12px 16px;
    transition: all 0.3s ease;
}

.modern-input:focus {
    border-color: var(--careers-brand);
    box-shadow: 0 0 0 4px rgba(0, 166, 0, 0.1);
}

.submit-btn-modern {
    background-color: var(--careers-brand);
    border-color: var(--careers-brand);
    color: #ffffff;
    transition: all 0.3s ease;
}

.submit-btn-modern:hover {
    background-color: var(--careers-brand-hover);
    border-color: var(--careers-brand-hover);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 166, 0, 0.25);
}

/* ==================== MOCKUP SPECIFIC CAREERS REDESIGN ==================== */
@keyframes fadeInUpCustom {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulseGlow {
    0% {
        box-shadow: 0 0 0 0 rgba(142, 255, 193, 0.4);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(142, 255, 193, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(142, 255, 193, 0);
    }
}

.careers-badge-custom {
    background: #001e50 !important;
    color: #ffffff !important;
    font-size: 0.85rem;
    font-weight: 700;
    padding: 8px 24px;
    border-radius: 30px;
    display: inline-block;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: none !important;
    animation: fadeInUpCustom 0.5s ease-out;
}

.careers-header-banner {
    background-color: #eef2f5 !important;
    padding: 70px 0 60px 0 !important;
    margin-bottom: 40px !important;
    border-bottom: none !important;
    position: relative;
    overflow: hidden;
}

.careers-header-banner::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(142, 255, 193, 0.15) 0%, rgba(255, 255, 255, 0) 70%);
    pointer-events: none;
}

.careers-header-banner h1 {
    font-size: 2.8rem !important;
    font-weight: 800 !important;
    color: #000000 !important;
    animation: fadeInUpCustom 0.6s ease-out;
}

.careers-header-banner p {
    color: #556070 !important;
    animation: fadeInUpCustom 0.7s ease-out;
}

/* Stepper Indicator Mockup style */
.careers-stepper-container {
    background-color: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding-bottom: 24px;
    margin-bottom: 40px;
}

.stepper-left-col {
    min-width: 140px;
}

.stepper-center-col {
    display: flex;
    justify-content: center;
}

.stepper-right-col {
    min-width: 140px;
}

.careers-stepper-nav {
    display: flex;
    align-items: center;
    gap: 12px;
}

.step-nav-item {
    font-size: 0.95rem;
    font-weight: 600;
    color: #6c757d;
    padding: 8px 20px;
    border-radius: 30px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor: pointer;
}

.step-nav-item:hover {
    color: #111111;
    background-color: #f8f9fa;
}

.step-nav-item.active {
    background-color: #8effc1 !important;
    /* light neon green pill */
    color: #111111 !important;
    font-weight: 700;
    box-shadow: 0 4px 10px rgba(142, 255, 193, 0.25) !important;
    animation: pulseGlow 2s infinite;
}

.step-nav-line {
    color: #dddddd;
    letter-spacing: 1px;
    font-weight: 300;
}

/* Back Button Pill */
.btn-back-custom {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #4a5568 !important;
    padding: 10px 24px !important;
    border-radius: 30px !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02) !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-back-custom:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    transform: translateX(-3px) !important;
}

/* Step 1 Qualities List */
.careers-qualities-bullet-list {
    list-style: none;
    padding-left: 0;
}

.careers-qualities-bullet-list li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 18px;
    font-size: 1.05rem;
    color: #4a5568;
    transition: transform 0.3s ease;
}

.careers-qualities-bullet-list li:hover {
    transform: translateX(4px);
    color: #000000;
}

.careers-qualities-bullet-list li::before {
    content: "•";
    position: absolute;
    left: 4px;
    top: -2px;
    font-size: 1.6rem;
    color: #001e50;
    transition: color 0.3s ease;
}

.careers-qualities-bullet-list li:hover::before {
    color: #00b046;
}

.btn-view-positions {
    background: #001e50 !important;
    color: #ffffff !important;
    font-weight: 700;
    font-size: 1rem;
    border: none;
    border-radius: 30px;
    padding: 14px 38px;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 4px 6px rgba(0, 30, 80, 0.1);
}

.btn-view-positions:hover {
    background: #002e7a !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 30, 80, 0.2);
}

/* Step 2 Job Cards */
.job-card-modern {
    background: #ffffff;
    border: 1px solid #eef0f3;
    border-radius: 20px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.015);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.job-card-modern::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: transparent;
    transition: background-color 0.3s ease;
}

.job-card-modern:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);
    border-color: rgba(142, 255, 193, 0.5);
}

.job-card-modern:hover::after {
    background-color: #00b046;
}

.job-card-title {
    font-size: 1.45rem;
    font-weight: 700;
    color: #1a202c;
    transition: color 0.3s ease;
}

.job-card-modern:hover .job-card-title {
    color: #001e50;
}

.job-card-badge {
    background-color: #8effc1 !important;
    /* matches step highlight */
    color: #111111 !important;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 6px 16px;
    border-radius: 30px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(142, 255, 193, 0.1);
}

.job-card-desc {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #556072 !important;
    flex-grow: 1;
}

.btn-apply-now {
    background-color: #00b046 !important;
    /* solid green */
    color: #ffffff !important;
    font-weight: 700;
    font-size: 0.95rem;
    border: none;
    border-radius: 30px;
    padding: 11px 30px;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    width: max-content !important;
}

.btn-apply-now:hover {
    background-color: #008f37 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 176, 70, 0.3);
}

/* Step 3 Job Details & Sidebar Layout */
.job-sidebar-card {
    background: #ffffff;
    border: 1px solid #eef0f3;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.3s ease;
}

.job-sidebar-card:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05) !important;
}

.job-sidebar-item {
    align-items: center;
}

.job-sidebar-icon-box {
    width: 46px;
    height: 46px;
    background: #e6fcf0;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.job-sidebar-item:hover .job-sidebar-icon-box {
    transform: scale(1.1);
}

.job-sidebar-icon-box svg {
    color: #00b046 !important;
}

.job-sidebar-label {
    display: block;
    color: #8892b0;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.8px;
    margin-bottom: 2px;
}

.job-sidebar-value {
    font-size: 1rem;
    font-weight: 700;
    color: #1a202c;
}

.btn-sidebar-apply {
    background-color: #00b046 !important;
    color: #ffffff !important;
    border: none;
    border-radius: 30px;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    letter-spacing: 0.5px;
}

.btn-sidebar-apply:hover {
    background-color: #008f37 !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(0, 176, 70, 0.3);
}

.share-job-block {
    margin-top: 35px;
}

.share-btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 1.15rem;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.share-btn.whatsapp {
    background-color: #25d366;
}

.share-btn.email {
    background-color: #ea4335;
}

.share-btn.copy {
    background-color: #1a73e8;
    cursor: pointer;
}

.share-btn:hover {
    transform: translateY(-4px) scale(1.1);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.job-description-html {
    font-size: 1.05rem;
    line-height: 1.85;
}

.career-spa-step {
    animation: fadeInUpCustom 0.5s ease-out forwards;
}

/* Company Highlight Grid & Department Badges */
.highlight-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 14px 18px;
    border-radius: 12px;
    font-size: 0.95rem;
    font-weight: 600;
    color: #334155;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    height: 100%;
}

.highlight-item:hover {
    background: #ffffff;
    border-color: #00b046;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 176, 70, 0.08);
}

.highlight-icon {
    background: #00b046;
    color: #ffffff;
    font-weight: 800;
    font-size: 1.15rem;
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0, 176, 70, 0.15);
}

.dept-tag {
    background: #eef2f6;
    color: #475569;
    padding: 8px 18px;
    border-radius: 30px;
    font-size: 0.9rem;
    font-weight: 600;
    transition: all 0.3s ease;
    border: 1px solid #cbd5e1;
}

.dept-tag:hover {
    background: #001e50;
    color: #ffffff;
    border-color: #001e50;
    transform: translateY(-2px);
}

/* ==================== CAREERS REFINED DESIGN AND ANIMATIONS ==================== */

/* Ensure equal job card height in row */
.careers-spa-container .row.g-4 {
    display: flex;
    align-items: stretch;
}

/* Scroll reveal entry animations for job cards and sections */
.active-step .job-card-modern {
    animation: fadeInUpCustom 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}

.active-step .col-md-6:nth-child(1) .job-card-modern {
    animation-delay: 0.1s;
}

.active-step .col-md-6:nth-child(2) .job-card-modern {
    animation-delay: 0.2s;
}

.active-step .col-md-6:nth-child(3) .job-card-modern {
    animation-delay: 0.3s;
}

.active-step .col-md-6:nth-child(4) .job-card-modern {
    animation-delay: 0.4s;
}

.active-step .highlight-item {
    animation: fadeInUpCustom 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}

.active-step .row.g-3 .col-sm-6:nth-child(1) .highlight-item {
    animation-delay: 0.1s;
}

.active-step .row.g-3 .col-sm-6:nth-child(2) .highlight-item {
    animation-delay: 0.15s;
}

.active-step .row.g-3 .col-sm-6:nth-child(3) .highlight-item {
    animation-delay: 0.2s;
}

.active-step .row.g-3 .col-sm-6:nth-child(4) .highlight-item {
    animation-delay: 0.25s;
}

.active-step .row.g-3 .col-sm-6:nth-child(5) .highlight-item {
    animation-delay: 0.3s;
}

.active-step .row.g-3 .col-sm-6:nth-child(6) .highlight-item {
    animation-delay: 0.35s;
}

/* Input group styles with black prefix */
.modern-job-form .modern-input {
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    height: 54px !important;
    background: #ffffff !important;
    padding: 12px 16px !important;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.modern-job-form .modern-input:focus {
    border-color: #00b046 !important;
    box-shadow: 0 0 0 4px rgba(0, 176, 70, 0.1) !important;
}

/* Textarea input group styling */
.modern-job-form textarea.modern-input {
    height: auto !important;
    min-height: 100px !important;
}

/* File input customization */
.modern-job-form .file-input {
    height: auto !important;
    padding: 10px 14px !important;
    background: #f8fafc !important;
    border: 1.5px dashed #cbd5e1 !important;
    border-radius: 12px !important;
    transition: all 0.3s ease;
}

.modern-job-form .file-input:hover {
    border-color: #00b046 !important;
    background-color: #f0fdf4 !important;
}

/* Submit & Footer buttons customization */
.mte-footer-btn {
    background: #00b046 !important;
    border: none !important;
    color: #ffffff !important;
    padding: 14px 28px !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    border-radius: 30px !important;
    width: max-content !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    box-shadow: 0 4px 12px rgba(0, 176, 70, 0.2) !important;
    cursor: pointer;
}

.mte-footer-btn:hover {
    background: #008f37 !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 176, 70, 0.3) !important;
}

/* Stacking and shadow adjustments for the modals */
.ShowcaseModal.CareerID {
    z-index: 1080 !important;
}

.modern-modal {
    border: none !important;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.24) !important;
    border-radius: 24px !important;
}

.modern-modal .modern-input {
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    height: 52px !important;
    background: #ffffff !important;
}

.modern-modal .modern-input:focus {
    border-color: #00b046 !important;
    box-shadow: 0 0 0 4px rgba(0, 176, 70, 0.1) !important;
}

.modern-modal textarea.modern-input {
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    min-height: 120px !important;
}

.modern-modal .file-input {
    height: auto !important;
    padding: 10px 14px !important;
    background: #f8fafc !important;
    border: 1.5px dashed #cbd5e1 !important;
    border-radius: 12px !important;
}

.modern-modal .file-input:hover {
    border-color: #00b046 !important;
}

.submit-btn-modern {
    background: #00b046 !important;
    border: none !important;
    color: #ffffff !important;
    padding: 14px 28px !important;
    font-weight: 700 !important;
    border-radius: 30px !important;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    box-shadow: 0 4px 12px rgba(0, 176, 70, 0.2) !important;
}

.submit-btn-modern:hover {
    background: #008f37 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(0, 176, 70, 0.3) !important;
}

/* Redesigned Company Stats Cards */
.highlight-item-v2 {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.025);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.highlight-item-v2::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(from 0deg, transparent, #00b046, transparent 30%, transparent);
    animation: rotateBorder 3s linear infinite;
    opacity: 1;
    z-index: 1;
}

.highlight-item-v2::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    background: linear-gradient(135deg, #f8fafc 0%, #f0fdf4 100%);
    border-radius: 14px;
    z-index: 2;
    transition: background 0.4s ease;
}

.highlight-item-v2:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);
}

.highlight-item-v2:hover::after {
    background: linear-gradient(135deg, #ffffff 0%, #e8fdf0 100%);
}

.highlight-item-v2:hover::before {
    opacity: 1;
}

.highlight-number,
.highlight-label {
    position: relative;
    z-index: 3;
}

.highlight-number {
    font-size: 2.8rem;
    font-weight: 800;
    color: #001e50;
    line-height: 1.2;
    margin-bottom: 6px;
    font-feature-settings: "tnum";
}

.highlight-label {
    font-size: 0.85rem;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

@keyframes rotateBorder {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Responsive Careers Page Adjustments */
@media (max-width: 767px) {

    /* Process Journey Stepper Indicators */
    .careers-stepper-container {
        padding-bottom: 16px !important;
        margin-bottom: 25px !important;
    }

    .careers-stepper-container .container.d-flex {
        flex-direction: column !important;
        align-items: center !important;
        gap: 12px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .stepper-left-col,
    .stepper-right-col {
        min-width: 0 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }

    .stepper-right-col {
        display: none !important;
        /* hide empty spacer on mobile */
    }

    .stepper-center-col {
        width: 100% !important;
        margin: 0 !important;
    }

    .careers-stepper-nav {
        gap: 6px !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        width: 100% !important;
    }

    .step-nav-item {
        font-size: 0.8rem !important;
        padding: 6px 12px !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    .step-nav-line {
        display: none !important;
        /* Hide separator dashes on mobile */
    }

    /* Highlights Grid (Stats Cards) */
    .highlight-number {
        font-size: 1.8rem !important;
    }

    .highlight-label {
        font-size: 0.7rem !important;
        letter-spacing: 0.5px !important;
    }

    .highlight-item-v2 {
        padding: 15px 8px !important;
        min-height: 100px !important;
    }

    /* Job Card Header & Badge Responsiveness */
    .job-card-modern .d-flex {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }

    .job-card-badge {
        align-self: flex-start !important;
    }

    /* Modal Form Element Responsiveness */
    .modern-modal {
        padding: 4px !important;
    }

    .modern-modal .form-area-box {
        padding: 15px 12px !important;
    }

    .modern-modal .form-label {
        font-size: 0.8rem !important;
        margin-bottom: 4px !important;
    }

    .modern-modal .modern-input {
        height: 42px !important;
        font-size: 0.85rem !important;
        padding: 8px 12px !important;
    }

    .modern-modal textarea.modern-input {
        min-height: 100px !important;
    }

    .modern-modal .file-input {
        padding: 6px 10px !important;
        font-size: 0.75rem !important;
    }

    .modern-modal .form-text {
        font-size: 0.7rem !important;
    }

    .submit-btn-modern {
        padding: 10px 20px !important;
        font-size: 0.9rem !important;
    }
}

/* Disable scroll on desktop and tablet for modern-modal */
@media (min-width: 768px) {
    .modern-modal {
        max-height: none !important;
        overflow-y: visible !important;
        overflow: visible !important;
    }
}

/* ==================== OUR EXPORT BUSINESS COMPONENT STYLES ==================== */
.mpe-export-section {
    background-color: #f8fafc;
    position: relative;
    overflow: hidden;
}

.mpe-export-badge {
    background: rgba(0, 176, 70, 0.08);
    color: #00b046;
    padding: 6px 16px;
    border-radius: 30px;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    display: inline-block;
}

/* Map Styling */
.mpe-map-wrapper {
    position: relative;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
}

.mpe-world-map {
    position: relative;
    width: 100%;
}

.mpe-world-svg {
    width: 100%;
    height: auto;
}

/* Stylized Landmass Blocks */
.map-land {
    color: #f1f5f9;
    transition: all 0.4s ease;
}

/* When corresponding region is active, highlight the landmass */
.mpe-region-card[data-region="na"].active~.row .land-na,
.mpe-region-card[data-region="na"].active~* .land-na,
.mpe-region-card.active[data-region="na"]~* .land-na {
    color: #d1fae5;
}

/* Map Pins & Pulse */
.map-pin {
    cursor: pointer;
    transition: all 0.3s ease;
}

.pin-core {
    fill: #94a3b8;
    transition: all 0.3s ease;
}

.pin-pulse {
    fill: #cbd5e1;
    fill-opacity: 0.4;
    transform-origin: center;
    animation: pinPulseAnimation 2s infinite ease-out;
    transition: all 0.3s ease;
}

/* Active Pin States */
.map-pin.active .pin-core {
    fill: #00b046;
}

.map-pin.active .pin-pulse {
    fill: #00b046;
    fill-opacity: 0.25;
    animation: pinPulseActiveAnimation 1.6s infinite ease-out;
}

@keyframes pinPulseAnimation {
    0% {
        transform: scale(0.6);
        opacity: 0.8;
    }

    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

@keyframes pinPulseActiveAnimation {
    0% {
        transform: scale(0.6);
        opacity: 0.9;
    }

    100% {
        transform: scale(2.2);
        opacity: 0;
    }
}

/* Center Total Badge Overlay */
.mpe-total-badge {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: #001e50;
    color: #ffffff;
    padding: 12px 24px;
    border-radius: 16px;
    box-shadow: 0 10px 25px rgba(0, 30, 80, 0.15);
    text-align: center;
    border-left: 4px solid #00b046;
}

.mpe-total-badge h3 {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1;
}

.mpe-total-badge p {
    margin: 4px 0 0 0;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #94a3b8;
}

/* Regions Accordion List */
.mpe-regions-container {
    column-count: 2;
    column-gap: 12px;
    display: block;
}

@media (max-width: 767px) {
    .mpe-regions-container {
        column-count: 1;
    }
}

.mpe-region-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 16px 24px;
    cursor: pointer;
    transition: all 0.6s ease;
    border-left: 4px solid transparent;
    break-inside: avoid;
    margin-bottom: 12px;
}

.mpe-region-card:hover {
    transform: translateX(4px);
    border-color: #cbd5e1;
}

.mpe-region-card.active {
    border-left-color: #00b046;
    border-color: #cbd5e1;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

.mpe-region-header {
    width: 100%;
}

.mpe-region-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #0f172a;
    margin-right: 12px;
}

.mpe-region-count {
    font-size: 0.75rem;
    font-weight: 700;
    background: #f1f5f9;
    color: #64748b;
    padding: 3px 10px;
    border-radius: 30px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mpe-region-card.active .mpe-region-count {
    background: rgba(0, 176, 70, 0.1);
    color: #00b046;
}

.mpe-region-icon {
    font-size: 0.8rem;
    color: #94a3b8;
    transition: transform 0.6s ease;
}

.mpe-region-card.active .mpe-region-icon {
    transform: rotate(90deg);
    color: #00b046;
}

/* Accordion Expand Body */
.mpe-region-body {
    max-height: 0;
    opacity: 0;
    margin-top: 0;
    padding-top: 0;
    overflow: hidden;
    border-top: 1px solid transparent;
    transition: all 0.6s ease;
}

.mpe-region-card.active .mpe-region-body {
    max-height: 400px;
    opacity: 1;
    margin-top: 16px;
    border-top: 1px solid #f1f5f9;
    padding-top: 16px;
}

/* Sites Chips Grid */
.mpe-sites-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mpe-sites-grid span {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #475569;
    padding: 6px 14px;
    border-radius: 30px;
    font-size: 0.8rem;
    font-weight: 600;
    transition: all 0.2s ease;
}

.mpe-export-section video {
    border-radius: 24px;
}

.mpe-sites-grid span:hover {
    background: #001e50;
    color: #ffffff;
    border-color: #001e50;
}

/* ==================================
   SPECIAL MACHINERIES
================================== */

.special-machinery-section {
    background: #f8fafc;
    overflow: hidden;
}

/* LEFT SIDE */

.machinerySwiper {
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
}

.machinerySwiper .swiper-slide {
    background: #fff;
}

.machinerySwiper img {
    width: 100%;
    height: 550px;
    display: block;
    object-fit: cover;
}

.machinerySwiper .swiper-pagination {
    bottom: 15px !important;
}

.machinerySwiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #ffffff;
    opacity: .6;
    transition: all .3s ease;
}

.machinerySwiper .swiper-pagination-bullet-active {
    opacity: 1;
    width: 24px;
    border-radius: 5px;
    background: #00b046;
}

/* RIGHT SIDE */

.section-tag {
    display: inline-block;
    color: #00b046;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.machinery-title {
    font-size: 42px;
    font-weight: 700;
    color: #1f2937;
    line-height: 1.15;
    margin-bottom: 15px;
}

.machinery-desc {
    color: #64748b;
    font-size: 16px;
    line-height: 1.9;
    margin: 25px 0 35px;
}

.machine-list {
    margin-bottom: 35px;
}

.machine-item {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
    transition: transform .3s ease;
}

.machine-item:hover {
    transform: translateX(4px);
}

.machine-item i {
    color: #00b046;
    font-size: 18px;
}

.machine-item span {
    font-size: 18px;
    font-weight: 600;
    color: #1f2937;
}

.form-label span {
    color: red;
}

.machinery-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 30px;
    border-radius: 50px;
    text-decoration: none;
    background: #00b046;
    color: #fff;
    font-weight: 600;
    transition: all .3s ease;
    box-shadow: 0 4px 12px rgba(0, 176, 70, .2);
}

.machinery-btn:hover {
    background: #008f37;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 176, 70, .3);
}

/* TABLET */

@media(max-width:991px) {

    .machinery-title {
        font-size: 34px;
    }

    .machinerySwiper img {
        height: 420px;
    }
}

/* MOBILE */

@media(max-width:767px) {

    .special-machinery-section {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .machinery-title {
        font-size: 28px;
    }

    .machinerySwiper img {
        height: 260px;
    }

    .machine-item span {
        font-size: 15px;
    }

    .machinery-desc {
        font-size: 15px;
    }
}

/* Responsive Footprint */
@media (max-width: 991px) {
    .mpe-map-wrapper {
        padding: 15px;
    }

    .mpe-total-badge {
        bottom: 10px;
        left: 10px;
        padding: 8px 16px;
    }

    .mpe-total-badge h3 {
        font-size: 1.4rem;
    }
}

/* conatct us */
.contact-hub-panel {
    background: linear-gradient(135deg,
            #004b2d 0%,
            #00653a 100%);

    border-radius: 24px;
    padding: 40px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.contact-hub-panel:before {
    content: "";
    position: absolute;
    top: -120px;
    right: -120px;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .04);
}

.contact-badge {
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    border-radius: 40px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .08);
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.contact-main-title {
    font-size: clamp(38px, 4vw, 24px);
    line-height: 1.08;
    margin: 0 0 15px;
    /* max-width: 900px; */
    font-weight: 600;
    color: #fff;
}

.contact-main-title span {
    color: #c8f5d5;
}

.contact-main-desc {
    /* max-width: 760px; */
    font-size: 17px;
    line-height: 1.7;
    opacity: .9;
    margin-bottom: 25px;
}

.contact-stats-mini {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 30px;
}

.contact-stats-mini div {
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .06);
    padding: 10px 16px;
    border-radius: 40px;
    font-size: 14px;
    color: #fff;
}

.contact-stats-mini strong {
    color: #fff;
    font-weight: 700;
}

.contact-cards-grid,
.contact-big-card-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-bottom: 18px;
}

.person-card {
    display: flex;
    align-items: center;
    gap: 15px;

    min-height: 110px;

    padding: 20px;

    background: rgba(255, 255, 255, .05);

    border: 1px solid rgba(255, 255, 255, .08);

    border-radius: 20px;

    transition: .3s ease;
}

.person-card:hover {
    transform: translateY(-3px);

    border-color: rgba(255, 255, 255, .15);

    box-shadow:
        0 10px 25px rgba(0, 0, 0, .12);
}

.person-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;

    background: #fff;

    color: #009245;

    border-radius: 16px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 20px;
}

.person-card:hover .person-icon,
.contact-big-card:hover .big-card-icon {
    background: var(--yellow-color);
    color: #fff;
}

.person-info span {
    display: block;

    font-size: 11px;

    letter-spacing: 1px;

    text-transform: uppercase;

    opacity: .75;
}

.person-info h5 {
    margin: 5px 0;

    color: #fff;

    font-size: 18px;

    font-weight: 600;
}

.person-info a {
    color: #d9ffdf;
    text-decoration: none;
    font-size: 15px;
}

.person-info a:hover {
    color: var(--yellow-color);
}

.contact-big-card {
    display: flex;

    gap: 18px;

    padding: 22px;

    margin-top: 18px;

    background: rgba(255, 255, 255, .05);

    border: 1px solid rgba(255, 255, 255, .08);

    border-radius: 20px;

    transition: .3s ease;
}

.contact-big-card:hover {

    border-color: rgba(255, 255, 255, .15);

    box-shadow:
        0 10px 25px rgba(0, 0, 0, .12);
}

.big-card-icon {
    width: 64px;
    height: 64px;
    min-width: 64px;
    background: #fff;
    color: #009245;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.big-card-content {
    width: 100%;
    min-width: 0;
}

.big-card-content span {
    display: block;

    font-size: 11px;

    text-transform: uppercase;

    letter-spacing: 1px;

    opacity: .75;

    margin-bottom: 8px;
}

.big-card-content h5 {
    margin: 0 0 10px;

    font-size: 18px;

    font-weight: 600;

    color: #fff;
}

.big-card-content h5 a {
    color: #fff;
    text-decoration: none;
}

.big-card-content p {
    margin: 0;

    font-size: 15px;

    line-height: 1.8;

    color: rgba(255, 255, 255, .9);
}

.big-card-content a {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.big-card-content a:hover {
    color: var(--yellow-color);
}

.contact-big-card,
.big-card-content,
.person-card,
.person-info {
    min-width: 0;
}

.text-wrap {
    text-wrap: wrap !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
}

/* TABLET */

@media(max-width:991px) {

    .contact-hub-panel {
        padding: 30px;
    }

    .contact-main-title {
        font-size: 42px;
    }

    .contact-cards-grid,
    .contact-big-card-grid {
        grid-template-columns: 1fr;
    }

    .contact-big-card {
        flex-direction: column;
    }
}

/* MOBILE */

@media(max-width:767px) {

    .contact-hub-panel {
        padding: 24px;
        border-radius: 18px;
    }

    .contact-main-title {
        font-size: 32px;
        line-height: 1.15;
    }

    .contact-main-desc {
        font-size: 15px;
        line-height: 1.7;
        margin-bottom: 20px;
    }

    .contact-stats-mini {
        gap: 10px;
        margin-bottom: 22px;
    }

    .contact-stats-mini div {
        width: 100%;
        text-align: center;
    }

    .contact-cards-grid,
    .contact-big-card-grid {
        gap: 14px;
    }

    .person-card {
        padding: 16px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        min-height: auto;
    }

    .contact-big-card {
        padding: 18px;
        gap: 14px;
    }

    .person-icon,
    .big-card-icon {
        width: 54px;
        height: 54px;
        min-width: 54px;
        border-radius: 14px;
    }

    .person-info h5,
    .big-card-content h5 {
        font-size: 17px;
    }

    .person-info a,
    .big-card-content p {
        font-size: 14px;
    }
}

/* Direct Career Application CTA Card */
.careers-direct-apply-card {
    background: linear-gradient(135deg, #001e50 0%, #002e7a 100%) !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 15px rgba(0, 30, 80, 0.15) !important;
    overflow: hidden !important;
    position: relative !important;
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.careers-direct-apply-card .card-body {
    padding: 3rem 2.5rem !important;
}

.careers-direct-apply-card .decor-shape-1 {
    position: absolute !important;
    top: 50% !important;
    left: 100% !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 50% !important;
    opacity: 0.12 !important;
    width: 300px !important;
    height: 300px !important;
    background-color: #00b046 !important;
    filter: blur(50px) !important;
    pointer-events: none !important;
}

.careers-direct-apply-card .decor-shape-2 {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 50% !important;
    opacity: 0.08 !important;
    width: 150px !important;
    height: 150px !important;
    background-color: #ffffff !important;
    filter: blur(30px) !important;
    pointer-events: none !important;
}

.careers-direct-apply-card .icon-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 60px !important;
    height: 60px !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-radius: 50% !important;
    margin-bottom: 1.5rem !important;
}

.careers-direct-apply-card .btn-direct-mail {
    font-size: 1.05rem !important;
    background-color: #ffffff !important;
    border: none !important;
    color: #001e50 !important;
    padding: 12px 36px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 12px rgba(255, 255, 255, 0.15) !important;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.careers-direct-apply-card .btn-direct-mail:hover {
    background-color: #f8fafc !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important;
}

.careers-direct-apply-card .email-text-label {
    margin-top: 8px !important;
    font-size: 0.875rem !important;
    color: rgba(255, 255, 255, 0.6) !important;
}

/* ==================== HOME PAGE PRODUCTS SCROLL ==================== */
.mte-home-products-section {
    background: #fff;
    position: relative;
    overflow: hidden;
}

.mte-products-slider-wrapper {
    padding: 20px 0;
}

/* Custom Navigation Buttons */
.mte-slider-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #334155;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 10;
}

.mte-slider-nav-btn:hover {
    background: var(--accent-color);
    color: #fff;
    box-shadow: 0 10px 25px rgba(0, 166, 0, 0.3);
}

.mte-slider-nav-btn.prev {
    left: -24px;
}

.mte-slider-nav-btn.next {
    right: -24px;
}

/* Responsive adjustment for nav buttons */
@media (max-width: 1200px) {
    .mte-slider-nav-btn.prev {
        left: -10px;
    }
    .mte-slider-nav-btn.next {
        right: -10px;
    }
}

@media (max-width: 991px) {
    .mte-slider-nav-btn {
        width: 40px;
        height: 40px;
    }
    .mte-slider-nav-btn.prev {
        left: -5px;
    }
    .mte-slider-nav-btn.next {
        right: -5px;
    }
}

.mte-view-all-btn {
    border: 2px solid var(--accent-color) !important;
    color: var(--accent-color) !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
}

.mte-view-all-btn:hover {
    background-color: var(--accent-color) !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(0, 166, 0, 0.2) !important;
}