.elementor-1415 .elementor-element.elementor-element-61ad4f34{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-1415 .elementor-element.elementor-element-314df8f0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1415 .elementor-element.elementor-element-314df8f0 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:48px;font-weight:800;line-height:48px;letter-spacing:-0.025em;color:#0F1729;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1415 .elementor-element.elementor-element-1c3c01eb{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;}.elementor-1415 .elementor-element.elementor-element-1c3c01eb a{color:#007BC2;}@media(max-width:767px){.elementor-1415 .elementor-element.elementor-element-314df8f0 .elementor-heading-title{font-size:36px;line-height:40px;}}/* Start custom CSS */:root {
    --button-outline: #0000001a;
    --badge-outline: #0000000d;
    --opaque-button-border-intensity: -8;
    --elevate-1: #00000008;
    --elevate-2: #00000014;
    --primary: 202 100% 38%;
    --primary-foreground: 0 0% 100%;
    --secondary: 190 100% 45%;
    --secondary-foreground: 0 0% 100%;
    --background: 0 0% 100%;
    --foreground: 222 47% 11%;
    --card: 0 0% 100%;
    --card-foreground: 222 47% 11%;
    --card-border: 214 32% 91%;
    --popover: 0 0% 100%;
    --popover-foreground: 222 47% 11%;
    --popover-border: 214 32% 91%;
    --muted: 210 40% 96.1%;
    --muted-foreground: 215.4 16.3% 46.9%;
    --accent: 80 97% 42%;
    --accent-foreground: 222 47% 11%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 210 40% 98%;
    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;
    --ring: 202 100% 38%;
    --app-font-sans: "Plus Jakarta Sans", sans-serif;
    --app-font-serif: Georgia, serif;
    --app-font-mono: Menlo, monospace;
    --radius: .75rem;
    --primary-border: hsl(from hsl(var(--primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
    --secondary-border: hsl(from hsl(var(--secondary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
    --muted-border: hsl(from hsl(var(--muted)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
    --accent-border: hsl(from hsl(var(--accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
    --destructive-border: hsl(from hsl(var(--destructive)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
}
.text-primary {
    color: hsl(var(--primary));
}
.text-accent {
    color: hsl(var(--accent));
}
/* Separate underline anchors */
.learnme .elementor-button-text,
.learnme .elementor-button-icon {
    position: relative;
}

/* Move only the SVG — wrapper stays fixed */
.learnme .elementor-button-icon svg {
    transform: translate3d(0, 0, 0);
    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.learnme .elementor-button:hover .elementor-button-icon svg {
    transform: translate3d(4px, 0, 0);
}

/* Hidden separate underlines */
.learnme .elementor-button-text::after,
.learnme .elementor-button-icon::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;

    width: 100%;
    height: 1px;
    background-color: currentColor;

    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Reveal both underlines */
.learnme .elementor-button:hover .elementor-button-text::after,
.learnme .elementor-button:hover .elementor-button-icon::after {
    transform: scaleX(1);
}
.iconsvg .elementor-icon{
    background-color: #8ED3031A; 
    border-radius: 16px;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rightsvg .elementor-icon{
    background-color: #007bc21a; 
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.iconsvg .elementor-icon svg{
    color: #8ed303;
}
/* Text underline only */
.loginlink .elementor-button-text {
    position: relative;
}

.loginlink .elementor-button-text::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;

    width: 100%;
    height: 1px;
    background-color: currentColor;

    transform: scaleX(0);
    transform-origin: left center;

    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.loginlink .elementor-button:hover .elementor-button-text::after {
    transform: scaleX(1);
}

.hvrblue .e-flexbox-base:hover {
    border-color: #007bc280;
}
.aspectimg img {
    object-fit: cover;
    width: 100%;
}

#newsletter .elementor-form-fields-wrapper{
    flex-wrap: nowrap;
}

#newsletter .elementor-field-type-submit {
    width: 30%;
}

#contactform .elementor-labels-above .elementor-field-group > label{
    padding-bottom: 5px!important;
}
.mshadw{
    box-shadow:
        0 1px 3px 0 #0000001A,
        0 1px 2px -1px #0000001A;
}

.elementor-form input:focus, .elementor-form textarea:focus{
    border-color: #007bc2 !important;
}
/* =====================================================
   HEADER — HERO SHOWS THROUGH + SCROLL GLASS EFFECT
===================================================== */

.elementor-location-header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;

    background: transparent !important;
}

.elementor-location-header > .elementor,
.atomic-site-header {
    background: transparent !important;
    box-shadow: none !important;

    -webkit-backdrop-filter: none;
    backdrop-filter: none;

    transition:
        background-color 300ms ease,
        box-shadow 300ms ease,
        backdrop-filter 300ms ease;
}


/* AFTER SCROLL */
.atomic-site-header.is-scrolled {
    background: rgba(255,255,255,0.90) !important;

    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);

    box-shadow:
        0 1px 3px rgba(0,0,0,.10),
        0 1px 2px -1px rgba(0,0,0,.10) !important;
}


/* =====================================================
   COMPLETE HOME HERO BACKGROUND
===================================================== */

.cg-home-hero {
    position: relative !important;
    overflow: hidden !important;

    background-color: #F8FAFC !important;

    background-image:

        /* TOP RIGHT BLUE GLOW */
        radial-gradient(
            circle,
            rgba(0,123,194,.10) 0%,
            rgba(0,123,194,.06) 40%,
            transparent 72%
        ),

        /* BOTTOM LEFT BLUE GLOW */
        radial-gradient(
            circle,
            rgba(36,183,224,.11) 0%,
            rgba(36,183,224,.06) 40%,
            transparent 72%
        ),

        /* GRID HORIZONTAL */
        linear-gradient(
            rgba(15,23,41,.03) 1px,
            transparent 1px
        ),

        /* GRID VERTICAL */
        linear-gradient(
            90deg,
            rgba(15,23,41,.03) 1px,
            transparent 1px
        ) !important;

    background-size:
        384px 384px,
        500px 500px,
        40px 40px,
        40px 40px !important;

    background-position:
        calc(100% + 160px) -160px,
        -160px calc(100% + 160px),
        0 0,
        0 0 !important;

    background-repeat:
        no-repeat,
        no-repeat,
        repeat,
        repeat !important;
}


/* =====================================================
   MOUNTAINS — NO SOLID BG, GRID CONTINUES BEHIND THEM
===================================================== */

.cg-mountains {
    background-color: transparent !important;

    background-image:
        url("https://www.cornerstonenow.com/wp-content/uploads/2026/07/mountains-outlined-4m4iY52A.png") !important;

    background-repeat: repeat-x !important;
    background-position: left bottom !important;
    background-size: auto 100% !important;
}
/* CARD */
.meet-the-team .e-con:has(> .elementor-widget-image) {
    overflow: hidden !important;
    background: #fff !important;

    border: 1px solid rgba(226, 232, 240, 0.5) !important;
    border-radius: 12px !important;

    box-shadow:
        0 1px 3px rgba(15, 23, 42, 0.10),
        0 1px 2px -1px rgba(15, 23, 42, 0.10) !important;

    transition: border-color 200ms ease !important;
}

/* HOVER — ONLY BORDER CHANGES */
.meet-the-team .e-con:has(> .elementor-widget-image):hover {
    border-color: rgba(0, 123, 194, 0.5) !important;
}


/* =========================================================
   FIXED IMAGE HEIGHT
========================================================= */

.meet-the-team .elementor-widget-image {
    width: 100% !important;
    height: 285px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

.meet-the-team .elementor-widget-image .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    background: #f1f5f9 !important;
}

.meet-the-team .elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
    max-width: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    /* Reference default */
    filter: grayscale(100%) !important;
    opacity: 0.8 !important;

    transition:
        filter 500ms cubic-bezier(.4, 0, .2, 1),
        opacity 500ms cubic-bezier(.4, 0, .2, 1) !important;
}


/* HOVER — COLOR IMAGE ONLY, NO ZOOM */
.meet-the-team
.e-con:has(> .elementor-widget-image):hover
> .elementor-widget-image img {
    filter: grayscale(0%) !important;
    opacity: 1 !important;
}/* End custom CSS */