.elementor-2908 .elementor-element.elementor-element-1194914{--display:flex;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2908 .elementor-element.elementor-element-71b8e97{--display:flex;--padding-top:20px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-2908 .elementor-element.elementor-element-78890cd{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:3px;padding:0px 0px 0px 0px;}.elementor-2908 .elementor-element.elementor-element-78890cd .elementor-divider-separator{width:3%;margin:0 auto;margin-left:0;}.elementor-2908 .elementor-element.elementor-element-78890cd .elementor-divider{text-align:left;padding-block-start:5px;padding-block-end:5px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2908 .elementor-element.elementor-element-4def7b3{padding:0px 0px 0px 0px;}.elementor-2908 .elementor-element.elementor-element-4def7b3 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:32px;font-weight:500;color:#1C2674;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );font-style:var( --e-global-typography-accent-font-style );}.elementor-2908 .elementor-element.elementor-element-2054106.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-2908 .elementor-element.elementor-element-2054106 .elementor-swiper-button{font-size:30px;color:var( --e-global-color-accent );}.elementor-2908 .elementor-element.elementor-element-2054106 .elementor-swiper-button svg{fill:var( --e-global-color-accent );}.elementor-2908 .elementor-element.elementor-element-2054106 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:8px;--swiper-pagination-bullet-vertical-gap:8px;}@media(max-width:1024px){.elementor-2908 .elementor-element.elementor-element-1194914{--margin-top:50px;--margin-bottom:0px;--margin-left:020px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2908 .elementor-element.elementor-element-71b8e97{--padding-top:20px;--padding-bottom:10px;--padding-left:40px;--padding-right:40px;}.elementor-2908 .elementor-element.elementor-element-78890cd{padding:0px 0px 0px 0px;}.elementor-2908 .elementor-element.elementor-element-4def7b3{padding:0px 0px 0px 0px;}.elementor-2908 .elementor-element.elementor-element-2054106.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(max-width:767px){.elementor-2908 .elementor-element.elementor-element-1194914{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2908 .elementor-element.elementor-element-78890cd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -8px) 0px;padding:0px 0px 0px 0px;}.elementor-2908 .elementor-element.elementor-element-78890cd .elementor-divider-separator{width:7%;}.elementor-2908 .elementor-element.elementor-element-4def7b3{padding:0px 0px 0px 0px;}.elementor-2908 .elementor-element.elementor-element-2054106.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}/* Start custom CSS for html, class: .elementor-element-d71d670 */<style>
    /* MAIN CONTAINER */
    .jod-brand-container {
        font-family: 'Raleway', sans-serif;
        background-color: #f9f9f9; /* Soft Light Grey */
        color: #333333; /* Deep Slate */
        max-width: 1000px;
        margin: 0 auto;
        padding: 40px;
        border-radius: 8px;
        box-sizing: border-box; /* Ensures padding doesn't affect width */
    }

    /* HEADERS */
    .jod-header {
        margin-bottom: 30px;
    }

    .jod-main-title {
        color: #1C2674; /* JOD Navy */
        font-weight: 700;
        font-size: 2.2rem;
        line-height: 1.2;
        margin: 0 0 15px 0;
        letter-spacing: -0.5px;
    }

    .jod-green-divider {
        width: 80px;
        height: 5px;
        background-color: #8cc63f; /* JOD Green */
        border-radius: 4px;
    }

    /* TEXT BLOCKS */
    .jod-intro-text p, 
    .jod-section-context {
        font-size: 1.05rem;
        line-height: 1.6;
        color: #333333;
        margin-bottom: 25px;
    }

    /* SUB-HEADINGS */
    .jod-sub-heading {
        font-weight: 700;
        font-size: 1.5rem;
        color: #1C2674; /* JOD Navy */
        border-left: 5px solid #8cc63f; /* Green Accent */
        padding-left: 15px;
        margin-top: 40px;
        margin-bottom: 20px;
    }

    /* CARD GRID SYSTEM (Responsive) */
    .jod-card-grid {
        display: grid;
        grid-template-columns: 1fr; /* Default to 1 column for mobile */
        gap: 20px;
    }

    /* PROJECT CARDS */
    .jod-project-card {
        background-color: #ffffff;
        padding: 25px;
        border-radius: 8px;
        border: 1px solid #e0e0e0;
        border-left: 4px solid transparent; 
        box-shadow: 0 4px 6px rgba(0,0,0,0.03);
        transition: all 0.3s ease;
        display: flex;
        flex-direction: column;
    }

    /* Hover State */
    .jod-project-card:hover {
        border-left-color: #1C2674; /* Navy Border on Hover */
        box-shadow: 0 8px 16px rgba(28, 38, 116, 0.12); /* Navy Shadow */
        transform: translateY(-3px);
    }

    .jod-card-region {
        font-weight: 700;
        color: #8cc63f; /* Green Text */
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-size: 0.85rem;
        margin-bottom: 8px;
    }

    .jod-card-body {
        font-size: 1rem;
        color: #333333;
        font-weight: 500;
        line-height: 1.5;
    }

    /* PILLS CONTAINER */
    .jod-pills-container {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .jod-pill {
        background-color: #8cc63f; /* Green Background */
        color: #ffffff;
        padding: 8px 20px;
        border-radius: 50px;
        font-weight: 600;
        font-size: 0.95rem;
        box-shadow: 0 3px 8px rgba(140, 198, 63, 0.25);
        transition: background-color 0.3s ease, transform 0.2s ease;
    }

    .jod-pill:hover {
        background-color: #1C2674; /* Navy on Hover */
        transform: scale(1.05);
    }

    /* TABLET BREAKPOINT (768px and up) */
    @media (min-width: 768px) {
        .jod-card-grid {
            grid-template-columns: repeat(2, 1fr); /* Switch to 2 columns */
        }
        
        .jod-main-title {
            font-size: 2.4rem;
        }
    }

    /* MOBILE OPTIMIZATIONS (Max Width 600px) */
    @media (max-width: 600px) {
        .jod-brand-container {
            padding: 20px 15px; /* Reduce padding on small screens */
        }

        .jod-main-title {
            font-size: 1.8rem; /* Smaller Title */
        }

        .jod-sub-heading {
            font-size: 1.3rem; /* Smaller Sub-heading */
            margin-top: 30px;
        }

        .jod-project-card {
            padding: 20px; /* Slightly compact cards */
        }
    }
</style>/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4def7b3 *//* GLOBAL HEADING SIZE ADJUSTMENT */
/* Desktop View */
.elementor-2908 .elementor-element.elementor-element-4def7b3 .elementor-heading-title {
    font-size: 2.5rem !important; /* Adjust this value for desktop */
}

/* Mobile View (Phone) */
@media (max-width: 767px) {
    .elementor-2908 .elementor-element.elementor-element-4def7b3 .elementor-heading-title {
        font-size: 1.8rem !important; /* Smaller, balanced size for phone */
    }
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-2054106 *//* 1. Style the Main Slides (Rounded corners & Shadow) */
.elementor-2908 .elementor-element.elementor-element-2054106 .swiper-slide {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 15px rgba(28, 38, 116, 0.1);
    transition: transform 0.3s ease;
}

/* Hover Effect on Slides */
.elementor-2908 .elementor-element.elementor-element-2054106 .swiper-slide:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(140, 198, 63, 0.2);
    border-color: #8cc63f;
}

/* 2. Navigation Arrows (Background Removed) */
.elementor-2908 .elementor-element.elementor-element-2054106 .elementor-swiper-button {
    background-color: transparent !important; /* Removes Blue Circle */
    color: #1C2674; /* Sets Arrow Icon to JOD Navy */
    font-size: 35px; /* Adjusts size of the arrow icon */
    width: auto;
    height: auto;
    transition: all 0.3s ease;
    box-shadow: none !important; /* Removes any shadow */
}

/* Hover State for Arrows */
.elementor-2908 .elementor-element.elementor-element-2054106 .elementor-swiper-button:hover {
    background-color: transparent !important; /* Ensures no bg on hover */
    color: #8cc63f; /* Changes Arrow Icon to JOD Green */
    transform: scale(1.2); /* Slight grow effect */
}

/* 3. Pagination Dots (Bottom) */
.elementor-2908 .elementor-element.elementor-element-2054106 .swiper-pagination-bullet {
    background-color: #cccccc;
    opacity: 1;
    width: 10px;
    height: 10px;
    transition: all 0.3s ease;
}

/* Active Dot */
.elementor-2908 .elementor-element.elementor-element-2054106 .swiper-pagination-bullet-active {
    background-color: #1C2674; /* JOD Navy */
    width: 30px;
    border-radius: 10px;
}/* End custom CSS */