/*
Theme Name: Hello Elementor Child theme of hello-elementor
Theme URI: 
Description: Child theme of hello-elementor theme for the Hello Elementor theme
Author: <a href="https://elementor.com/?utm_source=wp-themes&#038;utm_campaign=author-uri&#038;utm_medium=wp-dash">Elementor Team</a>
Author URI: 
Template: hello-elementor
Version: 3.4.4
*/

/* Generated by Orbisius Child Theme Creator (https://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Wed, 22 Oct 2025 11:27:58 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/


/* SPS homepage professional polish - added 2026-06-17 */
.elementor-9 {
    --sps-blue: #003479;
    --sps-ink: #102033;
    --sps-muted: #52616f;
    --sps-green: #87d861;
    --sps-border: #d9e2ec;
    color: var(--sps-ink);
}

.elementor-9 .col-banner {
    position: relative;
    overflow: hidden;
    background-position: center center !important;
}

.elementor-9 .col-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 32, 74, 0.92), rgba(0, 52, 121, 0.68) 52%, rgba(0, 52, 121, 0.18));
    pointer-events: none;
}

.elementor-9 .col-banner > .elementor-container {
    position: relative;
    z-index: 1;
}

.elementor-9 .sub-heads h2 {
    letter-spacing: 0.08em;
}

.elementor-9 .banner-head h1 {
    max-width: 760px;
    margin-bottom: 18px;
}

.elementor-9 .banner-desc p,
.elementor-9 .same-desc p {
    color: inherit;
    max-width: 760px;
}

.elementor-9 .banner-btns a,
.elementor-9 .elementor-button {
    border-radius: 8px !important;
    font-weight: 700;
    box-shadow: 0 10px 24px rgba(0, 52, 121, 0.18);
}

.elementor-9 .banner-btns a:hover,
.elementor-9 .elementor-button:hover {
    transform: translateY(-1px);
}

.elementor-9 .logo-row .elementor-container,
.elementor-9 .impact-rpw > .elementor-container,
.elementor-9 .testi-row > .elementor-container {
    align-items: stretch;
}

.elementor-9 .logo-colm > .elementor-widget-wrap {
    min-height: 132px;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid var(--sps-border);
    border-radius: 8px;
    padding: 22px !important;
    box-shadow: 0 8px 24px rgba(16, 32, 51, 0.06);
}

.elementor-9 .logo-colm img {
    max-height: 68px;
    width: auto;
    filter: grayscale(1);
    opacity: 0.82;
}

.elementor-9 .testi-colm > .elementor-widget-wrap,
.elementor-9 .impact-colm {
    border-radius: 8px;
    border: 1px solid var(--sps-border);
    box-shadow: 0 12px 32px rgba(16, 32, 51, 0.08);
}

.elementor-9 .testi-colm > .elementor-widget-wrap {
    height: auto;
    min-height: 390px;
}

.elementor-9 .project-pic img,
.elementor-9 .value-pic img {
    border-radius: 8px !important;
    box-shadow: 0 16px 36px rgba(16, 32, 51, 0.16);
}

.elementor-9 .col-value,
.elementor-9 .col-projects {
    background: linear-gradient(135deg, #003479 0%, #05274f 100%) !important;
}

.elementor-9 .same-head h1,
.elementor-9 .same-head h2 {
    letter-spacing: 0;
}

@media (max-width: 767px) {
    .elementor-9 .col-banner {
        text-align: left;
    }

    .elementor-9 .col-banner::before {
        background: rgba(0, 32, 74, 0.86);
    }

    .elementor-9 .banner-head h1 {
        font-size: 31px !important;
        line-height: 38px !important;
    }

    .elementor-9 .logo-colm > .elementor-widget-wrap {
        min-height: 100px;
    }

    .elementor-9 .testi-colm > .elementor-widget-wrap {
        min-height: unset;
    }
}