{"id":8,"date":"2026-08-24T08:18:31","date_gmt":"2026-08-24T08:18:31","guid":{"rendered":"https:\/\/aspen.mystartupcrew.com\/?page_id=8"},"modified":"2026-08-24T17:49:26","modified_gmt":"2026-08-24T17:49:26","slug":"home","status":"publish","type":"page","link":"https:\/\/aspen.mystartupcrew.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3420c4 e-con-full e-flex e-con e-parent\" data-id=\"c3420c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2040975 elementor-widget elementor-widget-html\" data-id=\"2040975\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   ASPEN TECH \u2014 DARK SLATE PREMIUM HERO\r\n   COLOR PALETTE\r\n   #182126\r\n   #FFFFFF\r\n   #4C5C63\r\n========================================================= *\/\r\n\r\n.aspen-hero {\r\n    --aspen-dark: #182126;\r\n    --aspen-white: #FFFFFF;\r\n    --aspen-slate: #4C5C63;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 760px;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n\r\n    background: #182126;\r\n\r\n    font-family: \"Inter\", sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND SLIDER\r\n========================================================= *\/\r\n\r\n.aspen-hero__slider {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -10;\r\n    overflow: hidden;\r\n}\r\n\r\n.aspen-hero__slide {\r\n    position: absolute;\r\n    inset: -5%;\r\n\r\n    background-size: cover;\r\n    background-position: center center;\r\n    background-repeat: no-repeat;\r\n\r\n    opacity: 0;\r\n    transform: scale(1);\r\n\r\n    transition:\r\n        opacity 1.5s ease-in-out,\r\n        transform 8s cubic-bezier(.16,.65,.25,1);\r\n\r\n    will-change: opacity, transform;\r\n}\r\n\r\n.aspen-hero__slide.is-active {\r\n    opacity: 1;\r\n    transform: scale(1.11);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KEN BURNS\r\n========================================================= *\/\r\n\r\n.aspen-hero__slide:nth-child(1).is-active {\r\n    transform:\r\n        scale(1.11)\r\n        translate3d(0,0,0);\r\n}\r\n\r\n.aspen-hero__slide:nth-child(2).is-active {\r\n    transform:\r\n        scale(1.12)\r\n        translate3d(-1%,0,0);\r\n}\r\n\r\n.aspen-hero__slide:nth-child(3).is-active {\r\n    transform:\r\n        scale(1.11)\r\n        translate3d(1%,-.5%,0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DARK OVERLAY\r\n========================================================= *\/\r\n\r\n.aspen-hero__overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -8;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(24,33,38,.98) 0%,\r\n            rgba(24,33,38,.94) 25%,\r\n            rgba(24,33,38,.65) 55%,\r\n            rgba(24,33,38,.35) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM FADE\r\n========================================================= *\/\r\n\r\n.aspen-hero__bottom-fade {\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    height: 210px;\r\n\r\n    z-index: -7;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            #182126 0%,\r\n            rgba(24,33,38,.88) 35%,\r\n            rgba(24,33,38,.25) 75%,\r\n            transparent 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SOFT SLATE GLOW\r\n========================================================= *\/\r\n\r\n.aspen-hero__glow {\r\n    position: absolute;\r\n\r\n    width: 520px;\r\n    height: 520px;\r\n\r\n    right: -190px;\r\n    top: 40px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(76,92,99,.32) 0%,\r\n            rgba(76,92,99,.16) 35%,\r\n            transparent 72%\r\n        );\r\n\r\n    filter: blur(85px);\r\n\r\n    z-index: -6;\r\n\r\n    pointer-events: none;\r\n\r\n    animation:\r\n        aspenAmbientGlow 9s ease-in-out infinite;\r\n}\r\n\r\n@keyframes aspenAmbientGlow {\r\n\r\n    0%,\r\n    100% {\r\n        transform: translate3d(0,0,0);\r\n    }\r\n\r\n    50% {\r\n        transform: translate3d(-40px,25px,0);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TECHNOLOGY GRID\r\n========================================================= *\/\r\n\r\n.aspen-hero__grid {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    z-index: -5;\r\n\r\n    opacity: .16;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(255,255,255,.045) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.045) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 60px 60px;\r\n\r\n    mask-image:\r\n        linear-gradient(\r\n            90deg,\r\n            black 8%,\r\n            transparent 90%\r\n        );\r\n\r\n    -webkit-mask-image:\r\n        linear-gradient(\r\n            90deg,\r\n            black 8%,\r\n            transparent 90%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN CONTAINER\r\n========================================================= *\/\r\n\r\n.aspen-hero__container {\r\n    position: relative;\r\n    z-index: 5;\r\n\r\n    width: min(1200px,92%);\r\n    min-height: 760px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.aspen-hero__content {\r\n    width: 100%;\r\n    max-width: 730px;\r\n\r\n    padding-top: 15px;\r\n\r\n    animation:\r\n        aspenContentReveal 1s ease forwards;\r\n}\r\n\r\n@keyframes aspenContentReveal {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n.aspen-hero__eyebrow {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    gap: 10px;\r\n\r\n    padding: 9px 16px;\r\n    margin-bottom: 26px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(76,92,99,.80);\r\n\r\n    border-radius: 50px;\r\n\r\n    background:\r\n        rgba(76,92,99,.20);\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n\r\n    box-shadow:\r\n        inset 0 1px 0\r\n        rgba(255,255,255,.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW ICON\r\n========================================================= *\/\r\n\r\n.aspen-hero__eyebrow-icon {\r\n    width: 16px;\r\n    height: 16px;\r\n\r\n    flex: 0 0 16px;\r\n}\r\n\r\n.aspen-hero__eyebrow-icon circle:first-child {\r\n    fill: #4C5C63;\r\n\r\n    filter:\r\n        drop-shadow(\r\n            0 0 5px\r\n            rgba(76,92,99,.90)\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.aspen-hero__title {\r\n    margin:\r\n        0 0 25px !important;\r\n\r\n    max-width: 750px;\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        sans-serif !important;\r\n\r\n    font-size:\r\n        clamp(50px,6vw,82px) !important;\r\n\r\n    font-weight:\r\n        800 !important;\r\n\r\n    line-height:\r\n        1.02 !important;\r\n\r\n    letter-spacing:\r\n        -4px !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE GRADIENT\r\n========================================================= *\/\r\n\r\n.aspen-hero__title-gradient {\r\n\r\n    background:\r\n        linear-gradient(\r\n            100deg,\r\n            #FFFFFF 0%,\r\n            #FFFFFF 35%,\r\n            #A8B1B5 68%,\r\n            #4C5C63 100%\r\n        );\r\n\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.aspen-hero__description {\r\n    max-width: 610px;\r\n\r\n    margin:\r\n        0 0 36px !important;\r\n\r\n    color:\r\n        rgba(255,255,255,.72) !important;\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        sans-serif !important;\r\n\r\n    font-size:\r\n        17px !important;\r\n\r\n    font-weight:\r\n        400 !important;\r\n\r\n    line-height:\r\n        1.8 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n.aspen-hero__buttons {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    flex-wrap: wrap;\r\n}\r\n\r\n\r\n.aspen-hero__button {\r\n    min-height: 56px;\r\n\r\n    padding:\r\n        0 25px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 12px;\r\n\r\n    border-radius: 50px;\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        sans-serif;\r\n\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n\r\n    line-height: 1;\r\n\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease,\r\n        border-color .3s ease,\r\n        background .3s ease,\r\n        color .3s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRIMARY BUTTON\r\n========================================================= *\/\r\n\r\n.aspen-hero__button--primary {\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #4C5C63 0%,\r\n            #3E4D53 100%\r\n        );\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.12);\r\n\r\n    box-shadow:\r\n        0 12px 35px\r\n        rgba(0,0,0,.30),\r\n\r\n        inset 0 1px 0\r\n        rgba(255,255,255,.10);\r\n}\r\n\r\n\r\n.aspen-hero__button--primary:hover {\r\n\r\n    color:\r\n        #182126 !important;\r\n\r\n    transform:\r\n        translateY(-4px);\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    border-color:\r\n        #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 18px 45px\r\n        rgba(0,0,0,.38);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECONDARY BUTTON\r\n========================================================= *\/\r\n\r\n.aspen-hero__button--secondary {\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(76,92,99,.85);\r\n\r\n    background:\r\n        rgba(76,92,99,.16);\r\n\r\n    backdrop-filter:\r\n        blur(14px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(14px);\r\n}\r\n\r\n\r\n.aspen-hero__button--secondary:hover {\r\n\r\n    color:\r\n        #182126 !important;\r\n\r\n    transform:\r\n        translateY(-4px);\r\n\r\n    border-color:\r\n        #FFFFFF;\r\n\r\n    background:\r\n        #FFFFFF;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON ICON\r\n========================================================= *\/\r\n\r\n.aspen-hero__button-icon {\r\n\r\n    width: 17px;\r\n    height: 17px;\r\n\r\n    flex: 0 0 17px;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n.aspen-hero__button:hover\r\n.aspen-hero__button-icon {\r\n\r\n    transform:\r\n        translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRUST ROW\r\n========================================================= *\/\r\n\r\n.aspen-hero__trust {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 18px;\r\n\r\n    margin-top: 43px;\r\n\r\n    color:\r\n        rgba(255,255,255,.55);\r\n\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n.aspen-hero__trust-line {\r\n\r\n    width: 45px;\r\n    height: 1px;\r\n\r\n    flex: 0 0 45px;\r\n\r\n    background:\r\n        rgba(76,92,99,.85);\r\n}\r\n\r\n\r\n.aspen-hero__trust-list {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 18px;\r\n\r\n    flex-wrap: wrap;\r\n}\r\n\r\n\r\n.aspen-hero__trust-item {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CHECK ICON\r\n========================================================= *\/\r\n\r\n.aspen-hero__check {\r\n\r\n    width: 14px;\r\n    height: 14px;\r\n\r\n    flex: 0 0 14px;\r\n}\r\n\r\n\r\n.aspen-hero__check-circle {\r\n\r\n    fill:\r\n        rgba(76,92,99,.20);\r\n\r\n    stroke:\r\n        #4C5C63;\r\n\r\n    stroke-width:\r\n        1.5;\r\n}\r\n\r\n\r\n.aspen-hero__check-mark {\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        #FFFFFF;\r\n\r\n    stroke-width:\r\n        2;\r\n\r\n    stroke-linecap:\r\n        round;\r\n\r\n    stroke-linejoin:\r\n        round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDER NAVIGATION\r\n========================================================= *\/\r\n\r\n.aspen-hero__navigation {\r\n\r\n    position: absolute;\r\n\r\n    left: 50%;\r\n    bottom: 30px;\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    z-index: 30;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n}\r\n\r\n\r\n.aspen-hero__dot {\r\n\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    padding: 0;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(255,255,255,.28);\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        width .35s ease,\r\n        background .35s ease,\r\n        box-shadow .35s ease;\r\n}\r\n\r\n\r\n.aspen-hero__dot:hover {\r\n\r\n    background:\r\n        rgba(255,255,255,.65);\r\n}\r\n\r\n\r\n.aspen-hero__dot.is-active {\r\n\r\n    width: 31px;\r\n\r\n    border-radius: 20px;\r\n\r\n    background:\r\n        #4C5C63;\r\n\r\n    box-shadow:\r\n        0 0 14px\r\n        rgba(76,92,99,.70);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COUNTER\r\n========================================================= *\/\r\n\r\n.aspen-hero__counter {\r\n\r\n    position: absolute;\r\n\r\n    right: 35px;\r\n    bottom: 27px;\r\n\r\n    z-index: 30;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 5px;\r\n\r\n    color:\r\n        rgba(255,255,255,.42);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: 2px;\r\n}\r\n\r\n\r\n.aspen-hero__counter-current {\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-weight:\r\n        700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP IMAGE POSITION\r\n========================================================= *\/\r\n\r\n@media (min-width:901px) {\r\n\r\n    .aspen-hero__slide:nth-child(1) {\r\n        background-position:\r\n            center center;\r\n    }\r\n\r\n    .aspen-hero__slide:nth-child(2) {\r\n        background-position:\r\n            center 45%;\r\n    }\r\n\r\n    .aspen-hero__slide:nth-child(3) {\r\n        background-position:\r\n            center center;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:900px) {\r\n\r\n    .aspen-hero {\r\n        min-height: 700px;\r\n    }\r\n\r\n    .aspen-hero__container {\r\n\r\n        min-height: 700px;\r\n\r\n        justify-content:\r\n            center;\r\n\r\n        text-align:\r\n            center;\r\n    }\r\n\r\n    .aspen-hero__content {\r\n        max-width: 760px;\r\n    }\r\n\r\n    .aspen-hero__description {\r\n\r\n        margin-left:\r\n            auto !important;\r\n\r\n        margin-right:\r\n            auto !important;\r\n    }\r\n\r\n    .aspen-hero__buttons {\r\n        justify-content:\r\n            center;\r\n    }\r\n\r\n    .aspen-hero__trust {\r\n        justify-content:\r\n            center;\r\n    }\r\n\r\n    .aspen-hero__overlay {\r\n\r\n        background:\r\n            linear-gradient(\r\n                90deg,\r\n                rgba(24,33,38,.96),\r\n                rgba(24,33,38,.82)\r\n            );\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:600px) {\r\n\r\n    .aspen-hero {\r\n\r\n        min-height:\r\n            680px;\r\n    }\r\n\r\n    .aspen-hero__container {\r\n\r\n        width:\r\n            90%;\r\n\r\n        min-height:\r\n            680px;\r\n\r\n        padding:\r\n            70px 0 80px;\r\n    }\r\n\r\n    .aspen-hero__eyebrow {\r\n\r\n        font-size:\r\n            9px;\r\n\r\n        letter-spacing:\r\n            1.2px;\r\n    }\r\n\r\n    .aspen-hero__title {\r\n\r\n        font-size:\r\n            43px !important;\r\n\r\n        line-height:\r\n            1.05 !important;\r\n\r\n        letter-spacing:\r\n            -2.5px !important;\r\n    }\r\n\r\n    .aspen-hero__description {\r\n\r\n        font-size:\r\n            14px !important;\r\n\r\n        line-height:\r\n            1.7 !important;\r\n    }\r\n\r\n    .aspen-hero__buttons {\r\n\r\n        width:\r\n            100%;\r\n\r\n        flex-direction:\r\n            column;\r\n    }\r\n\r\n    .aspen-hero__button {\r\n        width:\r\n            100%;\r\n    }\r\n\r\n    .aspen-hero__trust {\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n        gap:\r\n            12px;\r\n    }\r\n\r\n    .aspen-hero__trust-line {\r\n        display:\r\n            none;\r\n    }\r\n\r\n    .aspen-hero__trust-list {\r\n\r\n        justify-content:\r\n            center;\r\n\r\n        gap:\r\n            12px;\r\n    }\r\n\r\n    .aspen-hero__navigation {\r\n\r\n        bottom:\r\n            23px;\r\n    }\r\n\r\n    .aspen-hero__counter {\r\n\r\n        right:\r\n            15px;\r\n\r\n        bottom:\r\n            22px;\r\n    }\r\n\r\n    .aspen-hero__grid {\r\n\r\n        opacity:\r\n            .10;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n    .aspen-hero__slide {\r\n\r\n        transition:\r\n            opacity .4s ease;\r\n\r\n        transform:\r\n            scale(1) !important;\r\n    }\r\n\r\n    .aspen-hero__glow {\r\n        animation:\r\n            none;\r\n    }\r\n\r\n    .aspen-hero__content {\r\n        animation:\r\n            none;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     ASPEN TECH HERO\r\n========================================================= -->\r\n\r\n<section\r\n    class=\"aspen-hero\"\r\n    aria-label=\"Aspen Tech\">\r\n\r\n\r\n    <!-- =====================================================\r\n         BACKGROUND SLIDER\r\n    ====================================================== -->\r\n\r\n    <div class=\"aspen-hero__slider\">\r\n\r\n        <!-- SLIDE 01 -->\r\n\r\n        <div\r\n            class=\"aspen-hero__slide is-active\"\r\n            style=\"\r\n                background-image:\r\n                url('https:\/\/aspen.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/homefallback.jpg?auto=format&fit=crop&w=2200&q=85');\r\n            \"\r\n            aria-hidden=\"false\">\r\n        <\/div>\r\n\r\n\r\n        <!-- SLIDE 02 -->\r\n\r\n        <div\r\n            class=\"aspen-hero__slide\"\r\n            style=\"\r\n                background-image:\r\n                url('https:\/\/aspen.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/images.jpg?auto=format&fit=crop&w=2200&q=85');\r\n            \"\r\n            aria-hidden=\"true\">\r\n        <\/div>\r\n\r\n\r\n        <!-- SLIDE 03 -->\r\n\r\n        <div\r\n            class=\"aspen-hero__slide\"\r\n            style=\"\r\n                background-image:\r\n                url('https:\/\/aspen.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/home1.jpg?auto=format&fit=crop&w=2200&q=85');\r\n            \"\r\n            aria-hidden=\"true\">\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         OVERLAYS\r\n    ====================================================== -->\r\n\r\n    <div class=\"aspen-hero__overlay\"><\/div>\r\n\r\n    <div class=\"aspen-hero__bottom-fade\"><\/div>\r\n\r\n    <div class=\"aspen-hero__glow\"><\/div>\r\n\r\n    <div class=\"aspen-hero__grid\"><\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         MAIN CONTENT\r\n    ====================================================== -->\r\n\r\n    <div class=\"aspen-hero__container\">\r\n\r\n        <div class=\"aspen-hero__content\">\r\n\r\n\r\n            <!-- =================================================\r\n                 EYEBROW\r\n            ================================================== -->\r\n\r\n            <div class=\"aspen-hero__eyebrow\">\r\n\r\n                <svg\r\n                    class=\"aspen-hero__eyebrow-icon\"\r\n                    viewBox=\"0 0 16 16\"\r\n                    fill=\"none\"\r\n                    aria-hidden=\"true\">\r\n\r\n                    <circle\r\n                        cx=\"8\"\r\n                        cy=\"8\"\r\n                        r=\"3.2\">\r\n                    <\/circle>\r\n\r\n                    <circle\r\n                        cx=\"8\"\r\n                        cy=\"8\"\r\n                        r=\"6\"\r\n                        fill=\"none\"\r\n                        stroke=\"#4C5C63\"\r\n                        stroke-width=\"1\"\r\n                        opacity=\".8\">\r\n                    <\/circle>\r\n\r\n                <\/svg>\r\n\r\n                Smart Technology Solutions\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 TITLE\r\n            ================================================== -->\r\n\r\n            <h1 class=\"aspen-hero__title\">\r\n\r\n                Technology That\r\n\r\n                <span class=\"aspen-hero__title-gradient\">\r\n                    Moves Business Forward.\r\n                <\/span>\r\n\r\n            <\/h1>\r\n\r\n\r\n            <!-- =================================================\r\n                 DESCRIPTION\r\n            ================================================== -->\r\n\r\n            <p class=\"aspen-hero__description\">\r\n\r\n                Intelligent technology solutions designed to help\r\n                organizations build smarter facilities, improve\r\n                operational performance, and create a more\r\n                connected future.\r\n\r\n            <\/p>\r\n\r\n\r\n            <!-- =================================================\r\n                 BUTTONS\r\n            ================================================== -->\r\n\r\n            <div class=\"aspen-hero__buttons\">\r\n\r\n\r\n                <!-- PRIMARY BUTTON -->\r\n\r\n                <a\r\n                    href=\"#solutions\"\r\n                    class=\"aspen-hero__button\r\n                           aspen-hero__button--primary\">\r\n\r\n                    Explore Solutions\r\n\r\n                    <svg\r\n                        class=\"aspen-hero__button-icon\"\r\n                        viewBox=\"0 0 20 20\"\r\n                        fill=\"none\"\r\n                        aria-hidden=\"true\">\r\n\r\n                        <path\r\n                            d=\"M4 10H16\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.7\"\r\n                            stroke-linecap=\"round\">\r\n                        <\/path>\r\n\r\n                        <path\r\n                            d=\"M11 5L16 10L11 15\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.7\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\">\r\n                        <\/path>\r\n\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n\r\n                <!-- SECONDARY BUTTON -->\r\n\r\n                <a\r\n                    href=\"#contact\"\r\n                    class=\"aspen-hero__button\r\n                           aspen-hero__button--secondary\">\r\n\r\n                    Talk to an Expert\r\n\r\n                    <svg\r\n                        class=\"aspen-hero__button-icon\"\r\n                        viewBox=\"0 0 20 20\"\r\n                        fill=\"none\"\r\n                        aria-hidden=\"true\">\r\n\r\n                        <path\r\n                            d=\"M5 15L15 5\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.7\"\r\n                            stroke-linecap=\"round\">\r\n                        <\/path>\r\n\r\n                        <path\r\n                            d=\"M8 5H15V12\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.7\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\">\r\n                        <\/path>\r\n\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 TRUST ROW\r\n            ================================================== -->\r\n\r\n            <div class=\"aspen-hero__trust\">\r\n\r\n                <div\r\n                    class=\"aspen-hero__trust-line\">\r\n                <\/div>\r\n\r\n\r\n                <div\r\n                    class=\"aspen-hero__trust-list\">\r\n\r\n\r\n                    <!-- TRUST 01 -->\r\n\r\n                    <span\r\n                        class=\"aspen-hero__trust-item\">\r\n\r\n                        <svg\r\n                            class=\"aspen-hero__check\"\r\n                            viewBox=\"0 0 16 16\"\r\n                            fill=\"none\"\r\n                            aria-hidden=\"true\">\r\n\r\n                            <circle\r\n                                class=\"aspen-hero__check-circle\"\r\n                                cx=\"8\"\r\n                                cy=\"8\"\r\n                                r=\"7\">\r\n                            <\/circle>\r\n\r\n                            <path\r\n                                class=\"aspen-hero__check-mark\"\r\n                                d=\"M4.5 8L7 10.5L11.5 5.8\">\r\n                            <\/path>\r\n\r\n                        <\/svg>\r\n\r\n                        Enterprise Ready\r\n\r\n                    <\/span>\r\n\r\n\r\n                    <!-- TRUST 02 -->\r\n\r\n                    <span\r\n                        class=\"aspen-hero__trust-item\">\r\n\r\n                        <svg\r\n                            class=\"aspen-hero__check\"\r\n                            viewBox=\"0 0 16 16\"\r\n                            fill=\"none\"\r\n                            aria-hidden=\"true\">\r\n\r\n                            <circle\r\n                                class=\"aspen-hero__check-circle\"\r\n                                cx=\"8\"\r\n                                cy=\"8\"\r\n                                r=\"7\">\r\n                            <\/circle>\r\n\r\n                            <path\r\n                                class=\"aspen-hero__check-mark\"\r\n                                d=\"M4.5 8L7 10.5L11.5 5.8\">\r\n                            <\/path>\r\n\r\n                        <\/svg>\r\n\r\n                        Smart Infrastructure\r\n\r\n                    <\/span>\r\n\r\n\r\n                    <!-- TRUST 03 -->\r\n\r\n                    <span\r\n                        class=\"aspen-hero__trust-item\">\r\n\r\n                        <svg\r\n                            class=\"aspen-hero__check\"\r\n                            viewBox=\"0 0 16 16\"\r\n                            fill=\"none\"\r\n                            aria-hidden=\"true\">\r\n\r\n                            <circle\r\n                                class=\"aspen-hero__check-circle\"\r\n                                cx=\"8\"\r\n                                cy=\"8\"\r\n                                r=\"7\">\r\n                            <\/circle>\r\n\r\n                            <path\r\n                                class=\"aspen-hero__check-mark\"\r\n                                d=\"M4.5 8L7 10.5L11.5 5.8\">\r\n                            <\/path>\r\n\r\n                        <\/svg>\r\n\r\n                        Built to Scale\r\n\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         SLIDER DOTS\r\n    ====================================================== -->\r\n\r\n    <div\r\n        class=\"aspen-hero__navigation\"\r\n        aria-label=\"Hero slider navigation\">\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"aspen-hero__dot is-active\"\r\n            data-slide=\"0\"\r\n            aria-label=\"Show slide 1\"\r\n            aria-current=\"true\">\r\n        <\/button>\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"aspen-hero__dot\"\r\n            data-slide=\"1\"\r\n            aria-label=\"Show slide 2\">\r\n        <\/button>\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"aspen-hero__dot\"\r\n            data-slide=\"2\"\r\n            aria-label=\"Show slide 3\">\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         COUNTER\r\n    ====================================================== -->\r\n\r\n    <div\r\n        class=\"aspen-hero__counter\"\r\n        aria-live=\"polite\">\r\n\r\n        <span\r\n            class=\"aspen-hero__counter-current\"\r\n            id=\"aspenHeroCurrent\">\r\n            01\r\n        <\/span>\r\n\r\n        <span>\/<\/span>\r\n\r\n        <span>03<\/span>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    \/* =====================================================\r\n       GET ELEMENTS\r\n    ===================================================== *\/\r\n\r\n    const hero =\r\n        document.querySelector(\r\n            \".aspen-hero\"\r\n        );\r\n\r\n    if (!hero) return;\r\n\r\n\r\n    const slides =\r\n        hero.querySelectorAll(\r\n            \".aspen-hero__slide\"\r\n        );\r\n\r\n\r\n    const dots =\r\n        hero.querySelectorAll(\r\n            \".aspen-hero__dot\"\r\n        );\r\n\r\n\r\n    const counter =\r\n        hero.querySelector(\r\n            \"#aspenHeroCurrent\"\r\n        );\r\n\r\n\r\n    if (!slides.length) return;\r\n\r\n\r\n    \/* =====================================================\r\n       SETTINGS\r\n    ===================================================== *\/\r\n\r\n    let currentSlide = 0;\r\n\r\n    const slideDuration = 6500;\r\n\r\n    let sliderTimer = null;\r\n\r\n\r\n    \/* =====================================================\r\n       SHOW SLIDE\r\n    ===================================================== *\/\r\n\r\n    function showSlide(index) {\r\n\r\n        if (index < 0) {\r\n            index = slides.length - 1;\r\n        }\r\n\r\n        if (index >= slides.length) {\r\n            index = 0;\r\n        }\r\n\r\n\r\n        slides.forEach(\r\n            function (slide, i) {\r\n\r\n                const active =\r\n                    i === index;\r\n\r\n                slide.classList.toggle(\r\n                    \"is-active\",\r\n                    active\r\n                );\r\n\r\n                slide.setAttribute(\r\n                    \"aria-hidden\",\r\n                    active\r\n                        ? \"false\"\r\n                        : \"true\"\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        dots.forEach(\r\n            function (dot, i) {\r\n\r\n                const active =\r\n                    i === index;\r\n\r\n                dot.classList.toggle(\r\n                    \"is-active\",\r\n                    active\r\n                );\r\n\r\n                if (active) {\r\n\r\n                    dot.setAttribute(\r\n                        \"aria-current\",\r\n                        \"true\"\r\n                    );\r\n\r\n                } else {\r\n\r\n                    dot.removeAttribute(\r\n                        \"aria-current\"\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        if (counter) {\r\n\r\n            counter.textContent =\r\n                String(index + 1)\r\n                .padStart(2, \"0\");\r\n\r\n        }\r\n\r\n\r\n        currentSlide = index;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       NEXT SLIDE\r\n    ===================================================== *\/\r\n\r\n    function nextSlide() {\r\n\r\n        showSlide(\r\n            currentSlide + 1\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       START SLIDER\r\n    ===================================================== *\/\r\n\r\n    function startSlider() {\r\n\r\n        stopSlider();\r\n\r\n        sliderTimer =\r\n            window.setInterval(\r\n                nextSlide,\r\n                slideDuration\r\n            );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       STOP SLIDER\r\n    ===================================================== *\/\r\n\r\n    function stopSlider() {\r\n\r\n        if (sliderTimer !== null) {\r\n\r\n            window.clearInterval(\r\n                sliderTimer\r\n            );\r\n\r\n            sliderTimer = null;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       DOT NAVIGATION\r\n    ===================================================== *\/\r\n\r\n    dots.forEach(\r\n        function (dot) {\r\n\r\n            dot.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    const index =\r\n                        Number(\r\n                            this.getAttribute(\r\n                                \"data-slide\"\r\n                            )\r\n                        );\r\n\r\n                    showSlide(index);\r\n\r\n                    startSlider();\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       PAUSE ON HOVER\r\n    ===================================================== *\/\r\n\r\n    hero.addEventListener(\r\n        \"mouseenter\",\r\n        function () {\r\n\r\n            stopSlider();\r\n\r\n        }\r\n    );\r\n\r\n\r\n    hero.addEventListener(\r\n        \"mouseleave\",\r\n        function () {\r\n\r\n            startSlider();\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       KEYBOARD ACCESSIBILITY\r\n    ===================================================== *\/\r\n\r\n    hero.setAttribute(\r\n        \"tabindex\",\r\n        \"0\"\r\n    );\r\n\r\n\r\n    hero.addEventListener(\r\n        \"keydown\",\r\n        function (event) {\r\n\r\n            if (event.key === \"ArrowRight\") {\r\n\r\n                showSlide(\r\n                    currentSlide + 1\r\n                );\r\n\r\n                startSlider();\r\n\r\n            }\r\n\r\n\r\n            if (event.key === \"ArrowLeft\") {\r\n\r\n                showSlide(\r\n                    currentSlide - 1\r\n                );\r\n\r\n                startSlider();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       INITIALIZE\r\n    ===================================================== *\/\r\n\r\n    showSlide(0);\r\n\r\n    startSlider();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14eb5ca e-con-full e-flex e-con e-parent\" data-id=\"14eb5ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-601333e elementor-widget elementor-widget-html\" data-id=\"601333e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ASPEN TECHNOLOGIES \u2014 MODERN ABOUT SECTION\r\n     COLOR PALETTE\r\n     #F4F6F7\r\n     #182126\r\n     #4C5C63\r\n     #FFFFFF\r\n     WordPress \/ Elementor HTML Widget\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ASPEN TECHNOLOGIES \u2014 ABOUT\r\n========================================================= *\/\r\n\r\n.aspen-about {\r\n    --aspen-bg: #F4F6F7;\r\n    --aspen-dark: #182126;\r\n    --aspen-slate: #4C5C63;\r\n    --aspen-white: #FFFFFF;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 60px 0;\r\n    background: var(--aspen-bg);\r\n    overflow: hidden;\r\n    font-family: \"Inter\", Arial, sans-serif;\r\n}\r\n\r\n.aspen-about *,\r\n.aspen-about *::before,\r\n.aspen-about *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND DECORATION\r\n========================================================= *\/\r\n\r\n.aspen-about::before {\r\n    content: \"\";\r\n    position: absolute;\r\n\r\n    right: -200px;\r\n    top: -200px;\r\n\r\n    width: 600px;\r\n    height: 600px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(76,92,99,.09),\r\n            transparent 70%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.aspen-about::after {\r\n    content: \"\";\r\n    position: absolute;\r\n\r\n    left: -120px;\r\n    bottom: -150px;\r\n\r\n    width: 450px;\r\n    height: 450px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(24,33,38,.06),\r\n            transparent 70%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.aspen-about-container {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: min(1240px, 92%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n========================================================= *\/\r\n\r\n.aspen-about-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1fr 1fr;\r\n\r\n    align-items: stretch;\r\n\r\n    width: 100%;\r\n\r\n    gap: 0;\r\n\r\n    background:\r\n        var(--aspen-white);\r\n\r\n    border-radius: 28px;\r\n\r\n    box-shadow:\r\n        0 25px 70px\r\n        rgba(24,33,38,.10);\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT IMAGE\r\n========================================================= *\/\r\n\r\n.aspen-about-image-wrap {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    min-height: 520px;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        var(--aspen-dark);\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n\r\n\/* IMAGE *\/\r\n\r\n.aspen-about-image {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n    object-position: center center;\r\n\r\n    transition:\r\n        transform 1.2s\r\n        cubic-bezier(.2,.65,.2,1);\r\n}\r\n\r\n.aspen-about-image-wrap:hover\r\n.aspen-about-image {\r\n    transform:\r\n        scale(1.04);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n.aspen-about-image-overlay {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 1;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(24,33,38,0) 0%,\r\n            rgba(24,33,38,.10) 45%,\r\n            rgba(24,33,38,.88) 100%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TECHNOLOGY GRID\r\n========================================================= *\/\r\n\r\n.aspen-about-grid-lines {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 2;\r\n\r\n    opacity: .09;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(255,255,255,.30) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.30) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size:\r\n        45px 45px;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CORNER ACCENT\r\n========================================================= *\/\r\n\r\n.aspen-about-corner {\r\n    position: absolute;\r\n\r\n    left: 28px;\r\n    top: 28px;\r\n\r\n    width: 60px;\r\n    height: 60px;\r\n\r\n    z-index: 5;\r\n\r\n    border-left:\r\n        2px solid\r\n        var(--aspen-slate);\r\n\r\n    border-top:\r\n        2px solid\r\n        var(--aspen-slate);\r\n\r\n    border-radius:\r\n        6px 0 0 0;\r\n\r\n    opacity: .85;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   YEAR BADGE\r\n========================================================= *\/\r\n\r\n.aspen-about-year {\r\n    position: absolute;\r\n\r\n    right: 28px;\r\n    top: 28px;\r\n\r\n    z-index: 6;\r\n\r\n    width: 90px;\r\n    height: 90px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #182126 0%,\r\n            #4C5C63 100%\r\n        );\r\n\r\n    border:\r\n        5px solid\r\n        rgba(255,255,255,.90);\r\n\r\n    box-shadow:\r\n        0 15px 40px\r\n        rgba(24,33,38,.30);\r\n}\r\n\r\n.aspen-about-year strong {\r\n    margin: 0;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 22px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing:\r\n        -.5px;\r\n}\r\n\r\n.aspen-about-year span {\r\n    margin-top: 4px;\r\n\r\n    color:\r\n        rgba(255,255,255,.72);\r\n\r\n    font-size: 7px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing:\r\n        1.5px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE BOTTOM CONTENT\r\n========================================================= *\/\r\n\r\n.aspen-about-image-content {\r\n    position: absolute;\r\n\r\n    left: 35px;\r\n    right: 35px;\r\n    bottom: 32px;\r\n\r\n    z-index: 6;\r\n}\r\n\r\n\r\n.aspen-about-image-label {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 10px;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing:\r\n        2.5px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.aspen-about-image-label::before {\r\n    content: \"\";\r\n\r\n    width: 30px;\r\n    height: 2px;\r\n\r\n    background:\r\n        var(--aspen-slate);\r\n}\r\n\r\n\r\n.aspen-about-image-content h3 {\r\n    margin: 0 !important;\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif !important;\r\n\r\n    font-size:\r\n        26px !important;\r\n\r\n    line-height:\r\n        1.1 !important;\r\n\r\n    font-weight:\r\n        700 !important;\r\n\r\n    letter-spacing:\r\n        -.5px !important;\r\n}\r\n\r\n\r\n.aspen-about-image-content p {\r\n    margin:\r\n        8px 0 0 !important;\r\n\r\n    color:\r\n        rgba(255,255,255,.65) !important;\r\n\r\n    font-size:\r\n        10px !important;\r\n\r\n    line-height:\r\n        1.6 !important;\r\n\r\n    letter-spacing:\r\n        .5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT CONTENT\r\n========================================================= *\/\r\n\r\n.aspen-about-content {\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    width: 100%;\r\n\r\n    padding:\r\n        55px 55px 55px 60px;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    min-height:\r\n        520px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n.aspen-about-eyebrow {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    margin-bottom: 16px;\r\n\r\n    color:\r\n        var(--aspen-slate);\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing:\r\n        2.5px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.aspen-about-eyebrow span {\r\n    display: block;\r\n\r\n    width: 32px;\r\n    height: 2px;\r\n\r\n    background:\r\n        var(--aspen-slate);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.aspen-about-title {\r\n    margin:\r\n        0 0 20px !important;\r\n\r\n    color:\r\n        var(--aspen-dark) !important;\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif !important;\r\n\r\n    font-size:\r\n        clamp(40px, 4.2vw, 58px) !important;\r\n\r\n    line-height:\r\n        1.02 !important;\r\n\r\n    font-weight:\r\n        800 !important;\r\n\r\n    letter-spacing:\r\n        -3px !important;\r\n}\r\n\r\n\r\n.aspen-about-title span {\r\n    display: block;\r\n\r\n    color:\r\n        var(--aspen-slate);\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #182126,\r\n            #4C5C63\r\n        );\r\n\r\n    -webkit-background-clip:\r\n        text;\r\n\r\n    -webkit-text-fill-color:\r\n        transparent;\r\n\r\n    background-clip:\r\n        text;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEAD\r\n========================================================= *\/\r\n\r\n.aspen-about-lead {\r\n    margin:\r\n        0 0 16px !important;\r\n\r\n    color:\r\n        var(--aspen-dark) !important;\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif !important;\r\n\r\n    font-size:\r\n        17px !important;\r\n\r\n    line-height:\r\n        1.6 !important;\r\n\r\n    font-weight:\r\n        600 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BODY TEXT\r\n========================================================= *\/\r\n\r\n.aspen-about-text {\r\n    margin:\r\n        0 0 12px !important;\r\n\r\n    color:\r\n        #4C5C63 !important;\r\n\r\n    font-size:\r\n        12.5px !important;\r\n\r\n    line-height:\r\n        1.8 !important;\r\n\r\n    font-weight:\r\n        400 !important;\r\n}\r\n\r\n.aspen-about-text:last-of-type {\r\n    margin-bottom:\r\n        0 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MISSION\r\n========================================================= *\/\r\n\r\n.aspen-about-mission {\r\n    position: relative;\r\n\r\n    margin-top:\r\n        22px;\r\n\r\n    padding:\r\n        22px 26px 22px 28px;\r\n\r\n    background:\r\n        #F4F6F7;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(76,92,99,.10);\r\n\r\n    border-radius:\r\n        14px;\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    transition:\r\n        all .3s ease;\r\n}\r\n\r\n\r\n.aspen-about-mission:hover {\r\n    background:\r\n        #FFFFFF;\r\n\r\n    border-color:\r\n        rgba(76,92,99,.25);\r\n\r\n    box-shadow:\r\n        0 12px 30px\r\n        rgba(24,33,38,.07);\r\n\r\n    transform:\r\n        translateY(-2px);\r\n}\r\n\r\n\r\n.aspen-about-mission::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n\r\n    width: 4px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            #182126,\r\n            #4C5C63\r\n        );\r\n}\r\n\r\n\r\n.aspen-about-mission::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 200px;\r\n    height: 200px;\r\n\r\n    right: -80px;\r\n    top: -80px;\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    background:\r\n        rgba(76,92,99,.07);\r\n\r\n    filter:\r\n        blur(30px);\r\n\r\n    pointer-events:\r\n        none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MISSION TITLE\r\n========================================================= *\/\r\n\r\n.aspen-about-mission-title {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    color:\r\n        var(--aspen-dark);\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing:\r\n        2px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.aspen-about-mission-title svg {\r\n    width: 16px;\r\n    height: 16px;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        var(--aspen-slate);\r\n\r\n    stroke-width:\r\n        2;\r\n\r\n    stroke-linecap:\r\n        round;\r\n\r\n    stroke-linejoin:\r\n        round;\r\n}\r\n\r\n\r\n.aspen-about-mission p {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n    color:\r\n        #4C5C63 !important;\r\n\r\n    font-size:\r\n        10.5px !important;\r\n\r\n    line-height:\r\n        1.8 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.aspen-about-cta {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 20px;\r\n\r\n    margin-top:\r\n        25px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n========================================================= *\/\r\n\r\n.aspen-about-button {\r\n    position: relative;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 12px;\r\n\r\n    min-height:\r\n        50px;\r\n\r\n    padding:\r\n        0 28px;\r\n\r\n    background:\r\n        var(--aspen-dark);\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    border:\r\n        1px solid\r\n        var(--aspen-dark);\r\n\r\n    border-radius:\r\n        50px;\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    font-weight:\r\n        600;\r\n\r\n    letter-spacing:\r\n        .3px;\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    box-shadow:\r\n        0 12px 30px\r\n        rgba(24,33,38,.18);\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        background .35s ease,\r\n        box-shadow .35s ease;\r\n}\r\n\r\n\r\n.aspen-about-button:hover {\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    background:\r\n        var(--aspen-slate);\r\n\r\n    border-color:\r\n        var(--aspen-slate);\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n\r\n    box-shadow:\r\n        0 18px 40px\r\n        rgba(24,33,38,.25);\r\n}\r\n\r\n\r\n.aspen-about-button svg {\r\n    width: 16px;\r\n    height: 16px;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        currentColor;\r\n\r\n    stroke-width:\r\n        2;\r\n\r\n    stroke-linecap:\r\n        round;\r\n\r\n    stroke-linejoin:\r\n        round;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.aspen-about-button:hover svg {\r\n    transform:\r\n        translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON SHINE\r\n========================================================= *\/\r\n\r\n.aspen-about-button::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: -120%;\r\n    top: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(255,255,255,.14),\r\n            transparent\r\n        );\r\n\r\n    transition:\r\n        left .55s ease;\r\n}\r\n\r\n\r\n.aspen-about-button:hover::before {\r\n    left:\r\n        120%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA NOTE\r\n========================================================= *\/\r\n\r\n.aspen-about-note {\r\n    color:\r\n        #4C5C63;\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    line-height:\r\n        1.6;\r\n\r\n    letter-spacing:\r\n        .3px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:1050px) {\r\n\r\n    .aspen-about {\r\n        padding:\r\n            80px 0;\r\n    }\r\n\r\n    .aspen-about-grid {\r\n        border-radius:\r\n            20px;\r\n    }\r\n\r\n    .aspen-about-content {\r\n        padding:\r\n            40px 35px;\r\n\r\n        min-height:\r\n            auto;\r\n    }\r\n\r\n    .aspen-about-image-wrap {\r\n        min-height:\r\n            400px;\r\n\r\n        height:\r\n            100%;\r\n    }\r\n\r\n    .aspen-about-title {\r\n        font-size:\r\n            40px !important;\r\n\r\n        letter-spacing:\r\n            -2px !important;\r\n    }\r\n\r\n    .aspen-about-lead {\r\n        font-size:\r\n            15px !important;\r\n    }\r\n\r\n    .aspen-about-text {\r\n        font-size:\r\n            11.5px !important;\r\n    }\r\n\r\n    .aspen-about-mission p {\r\n        font-size:\r\n            10px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:850px) {\r\n\r\n    .aspen-about {\r\n        padding:\r\n            60px 0;\r\n    }\r\n\r\n    .aspen-about-grid {\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        border-radius:\r\n            18px;\r\n    }\r\n\r\n    .aspen-about-image-wrap {\r\n        min-height:\r\n            380px;\r\n\r\n        height:\r\n            380px;\r\n    }\r\n\r\n    .aspen-about-content {\r\n        padding:\r\n            38px 28px;\r\n\r\n        min-height:\r\n            auto;\r\n    }\r\n\r\n    .aspen-about-title {\r\n        font-size:\r\n            36px !important;\r\n    }\r\n\r\n    .aspen-about-year {\r\n        width:\r\n            78px;\r\n\r\n        height:\r\n            78px;\r\n\r\n        right:\r\n            20px;\r\n\r\n        top:\r\n            20px;\r\n\r\n        border-width:\r\n            4px;\r\n    }\r\n\r\n    .aspen-about-year strong {\r\n        font-size:\r\n            18px;\r\n    }\r\n\r\n    .aspen-about-year span {\r\n        font-size:\r\n            6px;\r\n\r\n        letter-spacing:\r\n            1px;\r\n    }\r\n\r\n    .aspen-about-corner {\r\n        left:\r\n            20px;\r\n\r\n        top:\r\n            20px;\r\n\r\n        width:\r\n            45px;\r\n\r\n        height:\r\n            45px;\r\n    }\r\n\r\n    .aspen-about-image-content {\r\n        left:\r\n            25px;\r\n\r\n        right:\r\n            25px;\r\n\r\n        bottom:\r\n            25px;\r\n    }\r\n\r\n    .aspen-about-image-content h3 {\r\n        font-size:\r\n            21px !important;\r\n    }\r\n\r\n    .aspen-about-cta {\r\n        flex-direction:\r\n            column;\r\n\r\n        align-items:\r\n            flex-start;\r\n\r\n        gap:\r\n            12px;\r\n    }\r\n\r\n    .aspen-about-button {\r\n        min-height:\r\n            44px;\r\n\r\n        padding:\r\n            0 22px;\r\n\r\n        font-size:\r\n            11px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:480px) {\r\n\r\n    .aspen-about-image-wrap {\r\n        min-height:\r\n            280px;\r\n\r\n        height:\r\n            280px;\r\n    }\r\n\r\n    .aspen-about-content {\r\n        padding:\r\n            30px 20px;\r\n    }\r\n\r\n    .aspen-about-title {\r\n        font-size:\r\n            30px !important;\r\n\r\n        letter-spacing:\r\n            -1.5px !important;\r\n    }\r\n\r\n    .aspen-about-lead {\r\n        font-size:\r\n            14px !important;\r\n    }\r\n\r\n    .aspen-about-text {\r\n        font-size:\r\n            11px !important;\r\n    }\r\n\r\n    .aspen-about-mission {\r\n        padding:\r\n            18px;\r\n    }\r\n\r\n    .aspen-about-mission p {\r\n        font-size:\r\n            9.5px !important;\r\n    }\r\n\r\n    .aspen-about-year {\r\n        width:\r\n            65px;\r\n\r\n        height:\r\n            65px;\r\n\r\n        right:\r\n            14px;\r\n\r\n        top:\r\n            14px;\r\n\r\n        border-width:\r\n            3px;\r\n    }\r\n\r\n    .aspen-about-year strong {\r\n        font-size:\r\n            15px;\r\n    }\r\n\r\n    .aspen-about-year span {\r\n        font-size:\r\n            5.5px;\r\n\r\n        letter-spacing:\r\n            .8px;\r\n\r\n        margin-top:\r\n            2px;\r\n    }\r\n\r\n    .aspen-about-corner {\r\n        left:\r\n            14px;\r\n\r\n        top:\r\n            14px;\r\n\r\n        width:\r\n            35px;\r\n\r\n        height:\r\n            35px;\r\n\r\n        border-width:\r\n            1.5px;\r\n    }\r\n\r\n    .aspen-about-image-content h3 {\r\n        font-size:\r\n            18px !important;\r\n    }\r\n\r\n    .aspen-about-button {\r\n        min-height:\r\n            38px;\r\n\r\n        padding:\r\n            0 16px;\r\n\r\n        font-size:\r\n            10px;\r\n\r\n        gap:\r\n            8px;\r\n    }\r\n\r\n    .aspen-about-button svg {\r\n        width:\r\n            13px;\r\n\r\n        height:\r\n            13px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     ASPEN TECHNOLOGIES \u2014 ABOUT SECTION\r\n========================================================= -->\r\n\r\n<section class=\"aspen-about\">\r\n\r\n    <div class=\"aspen-about-container\">\r\n\r\n        <div class=\"aspen-about-grid\">\r\n\r\n\r\n            <!-- =================================================\r\n                 LEFT \u2014 IMAGE\r\n            ================================================== -->\r\n\r\n            <div class=\"aspen-about-image-wrap\">\r\n\r\n                <img decoding=\"async\"\r\n                    class=\"aspen-about-image\"\r\n                    src=\"https:\/\/aspen.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/aspen.jpg\"\r\n                    alt=\"Aspen Technologies infrastructure\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"aspen-about-image-overlay\"><\/div>\r\n\r\n                <div class=\"aspen-about-grid-lines\"><\/div>\r\n\r\n                <div class=\"aspen-about-corner\"><\/div>\r\n\r\n\r\n                <!-- YEAR -->\r\n\r\n                <div class=\"aspen-about-year\">\r\n\r\n                    <strong>1991<\/strong>\r\n\r\n                    <span>\r\n                        Established\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- IMAGE CONTENT -->\r\n\r\n                <div class=\"aspen-about-image-content\">\r\n\r\n                    <div class=\"aspen-about-image-label\">\r\n                        ASPEN TECHNOLOGIES\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Technology Infrastructure\r\n                        Built To Perform.\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Telecommunications \u2022 Networking \u2022 Infrastructure\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 RIGHT \u2014 CONTENT\r\n            ================================================== -->\r\n\r\n            <div class=\"aspen-about-content\">\r\n\r\n\r\n                <!-- EYEBROW -->\r\n\r\n                <div class=\"aspen-about-eyebrow\">\r\n\r\n                    <span><\/span>\r\n\r\n                    ABOUT ASPEN TECHNOLOGIES\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- TITLE -->\r\n\r\n                <h2 class=\"aspen-about-title\">\r\n\r\n                    One Source.\r\n\r\n                    <span>\r\n                        Total Solutions.\r\n                    <\/span>\r\n\r\n                <\/h2>\r\n\r\n\r\n                <!-- LEAD -->\r\n\r\n                <p class=\"aspen-about-lead\">\r\n\r\n                    Aspen Technologies is one of the nation's\r\n                    premier providers of one-source,\r\n                    total-solution technology.\r\n\r\n                <\/p>\r\n\r\n\r\n                <!-- COMPANY TEXT -->\r\n\r\n                <p class=\"aspen-about-text\">\r\n\r\n                    Since 1991, we've built our reputation by\r\n                    delivering the same high level of precision,\r\n                    accountability, and customer service to\r\n                    hundreds of small businesses as we do to\r\n                    our Fortune 500 clients.\r\n\r\n                <\/p>\r\n\r\n\r\n                <p class=\"aspen-about-text\">\r\n\r\n                    Headquartered in Tempe, Arizona, Aspen is\r\n                    a privately owned and operated company and\r\n                    a wholly owned subsidiary of Level 7\r\n                    Technologies, LLC.\r\n\r\n                <\/p>\r\n\r\n\r\n                <p class=\"aspen-about-text\">\r\n\r\n                    We proudly serve the Phoenix metro area\r\n                    and beyond, providing comprehensive design,\r\n                    engineering, and installation services for\r\n                    telecommunications, structured cabling,\r\n                    and network infrastructure systems across\r\n                    both new construction and live environments.\r\n\r\n                <\/p>\r\n\r\n\r\n                <!-- =================================================\r\n                     MISSION\r\n                ================================================== -->\r\n\r\n                <div class=\"aspen-about-mission\">\r\n\r\n                    <div class=\"aspen-about-mission-title\">\r\n\r\n                        <svg viewBox=\"0 0 20 20\">\r\n\r\n                            <path d=\"M10 2L12.3 7L18 7.7L14 11.6L15 17L10 14.3L5 17L6 11.6L2 7.7L7.7 7L10 2Z\">\r\n                            <\/path>\r\n\r\n                        <\/svg>\r\n\r\n                        OUR MISSION\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <p>\r\n\r\n                        To deliver end-to-end telecommunication\r\n                        and networking services that businesses\r\n                        can rely on \u2014 built on experience,\r\n                        technical excellence, dedicated support,\r\n                        and long-term financial stability.\r\n\r\n                        We operate with a multi-vendor approach,\r\n                        representing only proven industry leaders.\r\n                        Our goal is to implement solutions that\r\n                        balance innovative technologies with\r\n                        practical needs, backed by expert training\r\n                        and support so our clients can stay focused\r\n                        on their core business, not their\r\n                        communications.\r\n\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- =================================================\r\n                     CTA\r\n                ================================================== -->\r\n\r\n                <div class=\"aspen-about-cta\">\r\n\r\n                    <a\r\n                        href=\"#\"\r\n                        class=\"aspen-about-button\">\r\n\r\n                        Explore Our Solutions\r\n\r\n                        <svg viewBox=\"0 0 20 20\">\r\n\r\n                            <path d=\"M4 10H16\"><\/path>\r\n\r\n                            <path d=\"M11 5L16 10L11 15\"><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <div class=\"aspen-about-note\">\r\n\r\n                        Built for business.<br>\r\n                        Designed for tomorrow.\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-800bba9 e-con-full e-flex e-con e-parent\" data-id=\"800bba9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6027a16 elementor-widget elementor-widget-html\" data-id=\"6027a16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ASPEN TECH \u2014 SERVICES SLIDER\r\n     PREMIUM MONOCHROME \/ DARK GRAY PALETTE\r\n     #FFFFFF \/ #182126 \/ #4C5C63\r\n     WordPress Custom HTML\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ASPEN TECH \u2014 SERVICES SLIDER\r\n========================================================= *\/\r\n\r\n.aspen-services {\r\n    position: relative;\r\n    padding: 110px 0 120px;\r\n    background:\r\n        radial-gradient(\r\n            circle at 90% 10%,\r\n            rgba(76,92,99,.16),\r\n            transparent 30%\r\n        ),\r\n        #182126;\r\n    overflow: hidden;\r\n    font-family: \"Inter\", Arial, sans-serif;\r\n}\r\n\r\n.aspen-services *,\r\n.aspen-services *::before,\r\n.aspen-services *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GRID\r\n========================================================= *\/\r\n\r\n.aspen-services::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(255,255,255,.035) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.035) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 70px 70px;\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SOFT BACKGROUND GLOW\r\n========================================================= *\/\r\n\r\n.aspen-services::after {\r\n    content: \"\";\r\n    position: absolute;\r\n\r\n    width: 450px;\r\n    height: 450px;\r\n\r\n    right: -180px;\r\n    bottom: -220px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(76,92,99,.12);\r\n\r\n    filter: blur(90px);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.aspen-services__container {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: min(1240px, 92%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.aspen-services__header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n\r\n    gap: 50px;\r\n    margin-bottom: 55px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n.aspen-services__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n    margin-bottom: 18px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.aspen-services__eyebrow span {\r\n    display: block;\r\n\r\n    width: 32px;\r\n    height: 2px;\r\n\r\n    background: #4C5C63;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.aspen-services__title {\r\n    margin: 0 !important;\r\n\r\n    max-width: 720px;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif !important;\r\n\r\n    font-size:\r\n        clamp(38px, 5vw, 68px) !important;\r\n\r\n    line-height: 1.04 !important;\r\n\r\n    font-weight: 800 !important;\r\n\r\n    letter-spacing: -3px !important;\r\n}\r\n\r\n.aspen-services__title span {\r\n    color: #4C5C63;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.aspen-services__intro {\r\n    max-width: 400px;\r\n\r\n    margin: 0 !important;\r\n\r\n    color: rgba(255,255,255,.62) !important;\r\n\r\n    font-size: 15px !important;\r\n\r\n    line-height: 1.8 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDER\r\n========================================================= *\/\r\n\r\n.aspen-services__slider-wrap {\r\n    position: relative;\r\n}\r\n\r\n.aspen-services__slider {\r\n    display: flex;\r\n\r\n    gap: 20px;\r\n\r\n    overflow-x: auto;\r\n\r\n    cursor: grab;\r\n\r\n    scroll-behavior: smooth;\r\n\r\n    scrollbar-width: none;\r\n\r\n    user-select: none;\r\n\r\n    -webkit-overflow-scrolling: touch;\r\n\r\n    padding: 10px 5px 35px;\r\n}\r\n\r\n.aspen-services__slider::-webkit-scrollbar {\r\n    display: none;\r\n}\r\n\r\n.aspen-services__slider.is-dragging {\r\n    cursor: grabbing;\r\n\r\n    scroll-behavior: auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICE CARD\r\n========================================================= *\/\r\n\r\n.aspen-service-card {\r\n    position: relative;\r\n\r\n    flex: 0 0 calc((100% - 40px) \/ 3);\r\n\r\n    min-height: 405px;\r\n\r\n    padding: 34px;\r\n\r\n    border-radius: 24px;\r\n\r\n    border: 1px solid rgba(255,255,255,.10);\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(255,255,255,.075),\r\n            rgba(255,255,255,.025)\r\n        );\r\n\r\n    backdrop-filter: blur(18px);\r\n\r\n    -webkit-backdrop-filter: blur(18px);\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        transform .4s ease,\r\n        border-color .4s ease,\r\n        box-shadow .4s ease;\r\n}\r\n\r\n\r\n\/* CARD TOP LINE *\/\r\n\r\n.aspen-service-card::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 34px;\r\n    right: 34px;\r\n\r\n    height: 1px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(255,255,255,.25),\r\n            transparent\r\n        );\r\n\r\n    opacity: .7;\r\n}\r\n\r\n\r\n.aspen-service-card:hover {\r\n    transform: translateY(-8px);\r\n\r\n    border-color: rgba(255,255,255,.28);\r\n\r\n    box-shadow:\r\n        0 25px 70px rgba(0,0,0,.32);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SVG IMAGE AREA\r\n========================================================= *\/\r\n\r\n.aspen-service-card__image {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 175px;\r\n\r\n    margin-bottom: 28px;\r\n\r\n    border-radius: 17px;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 50% 50%,\r\n            rgba(76,92,99,.30),\r\n            transparent 65%\r\n        ),\r\n        #202C31;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n\r\n\/* IMAGE AREA BORDER *\/\r\n\r\n.aspen-service-card__image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    border: 1px solid rgba(255,255,255,.08);\r\n\r\n    border-radius: 17px;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* DECORATIVE GLOW *\/\r\n\r\n.aspen-service-card__image::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 180px;\r\n    height: 180px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(76,92,99,.18);\r\n\r\n    filter: blur(18px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN SVG\r\n========================================================= *\/\r\n\r\n.aspen-service-card__main-svg {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width: 105px;\r\n    height: 105px;\r\n\r\n    fill: none;\r\n\r\n    stroke: #FFFFFF;\r\n\r\n    stroke-width: 1.5;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n\r\n    transition:\r\n        transform .6s ease,\r\n        stroke .3s ease;\r\n}\r\n\r\n.aspen-service-card:hover\r\n.aspen-service-card__main-svg {\r\n\r\n    transform:\r\n        scale(1.12)\r\n        translateY(-4px);\r\n\r\n    stroke: #FFFFFF;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON BADGE\r\n========================================================= *\/\r\n\r\n.aspen-service-card__icon {\r\n    position: absolute;\r\n\r\n    left: 22px;\r\n    bottom: 18px;\r\n\r\n    z-index: 3;\r\n\r\n    width: 52px;\r\n    height: 52px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 14px;\r\n\r\n    background:\r\n        rgba(24,33,38,.90);\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.16);\r\n\r\n    backdrop-filter: blur(12px);\r\n}\r\n\r\n\r\n.aspen-service-card__icon svg {\r\n    width: 27px;\r\n    height: 27px;\r\n\r\n    fill: none;\r\n\r\n    stroke: #FFFFFF;\r\n\r\n    stroke-width: 1.6;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n.aspen-service-card__number {\r\n    position: absolute;\r\n\r\n    right: 25px;\r\n    top: 22px;\r\n\r\n    z-index: 5;\r\n\r\n    color:\r\n        rgba(255,255,255,.10);\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 58px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 800;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.aspen-service-card__title {\r\n    margin:\r\n        0 0 12px !important;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif !important;\r\n\r\n    font-size:\r\n        21px !important;\r\n\r\n    line-height:\r\n        1.25 !important;\r\n\r\n    font-weight:\r\n        700 !important;\r\n\r\n    letter-spacing:\r\n        -.5px !important;\r\n}\r\n\r\n\r\n.aspen-service-card__description {\r\n\r\n    min-height: 50px;\r\n\r\n    margin:\r\n        0 0 23px !important;\r\n\r\n    color:\r\n        rgba(255,255,255,.58) !important;\r\n\r\n    font-size:\r\n        13.5px !important;\r\n\r\n    line-height:\r\n        1.7 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n========================================================= *\/\r\n\r\n.aspen-service-card__btn {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 12px;\r\n\r\n    min-height: 44px;\r\n\r\n    padding:\r\n        0 22px;\r\n\r\n    border-radius: 50px;\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    font-weight:\r\n        600;\r\n\r\n    line-height: 1;\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    cursor: pointer;\r\n\r\n    color:\r\n        #182126 !important;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    border:\r\n        1px solid #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 12px 35px rgba(0,0,0,.18);\r\n\r\n    margin-top: 8px;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease,\r\n        background .3s ease,\r\n        color .3s ease;\r\n}\r\n\r\n\r\n.aspen-service-card__btn:hover {\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    background:\r\n        #4C5C63;\r\n\r\n    border-color:\r\n        #4C5C63;\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n\r\n    box-shadow:\r\n        0 18px 45px rgba(0,0,0,.28);\r\n}\r\n\r\n\r\n.aspen-service-card__btn-icon {\r\n\r\n    width: 16px;\r\n    height: 16px;\r\n\r\n    flex:\r\n        0 0 16px;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.aspen-service-card__btn:hover\r\n.aspen-service-card__btn-icon {\r\n\r\n    transform:\r\n        translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTROLS\r\n========================================================= *\/\r\n\r\n.aspen-services__controls {\r\n\r\n    display: flex;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    margin-top:\r\n        5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOTS\r\n========================================================= *\/\r\n\r\n.aspen-services__dots {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n}\r\n\r\n\r\n.aspen-services__dot {\r\n\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    padding: 0;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(255,255,255,.25);\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        width .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n\r\n.aspen-services__dot.active {\r\n\r\n    width: 28px;\r\n\r\n    border-radius: 20px;\r\n\r\n    background:\r\n        #FFFFFF;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARROWS\r\n========================================================= *\/\r\n\r\n.aspen-services__arrows {\r\n\r\n    display: flex;\r\n\r\n    gap: 10px;\r\n}\r\n\r\n\r\n.aspen-services__arrow {\r\n\r\n    width: 46px;\r\n    height: 46px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 0;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.14);\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(255,255,255,.04);\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    cursor:\r\n        pointer;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        border-color .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.aspen-services__arrow:hover {\r\n\r\n    background:\r\n        #4C5C63;\r\n\r\n    border-color:\r\n        #FFFFFF;\r\n\r\n    transform:\r\n        translateY(-2px);\r\n}\r\n\r\n\r\n.aspen-services__arrow svg {\r\n\r\n    width: 18px;\r\n    height: 18px;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        currentColor;\r\n\r\n    stroke-width:\r\n        1.7;\r\n\r\n    stroke-linecap:\r\n        round;\r\n\r\n    stroke-linejoin:\r\n        round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n    .aspen-service-card {\r\n\r\n        flex-basis:\r\n            calc((100% - 20px) \/ 2);\r\n    }\r\n\r\n    .aspen-services__header {\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n        align-items:\r\n            flex-start;\r\n\r\n        gap:\r\n            25px;\r\n    }\r\n\r\n    .aspen-service-card__btn {\r\n\r\n        min-height:\r\n            40px;\r\n\r\n        padding:\r\n            0 18px;\r\n\r\n        font-size:\r\n            11px;\r\n\r\n        gap:\r\n            10px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .aspen-services {\r\n\r\n        padding:\r\n            75px 0 80px;\r\n    }\r\n\r\n    .aspen-services__container {\r\n\r\n        width:\r\n            90%;\r\n    }\r\n\r\n    .aspen-services__title {\r\n\r\n        font-size:\r\n            40px !important;\r\n\r\n        letter-spacing:\r\n            -2px !important;\r\n    }\r\n\r\n    .aspen-services__intro {\r\n\r\n        font-size:\r\n            14px !important;\r\n    }\r\n\r\n    .aspen-service-card {\r\n\r\n        flex-basis:\r\n            88%;\r\n\r\n        min-height:\r\n            390px;\r\n\r\n        padding:\r\n            27px;\r\n    }\r\n\r\n    .aspen-service-card__image {\r\n\r\n        height:\r\n            165px;\r\n    }\r\n\r\n    .aspen-service-card__main-svg {\r\n\r\n        width:\r\n            90px;\r\n\r\n        height:\r\n            90px;\r\n    }\r\n\r\n    .aspen-service-card__btn {\r\n\r\n        min-height:\r\n            36px;\r\n\r\n        padding:\r\n            0 14px;\r\n\r\n        font-size:\r\n            10px;\r\n\r\n        gap:\r\n            8px;\r\n\r\n        border-radius:\r\n            40px;\r\n    }\r\n\r\n    .aspen-service-card__btn-icon {\r\n\r\n        width:\r\n            13px;\r\n\r\n        height:\r\n            13px;\r\n\r\n        flex:\r\n            0 0 13px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     ASPEN SERVICES\r\n========================================================= -->\r\n\r\n<section class=\"aspen-services\">\r\n\r\n    <div class=\"aspen-services__container\">\r\n\r\n\r\n        <!-- HEADER -->\r\n\r\n        <div class=\"aspen-services__header\">\r\n\r\n            <div>\r\n\r\n                <div class=\"aspen-services__eyebrow\">\r\n\r\n                    <span><\/span>\r\n\r\n                    OUR SERVICES\r\n\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"aspen-services__title\">\r\n\r\n                    Flexible Solutions\r\n\r\n                    <span>\r\n                        For Your Business Needs.\r\n                    <\/span>\r\n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"aspen-services__intro\">\r\n\r\n                From structured cabling to security,\r\n                electrical systems and data centers,\r\n                Aspen Tech delivers reliable solutions\r\n                designed around your business.\r\n\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             SLIDER\r\n        ================================================= -->\r\n\r\n        <div class=\"aspen-services__slider-wrap\">\r\n\r\n\r\n            <div\r\n                class=\"aspen-services__slider\"\r\n                id=\"aspenServicesSlider\"\r\n            >\r\n\r\n\r\n                <!-- =================================================\r\n                     CARD 01\r\n                ================================================= -->\r\n\r\n                <article class=\"aspen-service-card\">\r\n\r\n                    <span class=\"aspen-service-card__number\">\r\n                        01\r\n                    <\/span>\r\n\r\n\r\n                    <div class=\"aspen-service-card__image\">\r\n\r\n                        <svg\r\n                            class=\"aspen-service-card__main-svg\"\r\n                            viewBox=\"0 0 100 100\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n\r\n                            <rect\r\n                                x=\"18\"\r\n                                y=\"35\"\r\n                                width=\"64\"\r\n                                height=\"30\"\r\n                                rx=\"5\"\r\n                            \/>\r\n\r\n                            <path d=\"M25 42h50\"\/>\r\n                            <path d=\"M25 50h50\"\/>\r\n                            <path d=\"M25 58h50\"\/>\r\n\r\n                            <circle\r\n                                cx=\"30\"\r\n                                cy=\"42\"\r\n                                r=\"2\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"30\"\r\n                                cy=\"50\"\r\n                                r=\"2\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"30\"\r\n                                cy=\"58\"\r\n                                r=\"2\"\r\n                            \/>\r\n\r\n                            <path d=\"M82 50h8\"\/>\r\n                            <path d=\"M90 50c6 0 6 12 0 12h-8\"\/>\r\n\r\n                        <\/svg>\r\n\r\n\r\n                        <div class=\"aspen-service-card__icon\">\r\n\r\n                            <svg viewBox=\"0 0 32 32\">\r\n\r\n                                <path d=\"M7 16h18\"\/>\r\n                                <path d=\"M21 11l5 5-5 5\"\/>\r\n                                <path d=\"M4 10c3-3 7-3 10 0\"\/>\r\n                                <path d=\"M4 22c3 3 7 3 10 0\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <h3 class=\"aspen-service-card__title\">\r\n                        Structured Cabling\r\n                    <\/h3>\r\n\r\n\r\n                    <p class=\"aspen-service-card__description\">\r\n                        Design and installation of a broad\r\n                        Array of Structured Cabling solutions.\r\n                    <\/p>\r\n\r\n\r\n                    <a\r\n                        href=\"https:\/\/aspentechaz.net\/services\/structured-cabling\/\"\r\n                        class=\"aspen-service-card__btn\"\r\n                    >\r\n\r\n                        <span>\r\n                            Learn More\r\n                        <\/span>\r\n\r\n                        <svg\r\n                            class=\"aspen-service-card__btn-icon\"\r\n                            viewBox=\"0 0 24 24\"\r\n                        >\r\n\r\n                            <path\r\n                                d=\"M5 12h13\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                                fill=\"none\"\r\n                            \/>\r\n\r\n                            <path\r\n                                d=\"m13 6 6 6-6 6\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                                fill=\"none\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/a>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     CARD 02\r\n                ================================================= -->\r\n\r\n                <article class=\"aspen-service-card\">\r\n\r\n                    <span class=\"aspen-service-card__number\">\r\n                        02\r\n                    <\/span>\r\n\r\n\r\n                    <div class=\"aspen-service-card__image\">\r\n\r\n                        <svg\r\n                            class=\"aspen-service-card__main-svg\"\r\n                            viewBox=\"0 0 100 100\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n\r\n                            <path d=\"M50 15c-14 0-25 11-25 25 0 9 5 16 11 21 4 3 6 7 6 12h16c0-5 2-9 6-12 6-5 11-12 11-21 0-14-11-25-25-25z\"\/>\r\n\r\n                            <path d=\"M42 82h16\"\/>\r\n                            <path d=\"M43 88h14\"\/>\r\n\r\n                            <path d=\"M50 25v17\"\/>\r\n                            <path d=\"M42 42l8 8 8-8\"\/>\r\n\r\n                            <path d=\"M18 22l7 7\"\/>\r\n                            <path d=\"M82 22l-7 7\"\/>\r\n\r\n                            <path d=\"M14 45h10\"\/>\r\n                            <path d=\"M86 45H76\"\/>\r\n\r\n                        <\/svg>\r\n\r\n\r\n                        <div class=\"aspen-service-card__icon\">\r\n\r\n                            <svg viewBox=\"0 0 32 32\">\r\n\r\n                                <path d=\"M17 3L7 18h8l-2 11 12-17h-9z\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <h3 class=\"aspen-service-card__title\">\r\n                        Electrical Services\r\n                    <\/h3>\r\n\r\n\r\n                    <p class=\"aspen-service-card__description\">\r\n                        Full service commercial & Industrial\r\n                        Electrical Contracting Services.\r\n                    <\/p>\r\n\r\n\r\n                    <a\r\n                        href=\"https:\/\/aspentechaz.net\/services\/electrical-services\/\"\r\n                        class=\"aspen-service-card__btn\"\r\n                    >\r\n\r\n                        <span>\r\n                            Learn More\r\n                        <\/span>\r\n\r\n                        <svg\r\n                            class=\"aspen-service-card__btn-icon\"\r\n                            viewBox=\"0 0 24 24\"\r\n                        >\r\n\r\n                            <path\r\n                                d=\"M5 12h13\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                                fill=\"none\"\r\n                            \/>\r\n\r\n                            <path\r\n                                d=\"m13 6 6 6-6 6\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                                fill=\"none\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/a>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     CARD 03\r\n                ================================================= -->\r\n\r\n                <article class=\"aspen-service-card\">\r\n\r\n                    <span class=\"aspen-service-card__number\">\r\n                        03\r\n                    <\/span>\r\n\r\n\r\n                    <div class=\"aspen-service-card__image\">\r\n\r\n                        <svg\r\n                            class=\"aspen-service-card__main-svg\"\r\n                            viewBox=\"0 0 100 100\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n\r\n                            <rect\r\n                                x=\"16\"\r\n                                y=\"30\"\r\n                                width=\"68\"\r\n                                height=\"48\"\r\n                                rx=\"7\"\r\n                            \/>\r\n\r\n                            <path d=\"M25 39h50\"\/>\r\n\r\n                            <circle\r\n                                cx=\"30\"\r\n                                cy=\"35\"\r\n                                r=\"2\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"37\"\r\n                                cy=\"35\"\r\n                                r=\"2\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"50\"\r\n                                cy=\"54\"\r\n                                r=\"14\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"50\"\r\n                                cy=\"54\"\r\n                                r=\"5\"\r\n                            \/>\r\n\r\n                            <path d=\"M50 69v5\"\/>\r\n                            <path d=\"M38 76h24\"\/>\r\n\r\n                        <\/svg>\r\n\r\n\r\n                        <div class=\"aspen-service-card__icon\">\r\n\r\n                            <svg viewBox=\"0 0 32 32\">\r\n\r\n                                <path d=\"M4 16l5-5h7l6 5-6 5H9z\"\/>\r\n                                <circle cx=\"12\" cy=\"16\" r=\"2\"\/>\r\n                                <path d=\"M22 12l5-3\"\/>\r\n                                <path d=\"M22 20l5 3\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <h3 class=\"aspen-service-card__title\">\r\n                        Security\r\n                    <\/h3>\r\n\r\n\r\n                    <p class=\"aspen-service-card__description\">\r\n                        Access Control & Video Surveillance\r\n                        design and installation.\r\n                    <\/p>\r\n\r\n\r\n                    <a\r\n                        href=\"https:\/\/aspentechaz.net\/services\/security\/\"\r\n                        class=\"aspen-service-card__btn\"\r\n                    >\r\n\r\n                        <span>\r\n                            Learn More\r\n                        <\/span>\r\n\r\n                        <svg\r\n                            class=\"aspen-service-card__btn-icon\"\r\n                            viewBox=\"0 0 24 24\"\r\n                        >\r\n\r\n                            <path\r\n                                d=\"M5 12h13\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                                fill=\"none\"\r\n                            \/>\r\n\r\n                            <path\r\n                                d=\"m13 6 6 6-6 6\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                                fill=\"none\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/a>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     CARD 04\r\n                ================================================= -->\r\n\r\n                <article class=\"aspen-service-card\">\r\n\r\n                    <span class=\"aspen-service-card__number\">\r\n                        04\r\n                    <\/span>\r\n\r\n\r\n                    <div class=\"aspen-service-card__image\">\r\n\r\n                        <svg\r\n                            class=\"aspen-service-card__main-svg\"\r\n                            viewBox=\"0 0 100 100\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n\r\n                            <rect\r\n                                x=\"18\"\r\n                                y=\"18\"\r\n                                width=\"64\"\r\n                                height=\"44\"\r\n                                rx=\"4\"\r\n                            \/>\r\n\r\n                            <path d=\"M32 78h36\"\/>\r\n                            <path d=\"M50 62v16\"\/>\r\n\r\n                            <path d=\"M38 39h24\"\/>\r\n                            <path d=\"M44 33h12\"\/>\r\n\r\n                            <circle\r\n                                cx=\"50\"\r\n                                cy=\"40\"\r\n                                r=\"8\"\r\n                            \/>\r\n\r\n                            <path d=\"M47 40l5-3v6z\"\/>\r\n\r\n                        <\/svg>\r\n\r\n\r\n                        <div class=\"aspen-service-card__icon\">\r\n\r\n                            <svg viewBox=\"0 0 32 32\">\r\n\r\n                                <rect\r\n                                    x=\"5\"\r\n                                    y=\"7\"\r\n                                    width=\"22\"\r\n                                    height=\"16\"\r\n                                    rx=\"2\"\r\n                                \/>\r\n\r\n                                <path d=\"M11 28h10\"\/>\r\n                                <path d=\"M16 23v5\"\/>\r\n                                <path d=\"M13 12l6 3-6 3z\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <h3 class=\"aspen-service-card__title\">\r\n                        Audio Visual Systems\r\n                    <\/h3>\r\n\r\n\r\n                    <p class=\"aspen-service-card__description\">\r\n                        Full service Commercial Audio Visual\r\n                        systems.\r\n                    <\/p>\r\n\r\n\r\n                    <a\r\n                        href=\"https:\/\/aspentechaz.net\/services\/audio-visual-systems\/\"\r\n                        class=\"aspen-service-card__btn\"\r\n                    >\r\n\r\n                        <span>\r\n                            Learn More\r\n                        <\/span>\r\n\r\n                        <svg\r\n                            class=\"aspen-service-card__btn-icon\"\r\n                            viewBox=\"0 0 24 24\"\r\n                        >\r\n\r\n                            <path\r\n                                d=\"M5 12h13\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                                fill=\"none\"\r\n                            \/>\r\n\r\n                            <path\r\n                                d=\"m13 6 6 6-6 6\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                                fill=\"none\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/a>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     CARD 05\r\n                ================================================= -->\r\n\r\n                <article class=\"aspen-service-card\">\r\n\r\n                    <span class=\"aspen-service-card__number\">\r\n                        05\r\n                    <\/span>\r\n\r\n\r\n                    <div class=\"aspen-service-card__image\">\r\n\r\n                        <svg\r\n                            class=\"aspen-service-card__main-svg\"\r\n                            viewBox=\"0 0 100 100\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n\r\n                            <rect\r\n                                x=\"25\"\r\n                                y=\"15\"\r\n                                width=\"50\"\r\n                                height=\"22\"\r\n                                rx=\"4\"\r\n                            \/>\r\n\r\n                            <rect\r\n                                x=\"25\"\r\n                                y=\"39\"\r\n                                width=\"50\"\r\n                                height=\"22\"\r\n                                rx=\"4\"\r\n                            \/>\r\n\r\n                            <rect\r\n                                x=\"25\"\r\n                                y=\"63\"\r\n                                width=\"50\"\r\n                                height=\"22\"\r\n                                rx=\"4\"\r\n                            \/>\r\n\r\n                            <circle cx=\"34\" cy=\"26\" r=\"2\"\/>\r\n                            <circle cx=\"34\" cy=\"50\" r=\"2\"\/>\r\n                            <circle cx=\"34\" cy=\"74\" r=\"2\"\/>\r\n\r\n                            <path d=\"M44 26h20\"\/>\r\n                            <path d=\"M44 50h20\"\/>\r\n                            <path d=\"M44 74h20\"\/>\r\n\r\n                        <\/svg>\r\n\r\n\r\n                        <div class=\"aspen-service-card__icon\">\r\n\r\n                            <svg viewBox=\"0 0 32 32\">\r\n\r\n                                <rect\r\n                                    x=\"6\"\r\n                                    y=\"4\"\r\n                                    width=\"20\"\r\n                                    height=\"7\"\r\n                                    rx=\"1\"\r\n                                \/>\r\n\r\n                                <rect\r\n                                    x=\"6\"\r\n                                    y=\"13\"\r\n                                    width=\"20\"\r\n                                    height=\"7\"\r\n                                    rx=\"1\"\r\n                                \/>\r\n\r\n                                <rect\r\n                                    x=\"6\"\r\n                                    y=\"22\"\r\n                                    width=\"20\"\r\n                                    height=\"6\"\r\n                                    rx=\"1\"\r\n                                \/>\r\n\r\n                                <circle cx=\"10\" cy=\"7.5\" r=\"1\"\/>\r\n                                <circle cx=\"10\" cy=\"16.5\" r=\"1\"\/>\r\n                                <circle cx=\"10\" cy=\"25\" r=\"1\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <h3 class=\"aspen-service-card__title\">\r\n                        Data Center\r\n                    <\/h3>\r\n\r\n\r\n                    <p class=\"aspen-service-card__description\">\r\n                        Data Center Design and Installation.\r\n                    <\/p>\r\n\r\n\r\n                    <a\r\n                        href=\"https:\/\/aspentechaz.net\/services\/data-center\/\"\r\n                        class=\"aspen-service-card__btn\"\r\n                    >\r\n\r\n                        <span>\r\n                            Learn More\r\n                        <\/span>\r\n\r\n                        <svg\r\n                            class=\"aspen-service-card__btn-icon\"\r\n                            viewBox=\"0 0 24 24\"\r\n                        >\r\n\r\n                            <path\r\n                                d=\"M5 12h13\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                                fill=\"none\"\r\n                            \/>\r\n\r\n                            <path\r\n                                d=\"m13 6 6 6-6 6\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                                fill=\"none\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/a>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     CARD 06\r\n                ================================================= -->\r\n\r\n                <article class=\"aspen-service-card\">\r\n\r\n                    <span class=\"aspen-service-card__number\">\r\n                        06\r\n                    <\/span>\r\n\r\n\r\n                    <div class=\"aspen-service-card__image\">\r\n\r\n                        <svg\r\n                            class=\"aspen-service-card__main-svg\"\r\n                            viewBox=\"0 0 100 100\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n\r\n                            <rect\r\n                                x=\"24\"\r\n                                y=\"43\"\r\n                                width=\"52\"\r\n                                height=\"42\"\r\n                                rx=\"6\"\r\n                            \/>\r\n\r\n                            <path\r\n                                d=\"M34 43V31c0-11 7-18 16-18s16 7 16 18v12\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"50\"\r\n                                cy=\"62\"\r\n                                r=\"7\"\r\n                            \/>\r\n\r\n                            <path d=\"M50 69v8\"\/>\r\n\r\n                        <\/svg>\r\n\r\n\r\n                        <div class=\"aspen-service-card__icon\">\r\n\r\n                            <svg viewBox=\"0 0 32 32\">\r\n\r\n                                <rect\r\n                                    x=\"6\"\r\n                                    y=\"14\"\r\n                                    width=\"20\"\r\n                                    height=\"15\"\r\n                                    rx=\"2\"\r\n                                \/>\r\n\r\n                                <path\r\n                                    d=\"M10 14V9c0-4 2-6 6-6s6 2 6 6v5\"\r\n                                \/>\r\n\r\n                                <circle\r\n                                    cx=\"16\"\r\n                                    cy=\"21\"\r\n                                    r=\"2\"\r\n                                \/>\r\n\r\n                                <path d=\"M16 23v3\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <h3 class=\"aspen-service-card__title\">\r\n                        Access Control\r\n                    <\/h3>\r\n\r\n\r\n                    <p class=\"aspen-service-card__description\">\r\n                        An industry leader in credential-based\r\n                        access.\r\n                    <\/p>\r\n\r\n\r\n                    <a\r\n                        href=\"https:\/\/aspentechaz.net\/services\/access-control\/\"\r\n                        class=\"aspen-service-card__btn\"\r\n                    >\r\n\r\n                        <span>\r\n                            Learn More\r\n                        <\/span>\r\n\r\n                        <svg\r\n                            class=\"aspen-service-card__btn-icon\"\r\n                            viewBox=\"0 0 24 24\"\r\n                        >\r\n\r\n                            <path\r\n                                d=\"M5 12h13\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                                fill=\"none\"\r\n                            \/>\r\n\r\n                            <path\r\n                                d=\"m13 6 6 6-6 6\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                                fill=\"none\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/a>\r\n\r\n                <\/article>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 CONTROLS\r\n            ================================================= -->\r\n\r\n            <div class=\"aspen-services__controls\">\r\n\r\n\r\n                <div\r\n                    class=\"aspen-services__dots\"\r\n                    id=\"aspenServicesDots\"\r\n                >\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"aspen-services__dot active\"\r\n                        data-slide=\"0\"\r\n                        aria-label=\"Slide 1\"\r\n                    ><\/button>\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"aspen-services__dot\"\r\n                        data-slide=\"1\"\r\n                        aria-label=\"Slide 2\"\r\n                    ><\/button>\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"aspen-services__dot\"\r\n                        data-slide=\"2\"\r\n                        aria-label=\"Slide 3\"\r\n                    ><\/button>\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"aspen-services__dot\"\r\n                        data-slide=\"3\"\r\n                        aria-label=\"Slide 4\"\r\n                    ><\/button>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aspen-services__arrows\">\r\n\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"aspen-services__arrow\"\r\n                        id=\"aspenPrev\"\r\n                        aria-label=\"Previous\"\r\n                    >\r\n\r\n                        <svg viewBox=\"0 0 20 20\">\r\n\r\n                            <path d=\"M16 10H4\"\/>\r\n                            <path d=\"M9 5L4 10L9 15\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/button>\r\n\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"aspen-services__arrow\"\r\n                        id=\"aspenNext\"\r\n                        aria-label=\"Next\"\r\n                    >\r\n\r\n                        <svg viewBox=\"0 0 20 20\">\r\n\r\n                            <path d=\"M4 10H16\"\/>\r\n                            <path d=\"M11 5L16 10L11 15\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/button>\r\n\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    function initAspenServices() {\r\n\r\n        const slider =\r\n            document.getElementById(\r\n                \"aspenServicesSlider\"\r\n            );\r\n\r\n        const prev =\r\n            document.getElementById(\r\n                \"aspenPrev\"\r\n            );\r\n\r\n        const next =\r\n            document.getElementById(\r\n                \"aspenNext\"\r\n            );\r\n\r\n        const dots =\r\n            document.querySelectorAll(\r\n                \".aspen-services__dot\"\r\n            );\r\n\r\n\r\n        if (!slider || !prev || !next)\r\n            return;\r\n\r\n\r\n        const cards =\r\n            slider.querySelectorAll(\r\n                \".aspen-service-card\"\r\n            );\r\n\r\n\r\n        if (!cards.length)\r\n            return;\r\n\r\n\r\n        let isDragging = false;\r\n\r\n        let startX = 0;\r\n\r\n        let startScroll = 0;\r\n\r\n        let autoSlide = null;\r\n\r\n        let currentIndex = 0;\r\n\r\n\r\n        \/* =================================================\r\n           CARD WIDTH\r\n        ================================================= *\/\r\n\r\n        function getCardWidth() {\r\n\r\n            const card =\r\n                cards[0];\r\n\r\n            if (!card)\r\n                return 0;\r\n\r\n            const gap = 20;\r\n\r\n            return card.offsetWidth + gap;\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           TOTAL SLIDES\r\n        ================================================= *\/\r\n\r\n        function getTotalSlides() {\r\n\r\n            const width =\r\n                window.innerWidth;\r\n\r\n\r\n            if (width <= 650) {\r\n\r\n                return cards.length;\r\n\r\n            }\r\n\r\n\r\n            if (width <= 1000) {\r\n\r\n                return Math.ceil(\r\n                    cards.length \/ 2\r\n                );\r\n\r\n            }\r\n\r\n\r\n            return Math.ceil(\r\n                cards.length \/ 3\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           GO TO SLIDE\r\n        ================================================= *\/\r\n\r\n        function goToSlide(index) {\r\n\r\n            const totalSlides =\r\n                getTotalSlides();\r\n\r\n\r\n            if (index < 0) {\r\n\r\n                index =\r\n                    totalSlides - 1;\r\n\r\n            }\r\n\r\n\r\n            if (index >= totalSlides) {\r\n\r\n                index = 0;\r\n\r\n            }\r\n\r\n\r\n            currentIndex =\r\n                index;\r\n\r\n\r\n            let scrollAmount;\r\n\r\n\r\n            if (\r\n                window.innerWidth <= 650\r\n            ) {\r\n\r\n                scrollAmount =\r\n                    getCardWidth() * index;\r\n\r\n            }\r\n\r\n            else if (\r\n                window.innerWidth <= 1000\r\n            ) {\r\n\r\n                scrollAmount =\r\n                    getCardWidth() *\r\n                    (index * 2);\r\n\r\n            }\r\n\r\n            else {\r\n\r\n                scrollAmount =\r\n                    getCardWidth() *\r\n                    (index * 3);\r\n\r\n            }\r\n\r\n\r\n            slider.scrollTo({\r\n\r\n                left:\r\n                    scrollAmount,\r\n\r\n                behavior:\r\n                    \"smooth\"\r\n\r\n            });\r\n\r\n\r\n            updateDots();\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           UPDATE DOTS\r\n        ================================================= *\/\r\n\r\n        function updateDots() {\r\n\r\n            dots.forEach(\r\n                function (dot, index) {\r\n\r\n                    dot.classList.toggle(\r\n                        \"active\",\r\n                        index === currentIndex\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           NEXT\r\n        ================================================= *\/\r\n\r\n        next.addEventListener(\r\n            \"click\",\r\n            function () {\r\n\r\n                goToSlide(\r\n                    currentIndex + 1\r\n                );\r\n\r\n                restartAutoSlide();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           PREVIOUS\r\n        ================================================= *\/\r\n\r\n        prev.addEventListener(\r\n            \"click\",\r\n            function () {\r\n\r\n                goToSlide(\r\n                    currentIndex - 1\r\n                );\r\n\r\n                restartAutoSlide();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           DOTS\r\n        ================================================= *\/\r\n\r\n        dots.forEach(\r\n            function (dot, index) {\r\n\r\n                dot.addEventListener(\r\n                    \"click\",\r\n                    function () {\r\n\r\n                        goToSlide(index);\r\n\r\n                        restartAutoSlide();\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           MOUSE DRAG\r\n        ================================================= *\/\r\n\r\n        slider.addEventListener(\r\n            \"mousedown\",\r\n            function (e) {\r\n\r\n                isDragging = true;\r\n\r\n                slider.classList.add(\r\n                    \"is-dragging\"\r\n                );\r\n\r\n                startX =\r\n                    e.pageX;\r\n\r\n                startScroll =\r\n                    slider.scrollLeft;\r\n\r\n                stopAutoSlide();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        slider.addEventListener(\r\n            \"mousemove\",\r\n            function (e) {\r\n\r\n                if (!isDragging)\r\n                    return;\r\n\r\n                e.preventDefault();\r\n\r\n                const distance =\r\n                    e.pageX - startX;\r\n\r\n                slider.scrollLeft =\r\n                    startScroll - distance;\r\n\r\n            }\r\n        );\r\n\r\n\r\n        function stopDragging() {\r\n\r\n            if (!isDragging)\r\n                return;\r\n\r\n            isDragging = false;\r\n\r\n            slider.classList.remove(\r\n                \"is-dragging\"\r\n            );\r\n\r\n            restartAutoSlide();\r\n\r\n        }\r\n\r\n\r\n        slider.addEventListener(\r\n            \"mouseup\",\r\n            stopDragging\r\n        );\r\n\r\n\r\n        slider.addEventListener(\r\n            \"mouseleave\",\r\n            stopDragging\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           TOUCH SWIPE\r\n        ================================================= *\/\r\n\r\n        slider.addEventListener(\r\n            \"touchstart\",\r\n            function (e) {\r\n\r\n                startX =\r\n                    e.touches[0].pageX;\r\n\r\n                startScroll =\r\n                    slider.scrollLeft;\r\n\r\n                stopAutoSlide();\r\n\r\n            },\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n\r\n        slider.addEventListener(\r\n            \"touchmove\",\r\n            function (e) {\r\n\r\n                const distance =\r\n                    e.touches[0].pageX -\r\n                    startX;\r\n\r\n                slider.scrollLeft =\r\n                    startScroll -\r\n                    distance;\r\n\r\n            },\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n\r\n        slider.addEventListener(\r\n            \"touchend\",\r\n            function () {\r\n\r\n                restartAutoSlide();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           AUTO SLIDE\r\n        ================================================= *\/\r\n\r\n        function startAutoSlide() {\r\n\r\n            stopAutoSlide();\r\n\r\n\r\n            autoSlide =\r\n                setInterval(\r\n                    function () {\r\n\r\n                        goToSlide(\r\n                            currentIndex + 1\r\n                        );\r\n\r\n                    },\r\n                    4000\r\n                );\r\n\r\n        }\r\n\r\n\r\n        function stopAutoSlide() {\r\n\r\n            if (autoSlide) {\r\n\r\n                clearInterval(\r\n                    autoSlide\r\n                );\r\n\r\n                autoSlide = null;\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        function restartAutoSlide() {\r\n\r\n            stopAutoSlide();\r\n\r\n            startAutoSlide();\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           PAUSE ON HOVER\r\n        ================================================= *\/\r\n\r\n        slider.addEventListener(\r\n            \"mouseenter\",\r\n            function () {\r\n\r\n                stopAutoSlide();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        slider.addEventListener(\r\n            \"mouseleave\",\r\n            function () {\r\n\r\n                if (!isDragging) {\r\n\r\n                    startAutoSlide();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           RESIZE\r\n        ================================================= *\/\r\n\r\n        window.addEventListener(\r\n            \"resize\",\r\n            function () {\r\n\r\n                const totalSlides =\r\n                    getTotalSlides();\r\n\r\n\r\n                if (\r\n                    currentIndex >=\r\n                    totalSlides\r\n                ) {\r\n\r\n                    currentIndex =\r\n                        totalSlides - 1;\r\n\r\n                }\r\n\r\n\r\n                updateDots();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           START\r\n        ================================================= *\/\r\n\r\n        updateDots();\r\n\r\n        startAutoSlide();\r\n\r\n    }\r\n\r\n\r\n    \/* =================================================\r\n       WORDPRESS SAFE INIT\r\n    ================================================= *\/\r\n\r\n    if (\r\n        document.readyState ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initAspenServices\r\n        );\r\n\r\n    }\r\n\r\n    else {\r\n\r\n        initAspenServices();\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40b72af e-con-full e-flex e-con e-parent\" data-id=\"40b72af\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5cae623 elementor-widget elementor-widget-html\" data-id=\"5cae623\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ASPEN TECH \u2014 DATA CENTER\r\n     LIGHT PREMIUM CORPORATE SECTION\r\n     COLOR PALETTE:\r\n     #FFFFFF\r\n     #EEF1F3\r\n     #182126\r\n     #4C5C63\r\n     ========================================================= -->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   MAIN SECTION\r\n========================================================= *\/\r\n\r\n.aspen-dc-light {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 720px;\r\n    overflow: hidden;\r\n    background: #EEF1F3;\r\n    font-family: \"Inter\", Arial, sans-serif;\r\n}\r\n\r\n\r\n\/* SUBTLE BACKGROUND DETAIL *\/\r\n\r\n.aspen-dc-light::before {\r\n    content: \"\";\r\n    position: absolute;\r\n\r\n    width: 700px;\r\n    height: 700px;\r\n\r\n    right: 22%;\r\n    top: 50%;\r\n\r\n    transform: translateY(-50%);\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(76,92,99,.08),\r\n            transparent 68%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* TOP \/ BOTTOM FADE *\/\r\n\r\n.aspen-dc-light::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    height: 1px;\r\n\r\n    background: rgba(24,33,38,.08);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.aspen-dc-light__container {\r\n\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: min(1380px, 90%);\r\n    min-height: 720px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        48%\r\n        52%;\r\n\r\n    align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT CONTENT\r\n========================================================= *\/\r\n\r\n.aspen-dc-light__content {\r\n\r\n    position: relative;\r\n    z-index: 5;\r\n\r\n    padding:\r\n        80px\r\n        50px\r\n        80px\r\n        0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n.aspen-dc-light__eyebrow {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    color: #4C5C63;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 3px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.aspen-dc-light__eyebrow-line {\r\n\r\n    width: 42px;\r\n    height: 2px;\r\n\r\n    background: #182126;\r\n\r\n    flex: 0 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.aspen-dc-light__title {\r\n\r\n    margin:\r\n        0\r\n        0\r\n        28px\r\n        0 !important;\r\n\r\n    max-width: 650px;\r\n\r\n    color: #182126 !important;\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif !important;\r\n\r\n    font-size:\r\n        clamp(\r\n            55px,\r\n            6.5vw,\r\n            92px\r\n        ) !important;\r\n\r\n    line-height: .94 !important;\r\n\r\n    font-weight: 800 !important;\r\n\r\n    letter-spacing: -5px !important;\r\n}\r\n\r\n\r\n.aspen-dc-light__title span {\r\n\r\n    color: #4C5C63;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.aspen-dc-light__description {\r\n\r\n    max-width: 570px;\r\n\r\n    margin:\r\n        0\r\n        0\r\n        38px\r\n        0 !important;\r\n\r\n    color: #4C5C63 !important;\r\n\r\n    font-size: 16px !important;\r\n\r\n    line-height: 1.85 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STAT\r\n========================================================= *\/\r\n\r\n.aspen-dc-light__stat {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 25px;\r\n\r\n    margin-top: 5px;\r\n}\r\n\r\n\r\n\/* STAT NUMBER *\/\r\n\r\n.aspen-dc-light__stat-number {\r\n\r\n    margin: 0 !important;\r\n\r\n    color: #182126 !important;\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif !important;\r\n\r\n    font-size: 42px !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    font-weight: 800 !important;\r\n\r\n    letter-spacing: -2px !important;\r\n}\r\n\r\n\r\n.aspen-dc-light__stat-number span {\r\n\r\n    color: #4C5C63;\r\n}\r\n\r\n\r\n\/* STAT DIVIDER *\/\r\n\r\n.aspen-dc-light__stat-divider {\r\n\r\n    width: 1px;\r\n\r\n    height: 42px;\r\n\r\n    background: rgba(\r\n        24,\r\n        33,\r\n        38,\r\n        .15\r\n    );\r\n}\r\n\r\n\r\n\/* STAT TEXT *\/\r\n\r\n.aspen-dc-light__stat-text {\r\n\r\n    margin: 0 !important;\r\n\r\n    color: #4C5C63 !important;\r\n\r\n    font-size: 12px !important;\r\n\r\n    font-weight: 700 !important;\r\n\r\n    line-height: 1.5 !important;\r\n\r\n    letter-spacing: 1.5px !important;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON WRAP\r\n========================================================= *\/\r\n\r\n.aspen-dc-light__button-wrap {\r\n\r\n    margin-top: 38px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRIMARY BUTTON\r\n========================================================= *\/\r\n\r\n.aspen-dc-light__btn {\r\n\r\n    min-height: 56px;\r\n\r\n    padding:\r\n        0\r\n        28px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 12px;\r\n\r\n    border-radius: 50px;\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 1;\r\n\r\n    text-decoration: none !important;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease,\r\n        background .3s ease,\r\n        border-color .3s ease;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.aspen-dc-light__btn--primary {\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    background: #182126;\r\n\r\n    border:\r\n        1px solid\r\n        #182126;\r\n\r\n    box-shadow:\r\n        0\r\n        12px\r\n        30px\r\n        rgba(\r\n            24,\r\n            33,\r\n            38,\r\n            .18\r\n        );\r\n}\r\n\r\n\r\n.aspen-dc-light__btn--primary:hover {\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    background: #4C5C63;\r\n\r\n    border-color: #4C5C63;\r\n\r\n    transform:\r\n        translateY(-4px);\r\n\r\n    box-shadow:\r\n        0\r\n        18px\r\n        42px\r\n        rgba(\r\n            24,\r\n            33,\r\n            38,\r\n            .25\r\n        );\r\n}\r\n\r\n\r\n\/* BUTTON ICON *\/\r\n\r\n.aspen-dc-light__btn-icon {\r\n\r\n    width: 17px;\r\n    height: 17px;\r\n\r\n    flex:\r\n        0 0 17px;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.aspen-dc-light__btn:hover\r\n.aspen-dc-light__btn-icon {\r\n\r\n    transform:\r\n        translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT VISUAL\r\n========================================================= *\/\r\n\r\n.aspen-dc-light__visual {\r\n\r\n    position: relative;\r\n\r\n    height: 100%;\r\n\r\n    min-height: 720px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: flex-end;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE CONTAINER\r\n========================================================= *\/\r\n\r\n.aspen-dc-light__image {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: 620px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius:\r\n        35px\r\n        0\r\n        0\r\n        35px;\r\n\r\n    background: #182126;\r\n\r\n    box-shadow:\r\n        -25px\r\n        35px\r\n        80px\r\n        rgba(\r\n            24,\r\n            33,\r\n            38,\r\n            .16\r\n        );\r\n}\r\n\r\n\r\n\/* IMAGE *\/\r\n\r\n.aspen-dc-light__image img {\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform\r\n        1.2s\r\n        cubic-bezier(\r\n            .2,\r\n            .7,\r\n            .2,\r\n            1\r\n        );\r\n}\r\n\r\n\r\n.aspen-dc-light__image:hover img {\r\n\r\n    transform:\r\n        scale(1.045);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n.aspen-dc-light__image::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(\r\n                24,\r\n                33,\r\n                38,\r\n                .30\r\n            ),\r\n            rgba(\r\n                24,\r\n                33,\r\n                38,\r\n                .04\r\n            ) 48%,\r\n            transparent\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING BADGE\r\n========================================================= *\/\r\n\r\n.aspen-dc-light__badge {\r\n\r\n    position: absolute;\r\n\r\n    left: -35px;\r\n\r\n    bottom: 75px;\r\n\r\n    z-index: 5;\r\n\r\n    width: 150px;\r\n    height: 150px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #182126;\r\n\r\n    color: #FFFFFF;\r\n\r\n    box-shadow:\r\n        0\r\n        20px\r\n        50px\r\n        rgba(\r\n            24,\r\n            33,\r\n            38,\r\n            .25\r\n        );\r\n\r\n    text-align: center;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .08\r\n        );\r\n}\r\n\r\n\r\n\/* BADGE ICON *\/\r\n\r\n.aspen-dc-light__badge-icon {\r\n\r\n    width: 32px;\r\n    height: 32px;\r\n\r\n    margin-bottom: 10px;\r\n\r\n    fill: none;\r\n\r\n    stroke: #FFFFFF;\r\n\r\n    stroke-width: 1.5;\r\n\r\n    stroke-linecap: round;\r\n\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* BADGE TEXT *\/\r\n\r\n.aspen-dc-light__badge-text {\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .75\r\n        );\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.5;\r\n\r\n    letter-spacing: 1.5px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING LABEL\r\n========================================================= *\/\r\n\r\n.aspen-dc-light__label {\r\n\r\n    position: absolute;\r\n\r\n    top: 50px;\r\n\r\n    right: 35px;\r\n\r\n    z-index: 5;\r\n\r\n    padding:\r\n        9px\r\n        14px;\r\n\r\n    border-radius: 30px;\r\n\r\n    background:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .94\r\n        );\r\n\r\n    color: #182126;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.5px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    box-shadow:\r\n        0\r\n        10px\r\n        30px\r\n        rgba(\r\n            24,\r\n            33,\r\n            38,\r\n            .10\r\n        );\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(10px);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            24,\r\n            33,\r\n            38,\r\n            .08\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE NUMBER DETAIL\r\n========================================================= *\/\r\n\r\n.aspen-dc-light__image-number {\r\n\r\n    position: absolute;\r\n\r\n    left: 30px;\r\n\r\n    top: 30px;\r\n\r\n    z-index: 5;\r\n\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .18\r\n        );\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .aspen-dc-light__container {\r\n\r\n        grid-template-columns:\r\n            46%\r\n            54%;\r\n    }\r\n\r\n    .aspen-dc-light__content {\r\n\r\n        padding-right: 35px;\r\n    }\r\n\r\n    .aspen-dc-light__title {\r\n\r\n        font-size:\r\n            clamp(\r\n                50px,\r\n                6vw,\r\n                76px\r\n            ) !important;\r\n    }\r\n\r\n    .aspen-dc-light__description {\r\n\r\n        font-size: 15px !important;\r\n    }\r\n\r\n    .aspen-dc-light__image {\r\n\r\n        height: 590px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET \/ MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n    .aspen-dc-light {\r\n\r\n        min-height: auto;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__container {\r\n\r\n        min-height: auto;\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        width: 90%;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__content {\r\n\r\n        padding:\r\n            90px\r\n            0\r\n            60px;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__visual {\r\n\r\n        min-height: auto;\r\n\r\n        padding-bottom: 70px;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__image {\r\n\r\n        height: 550px;\r\n\r\n        border-radius: 28px;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__badge {\r\n\r\n        left: 25px;\r\n\r\n        bottom: 35px;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__btn {\r\n\r\n        min-height: 48px;\r\n\r\n        padding:\r\n            0\r\n            22px;\r\n\r\n        font-size: 13px;\r\n\r\n        gap: 10px;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__btn-icon {\r\n\r\n        width: 16px;\r\n        height: 16px;\r\n\r\n        flex-basis: 16px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .aspen-dc-light__container {\r\n\r\n        width: 88%;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__content {\r\n\r\n        padding:\r\n            70px\r\n            0\r\n            45px;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__eyebrow {\r\n\r\n        font-size: 9px;\r\n\r\n        letter-spacing: 2px;\r\n\r\n        gap: 9px;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__eyebrow-line {\r\n\r\n        width: 28px;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__title {\r\n\r\n        font-size: 50px !important;\r\n\r\n        line-height: .96 !important;\r\n\r\n        letter-spacing: -3px !important;\r\n\r\n        margin-bottom:\r\n            24px !important;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__description {\r\n\r\n        font-size: 14px !important;\r\n\r\n        line-height: 1.75 !important;\r\n\r\n        margin-bottom:\r\n            30px !important;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__stat {\r\n\r\n        gap: 16px;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__stat-number {\r\n\r\n        font-size: 32px !important;\r\n\r\n        letter-spacing: -1.5px !important;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__stat-divider {\r\n\r\n        height: 35px;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__stat-text {\r\n\r\n        font-size: 9px !important;\r\n\r\n        letter-spacing: 1px !important;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__image {\r\n\r\n        height: 430px;\r\n\r\n        border-radius: 22px;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__badge {\r\n\r\n        width: 115px;\r\n        height: 115px;\r\n\r\n        left: 15px;\r\n\r\n        bottom: 25px;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__badge-icon {\r\n\r\n        width: 25px;\r\n        height: 25px;\r\n\r\n        margin-bottom: 7px;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__badge-text {\r\n\r\n        font-size: 7px;\r\n\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__label {\r\n\r\n        top: 25px;\r\n\r\n        right: 20px;\r\n\r\n        padding:\r\n            7px\r\n            10px;\r\n\r\n        font-size: 7px;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__image-number {\r\n\r\n        top: 20px;\r\n\r\n        left: 20px;\r\n\r\n        font-size: 9px;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__button-wrap {\r\n\r\n        margin-top: 28px;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__btn {\r\n\r\n        min-height: 40px;\r\n\r\n        padding:\r\n            0\r\n            16px;\r\n\r\n        font-size: 11px;\r\n\r\n        gap: 8px;\r\n\r\n        border-radius: 40px;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__btn-icon {\r\n\r\n        width: 14px;\r\n        height: 14px;\r\n\r\n        flex-basis: 14px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 400px) {\r\n\r\n    .aspen-dc-light__title {\r\n\r\n        font-size: 43px !important;\r\n\r\n        letter-spacing: -2.5px !important;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__stat-number {\r\n\r\n        font-size: 28px !important;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__image {\r\n\r\n        height: 390px;\r\n    }\r\n\r\n\r\n    .aspen-dc-light__badge {\r\n\r\n        width: 100px;\r\n        height: 100px;\r\n\r\n        left: 12px;\r\n        bottom: 20px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     HTML\r\n========================================================= -->\r\n\r\n<section class=\"aspen-dc-light\">\r\n\r\n    <div class=\"aspen-dc-light__container\">\r\n\r\n\r\n        <!-- =================================================\r\n             LEFT CONTENT\r\n        ================================================= -->\r\n\r\n        <div class=\"aspen-dc-light__content\">\r\n\r\n\r\n            <!-- EYEBROW -->\r\n\r\n            <div class=\"aspen-dc-light__eyebrow\">\r\n\r\n                <span class=\"aspen-dc-light__eyebrow-line\"><\/span>\r\n\r\n                MISSION CRITICAL INFRASTRUCTURE\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- TITLE -->\r\n\r\n            <h2 class=\"aspen-dc-light__title\">\r\n\r\n                Data <span>Center.<\/span>\r\n\r\n            <\/h2>\r\n\r\n\r\n            <!-- DESCRIPTION -->\r\n\r\n            <p class=\"aspen-dc-light__description\">\r\n\r\n                Aspen Technologies is redefining our clients'\r\n                expectations of a data center infrastructure\r\n                contractor as our approach is that of a solutions\r\n                provider, not simply a plans and specs contractor.\r\n                The unique mix of engineers, project managers,\r\n                installation team and certified relationships with\r\n                all of the major data center product manufacturers\r\n                provides our customers with expertise to leverage\r\n                throughout the entire data center build process.\r\n\r\n            <\/p>\r\n\r\n\r\n            <!-- =================================================\r\n                 STAT\r\n            ================================================= -->\r\n\r\n            <div class=\"aspen-dc-light__stat\">\r\n\r\n                <div class=\"aspen-dc-light__stat-number\">\r\n\r\n                    24<span>\/<\/span>7<span>\/<\/span>365\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aspen-dc-light__stat-divider\"><\/div>\r\n\r\n\r\n                <p class=\"aspen-dc-light__stat-text\">\r\n\r\n                    Support\r\n                    <br>\r\n                    &amp; Service\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 BUTTON\r\n            ================================================= -->\r\n\r\n            <div class=\"aspen-dc-light__button-wrap\">\r\n\r\n                <a\r\n                    href=\"https:\/\/aspentechaz.net\/services\/data-center\/\"\r\n                    class=\"aspen-dc-light__btn aspen-dc-light__btn--primary\"\r\n                >\r\n\r\n                    <span>\r\n                        Learn More\r\n                    <\/span>\r\n\r\n\r\n                    <svg\r\n                        class=\"aspen-dc-light__btn-icon\"\r\n                        viewBox=\"0 0 24 24\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <path\r\n                            d=\"M5 12h13\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                            fill=\"none\"\r\n                        \/>\r\n\r\n                        <path\r\n                            d=\"m13 6 6 6-6 6\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                            fill=\"none\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             RIGHT VISUAL\r\n        ================================================= -->\r\n\r\n        <div class=\"aspen-dc-light__visual\">\r\n\r\n\r\n            <!-- IMAGE -->\r\n\r\n            <div class=\"aspen-dc-light__image\">\r\n\r\n\r\n                <!-- IMAGE NUMBER -->\r\n\r\n                <span class=\"aspen-dc-light__image-number\">\r\n                    ASPEN \/ DC-01\r\n                <\/span>\r\n\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/aspen.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/data-server-racks-hub-room-with-big-data-computer-center-blue-interior-hosting-storage-hardware.jpg\"\r\n                    alt=\"Mission critical data center infrastructure\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 FLOATING LABEL\r\n            ================================================= -->\r\n\r\n            <div class=\"aspen-dc-light__label\">\r\n\r\n                Mission Critical\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 FLOATING BADGE\r\n            ================================================= -->\r\n\r\n            <div class=\"aspen-dc-light__badge\">\r\n\r\n\r\n                <svg\r\n                    class=\"aspen-dc-light__badge-icon\"\r\n                    viewBox=\"0 0 32 32\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n\r\n                    <rect\r\n                        x=\"6\"\r\n                        y=\"4\"\r\n                        width=\"20\"\r\n                        height=\"24\"\r\n                        rx=\"2\"\r\n                    \/>\r\n\r\n                    <path d=\"M11 10h10\"\/>\r\n\r\n                    <path d=\"M11 16h10\"\/>\r\n\r\n                    <path d=\"M11 22h6\"\/>\r\n\r\n                    <circle\r\n                        cx=\"22\"\r\n                        cy=\"22\"\r\n                        r=\"1\"\r\n                    \/>\r\n\r\n                <\/svg>\r\n\r\n\r\n                <p class=\"aspen-dc-light__badge-text\">\r\n\r\n                    Built for\r\n                    <br>\r\n                    reliability\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42646a5 e-con-full e-flex e-con e-parent\" data-id=\"42646a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8041410 elementor-widget elementor-widget-html\" data-id=\"8041410\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ASPEN TECHNOLOGIES \u2014 INDUSTRIES \/ MARKETS\r\n     PREMIUM DARK SECTION\r\n     COLOR PALETTE:\r\n     #3D4B51\r\n     #FFFFFF\r\n     #D2D6D9\r\n     ========================================================= -->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   MAIN SECTION\r\n========================================================= *\/\r\n\r\n.aspen-industries-cards {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: 120px 0 125px;\r\n    background: #3D4B51;\r\n    font-family: \"Inter\", Arial, sans-serif;\r\n}\r\n\r\n\/* subtle background detail *\/\r\n\r\n.aspen-industries-cards::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 700px;\r\n    height: 700px;\r\n    right: -300px;\r\n    top: -250px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,.035);\r\n    pointer-events: none;\r\n}\r\n\r\n.aspen-industries-cards::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 450px;\r\n    height: 450px;\r\n    left: -250px;\r\n    bottom: -250px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,.025);\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.aspen-industries-cards__container {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(1240px, 90%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.aspen-industries-cards__header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n    gap: 70px;\r\n    margin-bottom: 60px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n.aspen-industries-cards__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 20px;\r\n\r\n    color: #D2D6D9;\r\n\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.aspen-industries-cards__eyebrow span {\r\n    width: 38px;\r\n    height: 1px;\r\n    background: #FFFFFF;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN TITLE\r\n========================================================= *\/\r\n\r\n.aspen-industries-cards__title {\r\n    margin: 0 !important;\r\n\r\n    max-width: 800px;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif !important;\r\n\r\n    font-size:\r\n        clamp(45px, 5vw, 70px) !important;\r\n\r\n    line-height: .98 !important;\r\n\r\n    font-weight: 800 !important;\r\n\r\n    letter-spacing: -4px !important;\r\n}\r\n\r\n.aspen-industries-cards__title span {\r\n    display: block;\r\n    color: #D2D6D9;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.aspen-industries-cards__intro {\r\n    max-width: 350px;\r\n\r\n    margin: 0 !important;\r\n\r\n    color: rgba(255,255,255,.70) !important;\r\n\r\n    font-size: 14px !important;\r\n\r\n    line-height: 1.8 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.aspen-industries-cards__grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, 1fr);\r\n\r\n    gap: 22px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.aspen-industry-card {\r\n    position: relative;\r\n\r\n    height: 470px;\r\n\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-end;\r\n\r\n    padding: 35px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border: 1px solid rgba(255,255,255,.10);\r\n\r\n    border-radius: 24px;\r\n\r\n    text-decoration: none !important;\r\n\r\n    box-shadow:\r\n        0 20px 50px rgba(0,0,0,.18);\r\n\r\n    transition:\r\n        transform .4s ease,\r\n        box-shadow .4s ease,\r\n        border-color .4s ease;\r\n}\r\n\r\n.aspen-industry-card:hover {\r\n    transform: translateY(-7px);\r\n\r\n    border-color:\r\n        rgba(255,255,255,.45);\r\n\r\n    box-shadow:\r\n        0 30px 70px rgba(0,0,0,.28);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.aspen-industry-card__image {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 0;\r\n\r\n    background-size: cover;\r\n    background-position: center;\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n\r\n    transition: none;\r\n}\r\n\r\n\r\n\/* image overlay *\/\r\n\r\n.aspen-industry-card__image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(61,75,81,.08) 0%,\r\n            rgba(61,75,81,.18) 35%,\r\n            rgba(61,75,81,.94) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n.aspen-industry-card__number {\r\n    position: absolute;\r\n\r\n    top: 30px;\r\n    right: 30px;\r\n\r\n    z-index: 3;\r\n\r\n    color: rgba(255,255,255,.75);\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    transition:\r\n        color .3s ease;\r\n}\r\n\r\n.aspen-industry-card:hover\r\n.aspen-industry-card__number {\r\n    color: #FFFFFF;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n.aspen-industry-card__icon {\r\n    position: absolute;\r\n\r\n    top: 30px;\r\n    left: 30px;\r\n\r\n    z-index: 3;\r\n\r\n    width: 50px;\r\n    height: 50px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 14px;\r\n\r\n    background:\r\n        rgba(255,255,255,.12);\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.30);\r\n\r\n    backdrop-filter:\r\n        blur(12px);\r\n\r\n    transition:\r\n        background .3s ease,\r\n        border-color .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n.aspen-industry-card__icon svg {\r\n    width: 25px;\r\n    height: 25px;\r\n\r\n    fill: none;\r\n\r\n    stroke: #FFFFFF;\r\n\r\n    stroke-width: 1.5;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.aspen-industry-card:hover\r\n.aspen-industry-card__icon {\r\n    background: #FFFFFF;\r\n\r\n    border-color: #FFFFFF;\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.aspen-industry-card:hover\r\n.aspen-industry-card__icon svg {\r\n    stroke: #3D4B51;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.aspen-industry-card__content {\r\n    position: relative;\r\n\r\n    z-index: 3;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TITLE\r\n========================================================= *\/\r\n\r\n.aspen-industry-card__title {\r\n    margin:\r\n        0 0 10px !important;\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif !important;\r\n\r\n    font-size:\r\n        27px !important;\r\n\r\n    line-height:\r\n        1.1 !important;\r\n\r\n    font-weight:\r\n        750 !important;\r\n\r\n    letter-spacing:\r\n        -1px !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.aspen-industry-card__description {\r\n    max-width: 290px;\r\n\r\n    margin:\r\n        0 0 25px !important;\r\n\r\n    color:\r\n        rgba(255,255,255,.72) !important;\r\n\r\n    font-size:\r\n        12px !important;\r\n\r\n    line-height:\r\n        1.7 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEW INDUSTRY\r\n========================================================= *\/\r\n\r\n.aspen-industry-card__view {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    width: 100%;\r\n\r\n    padding-top: 18px;\r\n\r\n    border-top:\r\n        1px solid rgba(255,255,255,.22);\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        2px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n    transition:\r\n        border-color .3s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARROW\r\n========================================================= *\/\r\n\r\n.aspen-industry-card__arrow {\r\n    width: 32px;\r\n    height: 32px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.45);\r\n\r\n    border-radius: 50%;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    transition:\r\n        background .35s ease,\r\n        border-color .35s ease,\r\n        color .35s ease,\r\n        transform .35s ease;\r\n}\r\n\r\n.aspen-industry-card__arrow svg {\r\n    width: 14px;\r\n    height: 14px;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        currentColor;\r\n\r\n    stroke-width:\r\n        1.7;\r\n\r\n    stroke-linecap:\r\n        round;\r\n\r\n    stroke-linejoin:\r\n        round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD HOVER\r\n========================================================= *\/\r\n\r\n.aspen-industry-card:hover\r\n.aspen-industry-card__view {\r\n    border-color:\r\n        rgba(255,255,255,.40);\r\n}\r\n\r\n.aspen-industry-card:hover\r\n.aspen-industry-card__arrow {\r\n    background:\r\n        #FFFFFF;\r\n\r\n    border-color:\r\n        #FFFFFF;\r\n\r\n    color:\r\n        #3D4B51;\r\n\r\n    transform:\r\n        rotate(-45deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEW ALL WRAPPER\r\n========================================================= *\/\r\n\r\n.aspen-industries-cards__view-all {\r\n    display: flex;\r\n\r\n    justify-content: center;\r\n\r\n    margin-top: 55px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEW ALL BUTTON\r\n========================================================= *\/\r\n\r\n.aspen-view-all-btn {\r\n    min-height: 56px;\r\n\r\n    padding:\r\n        0 26px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 12px;\r\n\r\n    border-radius:\r\n        50px;\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        14px;\r\n\r\n    font-weight:\r\n        600;\r\n\r\n    line-height:\r\n        1;\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    cursor:\r\n        pointer;\r\n\r\n    color:\r\n        #3D4B51 !important;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    border:\r\n        1px solid #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 12px 35px rgba(0,0,0,.16);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease,\r\n        background .3s ease,\r\n        color .3s ease;\r\n}\r\n\r\n.aspen-view-all-btn:hover {\r\n    color:\r\n        #FFFFFF !important;\r\n\r\n    background:\r\n        transparent;\r\n\r\n    transform:\r\n        translateY(-4px);\r\n\r\n    box-shadow:\r\n        0 18px 45px rgba(0,0,0,.25);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON ICON\r\n========================================================= *\/\r\n\r\n.aspen-view-all-btn__icon {\r\n    width: 17px;\r\n    height: 17px;\r\n\r\n    flex:\r\n        0 0 17px;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n.aspen-view-all-btn:hover\r\n.aspen-view-all-btn__icon {\r\n    transform:\r\n        translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .aspen-industries-cards {\r\n        padding:\r\n            90px 0;\r\n    }\r\n\r\n    .aspen-industries-cards__header {\r\n        flex-direction:\r\n            column;\r\n\r\n        align-items:\r\n            flex-start;\r\n\r\n        gap:\r\n            25px;\r\n    }\r\n\r\n    .aspen-industries-cards__grid {\r\n        grid-template-columns:\r\n            1fr;\r\n    }\r\n\r\n    .aspen-industry-card {\r\n        height:\r\n            420px;\r\n    }\r\n\r\n    .aspen-view-all-btn {\r\n        min-height:\r\n            48px;\r\n\r\n        padding:\r\n            0 22px;\r\n\r\n        font-size:\r\n            13px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .aspen-industries-cards {\r\n        padding:\r\n            75px 0 85px;\r\n    }\r\n\r\n    .aspen-industries-cards__container {\r\n        width:\r\n            90%;\r\n    }\r\n\r\n    .aspen-industries-cards__title {\r\n        font-size:\r\n            43px !important;\r\n\r\n        letter-spacing:\r\n            -3px !important;\r\n    }\r\n\r\n    .aspen-industries-cards__intro {\r\n        font-size:\r\n            13px !important;\r\n    }\r\n\r\n    .aspen-industry-card {\r\n        height:\r\n            390px;\r\n\r\n        padding:\r\n            27px;\r\n    }\r\n\r\n    .aspen-industry-card__icon {\r\n        top:\r\n            25px;\r\n\r\n        left:\r\n            25px;\r\n\r\n        width:\r\n            44px;\r\n\r\n        height:\r\n            44px;\r\n    }\r\n\r\n    .aspen-industry-card__icon svg {\r\n        width:\r\n            22px;\r\n\r\n        height:\r\n            22px;\r\n    }\r\n\r\n    .aspen-industry-card__number {\r\n        top:\r\n            25px;\r\n\r\n        right:\r\n            25px;\r\n    }\r\n\r\n    .aspen-industry-card__title {\r\n        font-size:\r\n            24px !important;\r\n    }\r\n\r\n    .aspen-industry-card__description {\r\n        font-size:\r\n            11px !important;\r\n    }\r\n\r\n    .aspen-view-all-btn {\r\n        min-height:\r\n            42px;\r\n\r\n        padding:\r\n            0 17px;\r\n\r\n        font-size:\r\n            11px;\r\n\r\n        gap:\r\n            8px;\r\n\r\n        border-radius:\r\n            40px;\r\n    }\r\n\r\n    .aspen-view-all-btn__icon {\r\n        width:\r\n            14px;\r\n\r\n        height:\r\n            14px;\r\n\r\n        flex:\r\n            0 0 14px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXTRA SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .aspen-industries-cards__title {\r\n        font-size:\r\n            38px !important;\r\n\r\n        letter-spacing:\r\n            -2.5px !important;\r\n    }\r\n\r\n    .aspen-industry-card {\r\n        height:\r\n            370px;\r\n    }\r\n\r\n    .aspen-industry-card__title {\r\n        font-size:\r\n            22px !important;\r\n    }\r\n\r\n    .aspen-industry-card__description {\r\n        max-width:\r\n            250px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     HTML\r\n========================================================= -->\r\n\r\n<section class=\"aspen-industries-cards\">\r\n\r\n    <div class=\"aspen-industries-cards__container\">\r\n\r\n\r\n        <!-- =================================================\r\n             HEADER\r\n        ================================================= -->\r\n\r\n        <div class=\"aspen-industries-cards__header\">\r\n\r\n            <div>\r\n\r\n                <div class=\"aspen-industries-cards__eyebrow\">\r\n\r\n                    <span><\/span>\r\n\r\n                    INDUSTRIES \/ MARKETS\r\n\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"aspen-industries-cards__title\">\r\n\r\n                    Technology Designed\r\n\r\n                    <span>\r\n                        Around Your Environment.\r\n                    <\/span>\r\n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"aspen-industries-cards__intro\">\r\n\r\n                Purpose-built technology solutions designed\r\n                around the unique requirements of your\r\n                environment.\r\n\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             INDUSTRY CARDS\r\n        ================================================= -->\r\n\r\n        <div class=\"aspen-industries-cards__grid\">\r\n\r\n\r\n            <!-- =============================================\r\n                 CARD 01 \u2014 HOSPITALITY\r\n            ============================================== -->\r\n\r\n            <article class=\"aspen-industry-card\">\r\n\r\n                <div\r\n                    class=\"aspen-industry-card__image\"\r\n                    style=\"background-image:url('https:\/\/aspen.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/Hospitality-3.jpg');\">\r\n                <\/div>\r\n\r\n\r\n                <span class=\"aspen-industry-card__number\">\r\n                    01\r\n                <\/span>\r\n\r\n\r\n                <div class=\"aspen-industry-card__icon\">\r\n\r\n                    <svg viewBox=\"0 0 32 32\">\r\n\r\n                        <path d=\"M16 27s-10-6-10-13.2C6 9.8 8.7 7 12.1 7c1.8 0 3.2.8 3.9 2 .7-1.2 2.1-2 3.9-2C23.3 7 26 9.8 26 13.8 26 21 16 27 16 27z\"\/>\r\n\r\n                        <path d=\"M16 12v7\"\/>\r\n\r\n                        <path d=\"M12.5 15.5h7\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aspen-industry-card__content\">\r\n\r\n                    <h3 class=\"aspen-industry-card__title\">\r\n                        Hospitality\r\n                    <\/h3>\r\n\r\n\r\n                    <p class=\"aspen-industry-card__description\">\r\n\r\n                        Hospitality technology delivers smart,\r\n                        connected solutions that enhance guest\r\n                        experiences, streamline operations, and\r\n                        improve service efficiency.\r\n\r\n                    <\/p>\r\n\r\n\r\n                    <div class=\"aspen-industry-card__view\">\r\n\r\n                        <span>\r\n                            View Industry\r\n                        <\/span>\r\n\r\n                        <span class=\"aspen-industry-card__arrow\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n\r\n                                <path d=\"M5 12h13\"\/>\r\n\r\n                                <path d=\"m13 6 6 6-6 6\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =============================================\r\n                 CARD 02 \u2014 EDUCATION\r\n            ============================================== -->\r\n\r\n            <article class=\"aspen-industry-card\">\r\n\r\n                <div\r\n                    class=\"aspen-industry-card__image\"\r\n                    style=\"background-image:url('https:\/\/aspen.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/Education-1.jpg');\">\r\n                <\/div>\r\n\r\n\r\n                <span class=\"aspen-industry-card__number\">\r\n                    02\r\n                <\/span>\r\n\r\n\r\n                <div class=\"aspen-industry-card__icon\">\r\n\r\n                    <svg viewBox=\"0 0 32 32\">\r\n\r\n                        <rect\r\n                            x=\"7\"\r\n                            y=\"4\"\r\n                            width=\"18\"\r\n                            height=\"7\"\r\n                            rx=\"1\"\r\n                        \/>\r\n\r\n                        <rect\r\n                            x=\"7\"\r\n                            y=\"13\"\r\n                            width=\"18\"\r\n                            height=\"7\"\r\n                            rx=\"1\"\r\n                        \/>\r\n\r\n                        <rect\r\n                            x=\"7\"\r\n                            y=\"22\"\r\n                            width=\"18\"\r\n                            height=\"6\"\r\n                            rx=\"1\"\r\n                        \/>\r\n\r\n                        <circle\r\n                            cx=\"11\"\r\n                            cy=\"7.5\"\r\n                            r=\"1\"\r\n                        \/>\r\n\r\n                        <circle\r\n                            cx=\"11\"\r\n                            cy=\"16.5\"\r\n                            r=\"1\"\r\n                        \/>\r\n\r\n                        <circle\r\n                            cx=\"11\"\r\n                            cy=\"25\"\r\n                            r=\"1\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aspen-industry-card__content\">\r\n\r\n                    <h3 class=\"aspen-industry-card__title\">\r\n                        Education\r\n                    <\/h3>\r\n\r\n\r\n                    <p class=\"aspen-industry-card__description\">\r\n\r\n                        Education technology provides smart\r\n                        digital solutions that enhance learning,\r\n                        improve collaboration, and create more\r\n                        engaging educational experiences.\r\n\r\n                    <\/p>\r\n\r\n\r\n                    <div class=\"aspen-industry-card__view\">\r\n\r\n                        <span>\r\n                            View Industry\r\n                        <\/span>\r\n\r\n                        <span class=\"aspen-industry-card__arrow\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n\r\n                                <path d=\"M5 12h13\"\/>\r\n\r\n                                <path d=\"m13 6 6 6-6 6\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =============================================\r\n                 CARD 03 \u2014 GOVERNMENT\r\n            ============================================== -->\r\n\r\n            <article class=\"aspen-industry-card\">\r\n\r\n                <div\r\n                    class=\"aspen-industry-card__image\"\r\n                    style=\"background-image:url('https:\/\/aspen.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/Government.jpg');\">\r\n                <\/div>\r\n\r\n\r\n                <span class=\"aspen-industry-card__number\">\r\n                    03\r\n                <\/span>\r\n\r\n\r\n                <div class=\"aspen-industry-card__icon\">\r\n\r\n                    <svg viewBox=\"0 0 32 32\">\r\n\r\n                        <rect\r\n                            x=\"6\"\r\n                            y=\"7\"\r\n                            width=\"20\"\r\n                            height=\"21\"\r\n                            rx=\"2\"\r\n                        \/>\r\n\r\n                        <path d=\"M10 11h12\"\/>\r\n\r\n                        <path d=\"M10 16h12\"\/>\r\n\r\n                        <path d=\"M10 21h7\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aspen-industry-card__content\">\r\n\r\n                    <h3 class=\"aspen-industry-card__title\">\r\n                        Government\r\n                    <\/h3>\r\n\r\n\r\n                    <p class=\"aspen-industry-card__description\">\r\n\r\n                        Government technology provides secure,\r\n                        reliable solutions that improve public\r\n                        services, streamline operations, and\r\n                        support efficient digital connectivity.\r\n\r\n                    <\/p>\r\n\r\n\r\n                    <div class=\"aspen-industry-card__view\">\r\n\r\n                        <span>\r\n                            View Industry\r\n                        <\/span>\r\n\r\n                        <span class=\"aspen-industry-card__arrow\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n\r\n                                <path d=\"M5 12h13\"\/>\r\n\r\n                                <path d=\"m13 6 6 6-6 6\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             VIEW ALL\r\n        ================================================= -->\r\n\r\n        <div class=\"aspen-industries-cards__view-all\">\r\n\r\n            <a\r\n                href=\"#\"\r\n                class=\"aspen-view-all-btn\">\r\n\r\n                <span>\r\n                    View All Industries\r\n                <\/span>\r\n\r\n                <svg\r\n                    class=\"aspen-view-all-btn__icon\"\r\n                    viewBox=\"0 0 24 24\"\r\n                    width=\"17\"\r\n                    height=\"17\">\r\n\r\n                    <path\r\n                        d=\"M5 12h13\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                        fill=\"none\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"m13 6 6 6-6 6\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                        fill=\"none\"\r\n                    \/>\r\n\r\n                <\/svg>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c3c062d e-con-full e-flex e-con e-parent\" data-id=\"c3c062d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3c09a2 elementor-widget elementor-widget-html\" data-id=\"b3c09a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ASPEN TECH \u2014 OUR PROCESS\r\n     From Design to Deployment\r\n     Palette:\r\n     #3D4B51 \u2014 Primary Dark\r\n     #FFFFFF \u2014 White\r\n     #D2D6D9 \u2014 Light Gray\r\n     WordPress \/ Elementor Ready\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   GLOBAL\r\n========================================================= *\/\r\n\r\n.aspen-process-section {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 110px 0 120px;\r\n    background: #FFFFFF;\r\n    font-family: \"Inter\", Arial, sans-serif;\r\n    color: #3D4B51;\r\n}\r\n\r\n.aspen-process-section *,\r\n.aspen-process-section *::before,\r\n.aspen-process-section *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.aspen-process-section__container {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(1200px, 92%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.aspen-process-section__header {\r\n    text-align: center;\r\n    margin-bottom: 70px;\r\n}\r\n\r\n.aspen-process-section__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 16px;\r\n\r\n    color: #3D4B51;\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.aspen-process-section__eyebrow span {\r\n    width: 38px;\r\n    height: 2px;\r\n    background: #3D4B51;\r\n    display: block;\r\n}\r\n\r\n.aspen-process-section__title {\r\n    margin: 0 !important;\r\n    color: #3D4B51 !important;\r\n\r\n    font-family: \"Plus Jakarta Sans\", Arial, sans-serif !important;\r\n    font-size: clamp(38px, 5vw, 58px) !important;\r\n    line-height: 1.05 !important;\r\n    font-weight: 800 !important;\r\n    letter-spacing: -3px !important;\r\n}\r\n\r\n.aspen-process-section__title span {\r\n    color: #3D4B51;\r\n    position: relative;\r\n}\r\n\r\n.aspen-process-section__title span::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: -5px;\r\n    width: 100%;\r\n    height: 3px;\r\n    background: #D2D6D9;\r\n    border-radius: 10px;\r\n}\r\n\r\n.aspen-process-section__subtitle {\r\n    max-width: 560px;\r\n    margin: 18px auto 0 !important;\r\n\r\n    color: #3D4B51 !important;\r\n    opacity: .68;\r\n\r\n    font-size: 14px !important;\r\n    line-height: 1.8 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WAVE AREA\r\n========================================================= *\/\r\n\r\n.aspen-process__wave {\r\n    position: relative;\r\n    padding: 75px 0 55px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WAVE SVG\r\n========================================================= *\/\r\n\r\n.aspen-process__wave-path {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 0;\r\n    right: 0;\r\n\r\n    transform: translateY(-50%);\r\n\r\n    width: 100%;\r\n    height: 210px;\r\n\r\n    z-index: 0;\r\n    pointer-events: none;\r\n}\r\n\r\n.aspen-process__wave-path svg {\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: visible;\r\n}\r\n\r\n.aspen-process__wave-path .wave-main {\r\n    stroke: rgba(61,75,81,.22);\r\n}\r\n\r\n.aspen-process__wave-path .wave-glow {\r\n    stroke: rgba(61,75,81,.06);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEPS\r\n========================================================= *\/\r\n\r\n.aspen-process__steps {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    gap: 18px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEP\r\n========================================================= *\/\r\n\r\n.aspen-process-step {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n\r\n    flex: 1;\r\n    max-width: 205px;\r\n\r\n    padding: 0 4px;\r\n}\r\n\r\n\r\n\/* WAVE POSITION *\/\r\n\r\n.aspen-process-step:nth-child(odd) {\r\n    margin-top: -78px;\r\n}\r\n\r\n.aspen-process-step:nth-child(even) {\r\n    margin-top: 78px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.aspen-process-step__card {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    min-height: 225px;\r\n\r\n    padding: 25px 18px 22px;\r\n\r\n    text-align: center;\r\n\r\n    background: #3D4B51;\r\n\r\n    border: 1px solid rgba(255,255,255,.08);\r\n    border-radius: 20px;\r\n\r\n    box-shadow:\r\n        0 15px 35px rgba(61,75,81,.13);\r\n\r\n    transition:\r\n        transform .4s cubic-bezier(.25,.46,.45,.94),\r\n        box-shadow .4s ease,\r\n        border-color .4s ease;\r\n}\r\n\r\n\r\n\/* TOP SHINE *\/\r\n\r\n.aspen-process-step__card::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 0;\r\n    left: 14%;\r\n    right: 14%;\r\n\r\n    height: 2px;\r\n\r\n    background: linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(255,255,255,.55),\r\n        transparent\r\n    );\r\n\r\n    opacity: .4;\r\n\r\n    transition: opacity .4s ease;\r\n}\r\n\r\n\r\n\/* INNER HIGHLIGHT *\/\r\n\r\n.aspen-process-step__card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 1px;\r\n\r\n    border-radius: 19px;\r\n\r\n    border: 1px solid rgba(255,255,255,.04);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* HOVER *\/\r\n\r\n.aspen-process-step:hover .aspen-process-step__card {\r\n    transform: translateY(-9px);\r\n\r\n    border-color: rgba(255,255,255,.24);\r\n\r\n    box-shadow:\r\n        0 25px 55px rgba(61,75,81,.22);\r\n}\r\n\r\n.aspen-process-step:hover .aspen-process-step__card::before {\r\n    opacity: 1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n.aspen-process-step__number {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 42px;\r\n    height: 42px;\r\n\r\n    margin-bottom: 17px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #FFFFFF;\r\n    border: 2px solid #FFFFFF;\r\n\r\n    color: #3D4B51;\r\n\r\n    font-family: \"Plus Jakarta Sans\", Arial, sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        background .35s ease,\r\n        color .35s ease;\r\n}\r\n\r\n.aspen-process-step:hover .aspen-process-step__number {\r\n    background: #D2D6D9;\r\n    border-color: #D2D6D9;\r\n\r\n    color: #3D4B51;\r\n\r\n    transform: scale(1.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n.aspen-process-step__icon {\r\n    width: 50px;\r\n    height: 50px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    margin: 0 auto 14px;\r\n\r\n    border-radius: 13px;\r\n\r\n    background: rgba(255,255,255,.08);\r\n    border: 1px solid rgba(255,255,255,.12);\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        background .35s ease,\r\n        border-color .35s ease;\r\n}\r\n\r\n.aspen-process-step__icon svg {\r\n    width: 25px;\r\n    height: 25px;\r\n\r\n    fill: none;\r\n\r\n    stroke: #FFFFFF;\r\n    stroke-width: 1.8;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.aspen-process-step:hover .aspen-process-step__icon {\r\n    background: rgba(255,255,255,.15);\r\n    border-color: rgba(255,255,255,.25);\r\n\r\n    transform: scale(1.05);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.aspen-process-step__content-wrap {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.aspen-process-step__label {\r\n    margin: 0 0 7px !important;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    font-family: \"Plus Jakarta Sans\", Arial, sans-serif !important;\r\n\r\n    font-size: 16px !important;\r\n    line-height: 1.3 !important;\r\n\r\n    font-weight: 700 !important;\r\n\r\n    letter-spacing: -.3px !important;\r\n}\r\n\r\n.aspen-process-step__description {\r\n    margin: 0 !important;\r\n\r\n    color: #D2D6D9 !important;\r\n\r\n    font-size: 11px !important;\r\n    line-height: 1.65 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONNECTOR\r\n========================================================= *\/\r\n\r\n.aspen-process-step__connector-line {\r\n    position: absolute;\r\n\r\n    left: 50%;\r\n    bottom: -28px;\r\n\r\n    transform: translateX(-50%);\r\n\r\n    width: 1px;\r\n    height: 28px;\r\n\r\n    background: linear-gradient(\r\n        to bottom,\r\n        rgba(61,75,81,.35),\r\n        rgba(61,75,81,.08)\r\n    );\r\n\r\n    z-index: 1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOT\r\n========================================================= *\/\r\n\r\n.aspen-process-step__dot {\r\n    position: absolute;\r\n\r\n    left: 50%;\r\n    bottom: -37px;\r\n\r\n    transform: translateX(-50%);\r\n\r\n    width: 11px;\r\n    height: 11px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #3D4B51;\r\n\r\n    border: 3px solid #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 0 0 1px rgba(61,75,81,.15);\r\n\r\n    z-index: 3;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n.aspen-process-step:hover .aspen-process-step__dot {\r\n    transform:\r\n        translateX(-50%)\r\n        scale(1.3);\r\n\r\n    box-shadow:\r\n        0 0 0 5px rgba(61,75,81,.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.aspen-process__cta {\r\n    display: flex;\r\n    justify-content: center;\r\n\r\n    margin-top: 100px;\r\n\r\n    position: relative;\r\n    z-index: 5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA BUTTON\r\n========================================================= *\/\r\n\r\n.aspen-process-cta-btn {\r\n    min-height: 56px;\r\n\r\n    padding: 0 26px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 12px;\r\n\r\n    border-radius: 50px;\r\n\r\n    font-family: \"Inter\", Arial, sans-serif;\r\n\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n\r\n    line-height: 1;\r\n\r\n    text-decoration: none !important;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n\r\n\/* PRIMARY *\/\r\n\r\n.aspen-process-cta-btn--primary {\r\n    color: #FFFFFF !important;\r\n\r\n    background: #3D4B51;\r\n\r\n    border: 1px solid #3D4B51;\r\n\r\n    box-shadow:\r\n        0 12px 30px rgba(61,75,81,.20);\r\n}\r\n\r\n.aspen-process-cta-btn--primary:hover {\r\n    color: #FFFFFF !important;\r\n\r\n    background: #2F3B40;\r\n\r\n    border-color: #2F3B40;\r\n\r\n    transform: translateY(-4px);\r\n\r\n    box-shadow:\r\n        0 18px 42px rgba(61,75,81,.28);\r\n}\r\n\r\n\r\n\/* ICON *\/\r\n\r\n.aspen-process-cta-btn__icon {\r\n    width: 17px;\r\n    height: 17px;\r\n\r\n    flex: 0 0 17px;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n.aspen-process-cta-btn:hover\r\n.aspen-process-cta-btn__icon {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBTLE BACKGROUND DETAIL\r\n========================================================= *\/\r\n\r\n.aspen-process-section::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 450px;\r\n    height: 450px;\r\n\r\n    top: -220px;\r\n    right: -220px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(61,75,81,.035);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.aspen-process-section::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 350px;\r\n    height: 350px;\r\n\r\n    bottom: -180px;\r\n    left: -180px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(210,214,217,.22);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 992px) {\r\n\r\n    .aspen-process-section {\r\n        padding: 90px 0 100px;\r\n    }\r\n\r\n    .aspen-process-section__header {\r\n        margin-bottom: 45px;\r\n    }\r\n\r\n    .aspen-process__wave {\r\n        padding: 20px 0;\r\n    }\r\n\r\n    .aspen-process__wave-path {\r\n        display: none;\r\n    }\r\n\r\n    .aspen-process__steps {\r\n        flex-wrap: wrap;\r\n\r\n        justify-content: center;\r\n\r\n        gap: 24px 18px;\r\n    }\r\n\r\n    .aspen-process-step {\r\n        flex: 0 0 calc(33.333% - 18px);\r\n\r\n        max-width: 225px;\r\n\r\n        margin-top: 0 !important;\r\n    }\r\n\r\n    .aspen-process-step__card {\r\n        min-height: 215px;\r\n    }\r\n\r\n    .aspen-process-step__connector-line,\r\n    .aspen-process-step__dot {\r\n        display: none;\r\n    }\r\n\r\n    .aspen-process__cta {\r\n        margin-top: 55px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 760px) {\r\n\r\n    .aspen-process__steps {\r\n        gap: 18px;\r\n    }\r\n\r\n    .aspen-process-step {\r\n        flex: 0 0 calc(50% - 10px);\r\n\r\n        max-width: 300px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 640px) {\r\n\r\n    .aspen-process-section {\r\n        padding: 70px 0 80px;\r\n    }\r\n\r\n    .aspen-process-section__container {\r\n        width: min(92%, 520px);\r\n    }\r\n\r\n    .aspen-process-section__header {\r\n        margin-bottom: 32px;\r\n    }\r\n\r\n    .aspen-process-section__eyebrow {\r\n        font-size: 9px;\r\n        letter-spacing: 2.5px;\r\n        gap: 9px;\r\n    }\r\n\r\n    .aspen-process-section__eyebrow span {\r\n        width: 28px;\r\n    }\r\n\r\n    .aspen-process-section__title {\r\n        font-size: 31px !important;\r\n        line-height: 1.08 !important;\r\n        letter-spacing: -2px !important;\r\n    }\r\n\r\n    .aspen-process-section__title span::after {\r\n        height: 2px;\r\n        bottom: -3px;\r\n    }\r\n\r\n    .aspen-process-section__subtitle {\r\n        max-width: 430px;\r\n\r\n        margin-top: 14px !important;\r\n\r\n        font-size: 12px !important;\r\n        line-height: 1.7 !important;\r\n    }\r\n\r\n    .aspen-process__wave {\r\n        padding: 0;\r\n    }\r\n\r\n    .aspen-process__steps {\r\n        flex-direction: column;\r\n\r\n        align-items: stretch;\r\n\r\n        gap: 12px;\r\n    }\r\n\r\n    .aspen-process-step {\r\n        width: 100%;\r\n        max-width: none;\r\n\r\n        flex: 0 0 100%;\r\n\r\n        margin-top: 0 !important;\r\n\r\n        padding: 0;\r\n    }\r\n\r\n    .aspen-process-step__card {\r\n        width: 100%;\r\n\r\n        min-height: auto;\r\n\r\n        padding: 15px 17px;\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 14px;\r\n\r\n        text-align: left;\r\n\r\n        border-radius: 15px;\r\n    }\r\n\r\n    .aspen-process-step__card::before {\r\n        left: 8%;\r\n        right: 8%;\r\n    }\r\n\r\n    .aspen-process-step__number {\r\n        width: 36px;\r\n        height: 36px;\r\n\r\n        flex: 0 0 36px;\r\n\r\n        margin: 0;\r\n\r\n        font-size: 11px;\r\n    }\r\n\r\n    .aspen-process-step__icon {\r\n        display: none;\r\n    }\r\n\r\n    .aspen-process-step__content-wrap {\r\n        flex: 1;\r\n        min-width: 0;\r\n    }\r\n\r\n    .aspen-process-step__label {\r\n        margin: 0 0 3px !important;\r\n\r\n        font-size: 14px !important;\r\n    }\r\n\r\n    .aspen-process-step__description {\r\n        font-size: 10px !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n\r\n    .aspen-process-step__connector-line,\r\n    .aspen-process-step__dot {\r\n        display: none;\r\n    }\r\n\r\n    .aspen-process__cta {\r\n        margin-top: 35px;\r\n    }\r\n\r\n    .aspen-process-cta-btn {\r\n        min-height: 45px;\r\n\r\n        padding: 0 20px;\r\n\r\n        font-size: 11px;\r\n\r\n        gap: 8px;\r\n    }\r\n\r\n    .aspen-process-cta-btn__icon {\r\n        width: 14px;\r\n        height: 14px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .aspen-process-section {\r\n        padding: 60px 0 70px;\r\n    }\r\n\r\n    .aspen-process-section__title {\r\n        font-size: 28px !important;\r\n    }\r\n\r\n    .aspen-process-step__card {\r\n        padding: 13px 14px;\r\n        gap: 12px;\r\n    }\r\n\r\n    .aspen-process-step__number {\r\n        width: 34px;\r\n        height: 34px;\r\n        flex-basis: 34px;\r\n    }\r\n\r\n    .aspen-process-step__label {\r\n        font-size: 13px !important;\r\n    }\r\n\r\n    .aspen-process-step__description {\r\n        font-size: 9px !important;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     HTML \u2014 OUR PROCESS\r\n========================================================= -->\r\n\r\n<section class=\"aspen-process-section\">\r\n\r\n    <div class=\"aspen-process-section__container\">\r\n\r\n        <!-- HEADER -->\r\n\r\n        <div class=\"aspen-process-section__header\">\r\n\r\n            <div class=\"aspen-process-section__eyebrow\">\r\n                <span><\/span>\r\n                OUR PROCESS\r\n            <\/div>\r\n\r\n            <h2 class=\"aspen-process-section__title\">\r\n                From Design <span>to Deployment.<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"aspen-process-section__subtitle\">\r\n                A structured, engineering-driven approach that ensures\r\n                precision, reliability, and long-term performance.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             WAVE + STEPS\r\n        ================================================= -->\r\n\r\n        <div class=\"aspen-process__wave\">\r\n\r\n\r\n            <!-- WAVE -->\r\n\r\n            <div class=\"aspen-process__wave-path\">\r\n\r\n                <svg\r\n                    viewBox=\"0 0 1200 200\"\r\n                    preserveAspectRatio=\"none\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n\r\n                    <!-- Soft wave -->\r\n\r\n                    <path\r\n                        class=\"wave-glow\"\r\n                        d=\"M0,100\r\n                           C140,30 260,170 400,100\r\n                           C540,30 660,170 800,100\r\n                           C940,30 1060,170 1200,100\"\r\n                        stroke-width=\"6\"\r\n                        fill=\"none\"\r\n                    ><\/path>\r\n\r\n\r\n                    <!-- Main wave -->\r\n\r\n                    <path\r\n                        class=\"wave-main\"\r\n                        d=\"M0,100\r\n                           C140,30 260,170 400,100\r\n                           C540,30 660,170 800,100\r\n                           C940,30 1060,170 1200,100\"\r\n                        stroke-width=\"2\"\r\n                        stroke-dasharray=\"7 8\"\r\n                        fill=\"none\"\r\n                    ><\/path>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 STEPS\r\n            ================================================= -->\r\n\r\n            <div class=\"aspen-process__steps\">\r\n\r\n\r\n                <!-- STEP 01 -->\r\n\r\n                <div class=\"aspen-process-step\">\r\n\r\n                    <div class=\"aspen-process-step__card\">\r\n\r\n                        <div class=\"aspen-process-step__number\">\r\n                            01\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-process-step__icon\">\r\n\r\n                            <svg viewBox=\"0 0 32 32\">\r\n\r\n                                <circle\r\n                                    cx=\"16\"\r\n                                    cy=\"16\"\r\n                                    r=\"9\"\r\n                                \/>\r\n\r\n                                <path d=\"M22 22l4 4\" \/>\r\n\r\n                                <path d=\"M12 16l2 2 6-6\" \/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-process-step__content-wrap\">\r\n\r\n                            <h4 class=\"aspen-process-step__label\">\r\n                                Discover\r\n                            <\/h4>\r\n\r\n                            <p class=\"aspen-process-step__description\">\r\n                                Assess needs &amp; define requirements\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"aspen-process-step__connector-line\"><\/div>\r\n                    <div class=\"aspen-process-step__dot\"><\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- STEP 02 -->\r\n\r\n                <div class=\"aspen-process-step\">\r\n\r\n                    <div class=\"aspen-process-step__card\">\r\n\r\n                        <div class=\"aspen-process-step__number\">\r\n                            02\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-process-step__icon\">\r\n\r\n                            <svg viewBox=\"0 0 32 32\">\r\n\r\n                                <rect\r\n                                    x=\"6\"\r\n                                    y=\"8\"\r\n                                    width=\"20\"\r\n                                    height=\"18\"\r\n                                    rx=\"2\"\r\n                                \/>\r\n\r\n                                <path d=\"M10 6V4h12v2\" \/>\r\n\r\n                                <path d=\"M10 14h12\" \/>\r\n\r\n                                <path d=\"M10 19h8\" \/>\r\n\r\n                                <path d=\"M6 12h20\" \/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-process-step__content-wrap\">\r\n\r\n                            <h4 class=\"aspen-process-step__label\">\r\n                                Design\r\n                            <\/h4>\r\n\r\n                            <p class=\"aspen-process-step__description\">\r\n                                Blueprints &amp; system architecture\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"aspen-process-step__connector-line\"><\/div>\r\n                    <div class=\"aspen-process-step__dot\"><\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- STEP 03 -->\r\n\r\n                <div class=\"aspen-process-step\">\r\n\r\n                    <div class=\"aspen-process-step__card\">\r\n\r\n                        <div class=\"aspen-process-step__number\">\r\n                            03\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-process-step__icon\">\r\n\r\n                            <svg viewBox=\"0 0 32 32\">\r\n\r\n                                <path d=\"M16 4v8l4-2-4-6z\" \/>\r\n\r\n                                <path d=\"M16 4v8l-4-2 4-6z\" \/>\r\n\r\n                                <rect\r\n                                    x=\"10\"\r\n                                    y=\"14\"\r\n                                    width=\"12\"\r\n                                    height=\"12\"\r\n                                    rx=\"2\"\r\n                                \/>\r\n\r\n                                <path d=\"M6 26h20\" \/>\r\n\r\n                                <path d=\"M12 26v-4h8v4\" \/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-process-step__content-wrap\">\r\n\r\n                            <h4 class=\"aspen-process-step__label\">\r\n                                Engineer\r\n                            <\/h4>\r\n\r\n                            <p class=\"aspen-process-step__description\">\r\n                                Build &amp; test to exacting standards\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"aspen-process-step__connector-line\"><\/div>\r\n                    <div class=\"aspen-process-step__dot\"><\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- STEP 04 -->\r\n\r\n                <div class=\"aspen-process-step\">\r\n\r\n                    <div class=\"aspen-process-step__card\">\r\n\r\n                        <div class=\"aspen-process-step__number\">\r\n                            04\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-process-step__icon\">\r\n\r\n                            <svg viewBox=\"0 0 32 32\">\r\n\r\n                                <path d=\"M10 14l4 4 8-8\" \/>\r\n\r\n                                <path d=\"M24 20v6a2 2 0 01-2 2H10a2 2 0 01-2-2v-6\" \/>\r\n\r\n                                <rect\r\n                                    x=\"6\"\r\n                                    y=\"10\"\r\n                                    width=\"20\"\r\n                                    height=\"4\"\r\n                                    rx=\"1\"\r\n                                \/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-process-step__content-wrap\">\r\n\r\n                            <h4 class=\"aspen-process-step__label\">\r\n                                Install\r\n                            <\/h4>\r\n\r\n                            <p class=\"aspen-process-step__description\">\r\n                                Deploy on-site with precision\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"aspen-process-step__connector-line\"><\/div>\r\n                    <div class=\"aspen-process-step__dot\"><\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- STEP 05 -->\r\n\r\n                <div class=\"aspen-process-step\">\r\n\r\n                    <div class=\"aspen-process-step__card\">\r\n\r\n                        <div class=\"aspen-process-step__number\">\r\n                            05\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-process-step__icon\">\r\n\r\n                            <svg viewBox=\"0 0 32 32\">\r\n\r\n                                <circle\r\n                                    cx=\"16\"\r\n                                    cy=\"16\"\r\n                                    r=\"10\"\r\n                                \/>\r\n\r\n                                <path d=\"M16 10v6l3 3\" \/>\r\n\r\n                                <path d=\"M6 16H4\" \/>\r\n\r\n                                <path d=\"M28 16h-2\" \/>\r\n\r\n                                <path d=\"M16 6V4\" \/>\r\n\r\n                                <path d=\"M16 28v-2\" \/>\r\n\r\n                                <path d=\"M9.5 9.5L8 8\" \/>\r\n\r\n                                <path d=\"M22.5 22.5L24 24\" \/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-process-step__content-wrap\">\r\n\r\n                            <h4 class=\"aspen-process-step__label\">\r\n                                Support\r\n                            <\/h4>\r\n\r\n                            <p class=\"aspen-process-step__description\">\r\n                                Ongoing maintenance &amp; monitoring\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"aspen-process-step__connector-line\"><\/div>\r\n                    <div class=\"aspen-process-step__dot\"><\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             CTA\r\n        ================================================= -->\r\n\r\n        <div class=\"aspen-process__cta\">\r\n\r\n            <a\r\n                href=\"#\"\r\n                class=\"aspen-process-cta-btn aspen-process-cta-btn--primary\"\r\n            >\r\n\r\n                <span>\r\n                    View Our Projects\r\n                <\/span>\r\n\r\n                <svg\r\n                    class=\"aspen-process-cta-btn__icon\"\r\n                    viewBox=\"0 0 24 24\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n\r\n                    <path\r\n                        d=\"M5 12h13\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                        fill=\"none\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"m13 6 6 6-6 6\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                        fill=\"none\"\r\n                    \/>\r\n\r\n                <\/svg>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d14fd0 e-con-full e-flex e-con e-parent\" data-id=\"9d14fd0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2bc93ce elementor-widget elementor-widget-html\" data-id=\"2bc93ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ASPEN TECHNOLOGIES \u2014 WHY CHOOSE US\r\n     BRAND PALETTE\r\n     #3D4B51 \u2014 Primary\r\n     #FFFFFF \u2014 White\r\n     #D2D6D9 \u2014 Light Gray\r\n\r\n     WordPress \/ Elementor Ready\r\n========================================================= -->\r\n\r\n<section class=\"why-choose-section\">\r\n\r\n    <div class=\"why-container\">\r\n\r\n        <!-- =================================================\r\n             HEADER\r\n        ================================================= -->\r\n\r\n        <div class=\"why-header\">\r\n\r\n            <span>WHY CHOOSE US<\/span>\r\n\r\n            <h2>\r\n                Reason for people <span>choose us<\/span>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             MAIN CONTENT\r\n        ================================================= -->\r\n\r\n        <div class=\"why-main\">\r\n\r\n\r\n            <!-- =================================================\r\n                 LEFT \u2014 FEATURES\r\n            ================================================= -->\r\n\r\n            <div class=\"why-features\">\r\n\r\n\r\n                <!-- =============================================\r\n                     FEATURE 1\r\n                ============================================== -->\r\n\r\n                <div class=\"why-feature feature-one\">\r\n\r\n                    <div class=\"feature-icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                            <circle\r\n                                cx=\"32\"\r\n                                cy=\"32\"\r\n                                r=\"21\"\r\n                            \/>\r\n\r\n                            <path d=\"M32 16v16l10 6\"\/>\r\n\r\n                            <path d=\"M12 29c7-2 11-7 15-14\"\/>\r\n\r\n                            <path d=\"M20 17l7 3-3 7\"\/>\r\n\r\n                            <path d=\"M42 12c-1 8 3 12 10 15\"\/>\r\n\r\n                            <path d=\"M45 28c-7 2-10 7-12 14\"\/>\r\n\r\n                            <path d=\"M21 48c6-3 10-2 15 2\"\/>\r\n\r\n                            <circle\r\n                                cx=\"32\"\r\n                                cy=\"32\"\r\n                                r=\"3\"\r\n                                class=\"icon-dot\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"feature-content\">\r\n\r\n                        <h3>\r\n                            25+ Years of Experience\r\n                        <\/h3>\r\n\r\n                        <div class=\"feature-line\"><\/div>\r\n\r\n                        <p>\r\n                            Since 1991, Aspen Technologies has delivered reliable\r\n                            telecommunications, structured cabling, and integrated\r\n                            technology solutions for businesses across multiple\r\n                            industries.\r\n                        <\/p>\r\n\r\n\r\n                        <a\r\n                            href=\"#\"\r\n                            class=\"why-button why-button--primary\"\r\n                        >\r\n\r\n                            <span>\r\n                                More Details\r\n                            <\/span>\r\n\r\n                            <svg\r\n                                class=\"why-button__icon\"\r\n                                viewBox=\"0 0 24 24\"\r\n                                aria-hidden=\"true\"\r\n                            >\r\n\r\n                                <path\r\n                                    d=\"M5 12h13\"\r\n                                \/>\r\n\r\n                                <path\r\n                                    d=\"m13 6 6 6-6 6\"\r\n                                \/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =============================================\r\n                     FEATURE 2\r\n                ============================================== -->\r\n\r\n                <div class=\"why-feature feature-two\">\r\n\r\n\r\n                    <div class=\"feature-content\">\r\n\r\n                        <h3>\r\n                            One-Source Technology Solutions\r\n                        <\/h3>\r\n\r\n                        <div class=\"feature-line\"><\/div>\r\n\r\n                        <p>\r\n                            From structured cabling and security to audio visual,\r\n                            electrical, data center, and communications systems,\r\n                            we provide comprehensive solutions from design\r\n                            through installation.\r\n                        <\/p>\r\n\r\n\r\n                        <a\r\n                            href=\"#\"\r\n                            class=\"why-button why-button--secondary\"\r\n                        >\r\n\r\n                            <svg\r\n                                class=\"why-button__icon\"\r\n                                viewBox=\"0 0 24 24\"\r\n                                aria-hidden=\"true\"\r\n                            >\r\n\r\n                                <path\r\n                                    d=\"M19 12H6\"\r\n                                \/>\r\n\r\n                                <path\r\n                                    d=\"m11 18-6-6 6-6\"\r\n                                \/>\r\n\r\n                            <\/svg>\r\n\r\n                            <span>\r\n                                More Details\r\n                            <\/span>\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"feature-icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                            <rect\r\n                                x=\"15\"\r\n                                y=\"27\"\r\n                                width=\"21\"\r\n                                height=\"21\"\r\n                                rx=\"2\"\r\n                            \/>\r\n\r\n                            <path d=\"M20 42v-6\"\/>\r\n\r\n                            <path d=\"M25 42v-10\"\/>\r\n\r\n                            <path d=\"M30 42v-14\"\/>\r\n\r\n                            <circle\r\n                                cx=\"44\"\r\n                                cy=\"23\"\r\n                                r=\"9\"\r\n                            \/>\r\n\r\n                            <path d=\"M50 30l7 7\"\/>\r\n\r\n                            <path d=\"M18 21h18\"\/>\r\n\r\n                            <path d=\"M39 16l6-5\"\/>\r\n\r\n                            <path d=\"M8 12l6 6\"\/>\r\n\r\n                            <path d=\"M14 12l-6 6\"\/>\r\n\r\n                            <circle\r\n                                cx=\"44\"\r\n                                cy=\"23\"\r\n                                r=\"3\"\r\n                                class=\"icon-dot\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 RIGHT \u2014 VIDEO\r\n            ================================================= -->\r\n\r\n            <div class=\"why-visual\">\r\n\r\n                <div class=\"visual-content\">\r\n\r\n\r\n                    <!-- VIDEO THUMBNAIL -->\r\n\r\n                    <div class=\"video-thumbnail\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/aspen.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/aspen-video-cover-img.jpg\"\r\n                            alt=\"Aspen Technologies Virtual Office Tour\"\r\n                        >\r\n\r\n                        <div class=\"thumbnail-overlay\"><\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- VIDEO -->\r\n\r\n                    <video\r\n                        class=\"why-video-bg\"\r\n                        muted\r\n                        playsinline\r\n                        preload=\"metadata\"\r\n                    >\r\n\r\n                        <source\r\n                            src=\"https:\/\/aspen.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/Aspen-Technologies-_-Virtual-Office-Tour.mp4\"\r\n                            type=\"video\/mp4\"\r\n                        >\r\n\r\n                        Your browser does not support the video tag.\r\n\r\n                    <\/video>\r\n\r\n\r\n                    <!-- VIDEO OVERLAY -->\r\n\r\n                    <div class=\"video-overlay\"><\/div>\r\n\r\n\r\n                    <!-- ABSTRACT SHAPES -->\r\n\r\n                    <div class=\"visual-shape shape-one\"><\/div>\r\n\r\n                    <div class=\"visual-shape shape-two\"><\/div>\r\n\r\n\r\n                    <!-- GRID -->\r\n\r\n                    <div class=\"visual-grid\"><\/div>\r\n\r\n\r\n                    <!-- FLOATING DOTS -->\r\n\r\n                    <svg\r\n                        class=\"floating-elements\"\r\n                        viewBox=\"0 0 300 200\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <circle\r\n                            cx=\"30\"\r\n                            cy=\"30\"\r\n                            r=\"4\"\r\n                        >\r\n                            <animate\r\n                                attributeName=\"cy\"\r\n                                values=\"30;20;30\"\r\n                                dur=\"3s\"\r\n                                repeatCount=\"indefinite\"\r\n                            \/>\r\n                        <\/circle>\r\n\r\n                        <circle\r\n                            cx=\"250\"\r\n                            cy=\"50\"\r\n                            r=\"3\"\r\n                        >\r\n                            <animate\r\n                                attributeName=\"cy\"\r\n                                values=\"50;40;50\"\r\n                                dur=\"2.5s\"\r\n                                repeatCount=\"indefinite\"\r\n                            \/>\r\n                        <\/circle>\r\n\r\n                        <circle\r\n                            cx=\"180\"\r\n                            cy=\"20\"\r\n                            r=\"5\"\r\n                        >\r\n                            <animate\r\n                                attributeName=\"cy\"\r\n                                values=\"20;10;20\"\r\n                                dur=\"4s\"\r\n                                repeatCount=\"indefinite\"\r\n                            \/>\r\n                        <\/circle>\r\n\r\n                        <circle\r\n                            cx=\"60\"\r\n                            cy=\"170\"\r\n                            r=\"3\"\r\n                        >\r\n                            <animate\r\n                                attributeName=\"cy\"\r\n                                values=\"170;160;170\"\r\n                                dur=\"3.5s\"\r\n                                repeatCount=\"indefinite\"\r\n                            \/>\r\n                        <\/circle>\r\n\r\n                        <circle\r\n                            cx=\"220\"\r\n                            cy=\"160\"\r\n                            r=\"4\"\r\n                        >\r\n                            <animate\r\n                                attributeName=\"cy\"\r\n                                values=\"160;150;160\"\r\n                                dur=\"2.8s\"\r\n                                repeatCount=\"indefinite\"\r\n                            \/>\r\n                        <\/circle>\r\n\r\n                    <\/svg>\r\n\r\n\r\n                    <!-- PLAY BUTTON -->\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"play-button\"\r\n                        id=\"playButton\"\r\n                        aria-label=\"Play office tour video\"\r\n                    >\r\n\r\n                        <span class=\"play-ring ring-one\"><\/span>\r\n\r\n                        <span class=\"play-ring ring-two\"><\/span>\r\n\r\n                        <svg\r\n                            class=\"play-icon-svg\"\r\n                            viewBox=\"0 0 24 24\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n\r\n                            <polygon\r\n                                points=\"5,3 19,12 5,21\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ASPEN TECHNOLOGIES\r\n   WHY CHOOSE US\r\n========================================================= *\/\r\n\r\n.why-choose-section {\r\n\r\n    width: 100%;\r\n\r\n    padding: 100px 20px 105px;\r\n\r\n    background: #3D4B51;\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        \"Poppins\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    overflow: hidden;\r\n\r\n    position: relative;\r\n}\r\n\r\n\r\n.why-choose-section *,\r\n.why-choose-section *::before,\r\n.why-choose-section *::after {\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n.why-container {\r\n\r\n    width: min(1120px, 100%);\r\n\r\n    margin: 0 auto;\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.why-header {\r\n\r\n    text-align: center;\r\n\r\n    margin-bottom: 65px;\r\n\r\n}\r\n\r\n\r\n.why-header > span {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    margin-bottom: 15px;\r\n\r\n    color: #D2D6D9;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 3px;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.why-header > span::before,\r\n.why-header > span::after {\r\n\r\n    content: \"\";\r\n\r\n    width: 28px;\r\n\r\n    height: 1px;\r\n\r\n    background: rgba(255,255,255,.4);\r\n\r\n}\r\n\r\n\r\n.why-header h2 {\r\n\r\n    margin: 0 !important;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        \"Inter\",\r\n        Arial,\r\n        sans-serif !important;\r\n\r\n    font-size: clamp(34px, 4.5vw, 50px) !important;\r\n\r\n    line-height: 1.08 !important;\r\n\r\n    font-weight: 800 !important;\r\n\r\n    letter-spacing: -2.5px !important;\r\n\r\n}\r\n\r\n\r\n.why-header h2 span {\r\n\r\n    color: #D2D6D9;\r\n\r\n    position: relative;\r\n\r\n}\r\n\r\n\r\n.why-header h2 span::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n\r\n    right: 0;\r\n\r\n    bottom: -7px;\r\n\r\n    height: 2px;\r\n\r\n    background: #D2D6D9;\r\n\r\n    opacity: .65;\r\n\r\n    border-radius: 20px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n========================================================= *\/\r\n\r\n.why-main {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1fr)\r\n        minmax(0, 1.08fr);\r\n\r\n    align-items: center;\r\n\r\n    gap: 48px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURES\r\n========================================================= *\/\r\n\r\n.why-features {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 48px;\r\n\r\n}\r\n\r\n\r\n.why-feature {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        135px\r\n        minmax(0, 1fr);\r\n\r\n    align-items: center;\r\n\r\n    gap: 25px;\r\n\r\n}\r\n\r\n\r\n.feature-two {\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1fr)\r\n        135px;\r\n\r\n}\r\n\r\n\r\n.feature-two .feature-content {\r\n\r\n    text-align: right;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON BOX\r\n========================================================= *\/\r\n\r\n.feature-icon {\r\n\r\n    position: relative;\r\n\r\n    width: 135px;\r\n\r\n    height: 135px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border: 1px solid rgba(255,255,255,.16);\r\n\r\n    border-radius: 14px;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            transparent 49%,\r\n            rgba(255,255,255,.045) 50%,\r\n            transparent 51%\r\n        ),\r\n\r\n        linear-gradient(\r\n            0deg,\r\n            transparent 49%,\r\n            rgba(255,255,255,.045) 50%,\r\n            transparent 51%\r\n        );\r\n\r\n    background-size: 34px 34px;\r\n\r\n    transition:\r\n        transform .4s ease,\r\n        border-color .4s ease,\r\n        background .4s ease,\r\n        box-shadow .4s ease;\r\n\r\n}\r\n\r\n\r\n.feature-icon::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 10px;\r\n\r\n    border: 1px solid rgba(255,255,255,.07);\r\n\r\n    border-radius: 10px;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.feature-icon svg {\r\n\r\n    width: 68px;\r\n\r\n    height: 68px;\r\n\r\n    fill: none;\r\n\r\n    stroke: #FFFFFF;\r\n\r\n    stroke-width: 1.7;\r\n\r\n    stroke-linecap: round;\r\n\r\n    stroke-linejoin: round;\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n}\r\n\r\n\r\n.feature-icon .icon-dot {\r\n\r\n    fill: #D2D6D9;\r\n\r\n    stroke: none;\r\n\r\n}\r\n\r\n\r\n.why-feature:hover .feature-icon {\r\n\r\n    transform: translateY(-7px);\r\n\r\n    border-color: rgba(255,255,255,.35);\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            transparent 49%,\r\n            rgba(255,255,255,.07) 50%,\r\n            transparent 51%\r\n        ),\r\n\r\n        linear-gradient(\r\n            0deg,\r\n            transparent 49%,\r\n            rgba(255,255,255,.07) 50%,\r\n            transparent 51%\r\n        );\r\n\r\n    background-size: 34px 34px;\r\n\r\n    box-shadow:\r\n        0 18px 40px rgba(0,0,0,.16);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE CONTENT\r\n========================================================= *\/\r\n\r\n.feature-content {\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n\r\n.feature-content h3 {\r\n\r\n    margin: 0 0 13px !important;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        \"Inter\",\r\n        Arial,\r\n        sans-serif !important;\r\n\r\n    font-size: 18px !important;\r\n\r\n    line-height: 1.3 !important;\r\n\r\n    font-weight: 700 !important;\r\n\r\n    letter-spacing: -.3px !important;\r\n\r\n}\r\n\r\n\r\n.feature-line {\r\n\r\n    width: 48px;\r\n\r\n    height: 2px;\r\n\r\n    margin-bottom: 20px;\r\n\r\n    background: #D2D6D9;\r\n\r\n    border-radius: 10px;\r\n\r\n}\r\n\r\n\r\n.feature-two .feature-line {\r\n\r\n    margin-left: auto;\r\n\r\n}\r\n\r\n\r\n.feature-content p {\r\n\r\n    margin: 0 0 22px !important;\r\n\r\n    color: #D2D6D9 !important;\r\n\r\n    font-size: 12px !important;\r\n\r\n    line-height: 1.8 !important;\r\n\r\n    font-weight: 400 !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n.why-button {\r\n\r\n    min-height: 48px;\r\n\r\n    padding: 0 21px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 11px;\r\n\r\n    border-radius: 50px;\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 1;\r\n\r\n    text-decoration: none !important;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease,\r\n        color .3s ease,\r\n        border-color .3s ease,\r\n        box-shadow .3s ease;\r\n\r\n}\r\n\r\n\r\n\/* PRIMARY *\/\r\n\r\n.why-button--primary {\r\n\r\n    color: #3D4B51 !important;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border: 1px solid #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 10px 28px rgba(0,0,0,.14);\r\n\r\n}\r\n\r\n\r\n.why-button--primary:hover {\r\n\r\n    color: #3D4B51 !important;\r\n\r\n    background: #D2D6D9;\r\n\r\n    border-color: #D2D6D9;\r\n\r\n    transform: translateY(-4px);\r\n\r\n    box-shadow:\r\n        0 16px 35px rgba(0,0,0,.22);\r\n\r\n}\r\n\r\n\r\n\/* SECONDARY *\/\r\n\r\n.why-button--secondary {\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    background: rgba(255,255,255,.06);\r\n\r\n    border: 1px solid rgba(255,255,255,.35);\r\n\r\n    backdrop-filter: blur(12px);\r\n\r\n}\r\n\r\n\r\n.why-button--secondary:hover {\r\n\r\n    color: #3D4B51 !important;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border-color: #FFFFFF;\r\n\r\n    transform: translateY(-4px);\r\n\r\n    box-shadow:\r\n        0 12px 30px rgba(0,0,0,.18);\r\n\r\n}\r\n\r\n\r\n\/* BUTTON SVG *\/\r\n\r\n.why-button__icon {\r\n\r\n    width: 16px;\r\n\r\n    height: 16px;\r\n\r\n    flex: 0 0 16px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 2;\r\n\r\n    stroke-linecap: round;\r\n\r\n    stroke-linejoin: round;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.why-button--primary:hover\r\n.why-button__icon {\r\n\r\n    transform: translateX(4px);\r\n\r\n}\r\n\r\n\r\n.why-button--secondary:hover\r\n.why-button__icon {\r\n\r\n    transform: translateX(-4px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIDEO VISUAL\r\n========================================================= *\/\r\n\r\n.why-visual {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: 405px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 16px;\r\n\r\n    border: 1px solid rgba(255,255,255,.16);\r\n\r\n    background: #3D4B51;\r\n\r\n    box-shadow:\r\n        0 25px 60px rgba(0,0,0,.24);\r\n\r\n}\r\n\r\n\r\n.visual-content {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   THUMBNAIL\r\n========================================================= *\/\r\n\r\n.video-thumbnail {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 5;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #3D4B51;\r\n\r\n}\r\n\r\n\r\n.video-thumbnail img {\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    display: block;\r\n\r\n    transition:\r\n        transform .8s ease;\r\n\r\n}\r\n\r\n\r\n.why-visual:hover\r\n.video-thumbnail img {\r\n\r\n    transform: scale(1.04);\r\n\r\n}\r\n\r\n\r\n.thumbnail-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(61,75,81,.45),\r\n            rgba(61,75,81,.18),\r\n            rgba(61,75,81,.55)\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIDEO\r\n========================================================= *\/\r\n\r\n.why-video-bg {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    z-index: 1;\r\n\r\n    display: none;\r\n\r\n}\r\n\r\n\r\n.why-video-bg.playing {\r\n\r\n    display: block;\r\n\r\n}\r\n\r\n\r\n.why-visual.playing\r\n.video-thumbnail {\r\n\r\n    display: none !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIDEO OVERLAY\r\n========================================================= *\/\r\n\r\n.video-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 2;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(61,75,81,.62),\r\n            rgba(61,75,81,.22),\r\n            rgba(61,75,81,.62)\r\n        );\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ABSTRACT SHAPES\r\n========================================================= *\/\r\n\r\n.visual-shape {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 3;\r\n\r\n    pointer-events: none;\r\n\r\n    background: rgba(255,255,255,.06);\r\n\r\n}\r\n\r\n\r\n.shape-one {\r\n\r\n    width: 55%;\r\n\r\n    height: 145%;\r\n\r\n    left: -18%;\r\n\r\n    top: -23%;\r\n\r\n    border-radius:\r\n        0 50% 50% 0;\r\n\r\n    transform: rotate(-8deg);\r\n\r\n}\r\n\r\n\r\n.shape-two {\r\n\r\n    width: 48%;\r\n\r\n    height: 115%;\r\n\r\n    left: 12%;\r\n\r\n    top: -7%;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(210,214,217,.05);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.visual-grid {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 4;\r\n\r\n    opacity: .07;\r\n\r\n    background-image:\r\n\r\n        linear-gradient(\r\n            rgba(255,255,255,.8) 1px,\r\n            transparent 1px\r\n        ),\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.8) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 32px 32px;\r\n\r\n    clip-path:\r\n        polygon(\r\n            0 0,\r\n            42% 0,\r\n            42% 100%,\r\n            0 100%\r\n        );\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING DOTS\r\n========================================================= *\/\r\n\r\n.floating-elements {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    z-index: 5;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.floating-elements circle {\r\n\r\n    fill: rgba(255,255,255,.35);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PLAY BUTTON\r\n========================================================= *\/\r\n\r\n.play-button {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 10;\r\n\r\n    left: 50%;\r\n\r\n    top: 50%;\r\n\r\n    transform:\r\n        translate(-50%, -50%);\r\n\r\n    width: 82px;\r\n\r\n    height: 82px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    padding: 0;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #FFFFFF;\r\n\r\n    cursor: pointer;\r\n\r\n    box-shadow:\r\n        0 0 0 6px rgba(255,255,255,.16),\r\n        0 15px 40px rgba(0,0,0,.24);\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        box-shadow .35s ease;\r\n\r\n}\r\n\r\n\r\n.play-button:hover {\r\n\r\n    transform:\r\n        translate(-50%, -50%)\r\n        scale(1.08);\r\n\r\n    box-shadow:\r\n        0 0 0 9px rgba(255,255,255,.12),\r\n        0 20px 50px rgba(0,0,0,.3);\r\n\r\n}\r\n\r\n\r\n.play-icon-svg {\r\n\r\n    width: 30px;\r\n\r\n    height: 30px;\r\n\r\n    margin-left: 5px;\r\n\r\n}\r\n\r\n\r\n.play-icon-svg polygon {\r\n\r\n    fill: #3D4B51;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PLAY RINGS\r\n========================================================= *\/\r\n\r\n.play-ring {\r\n\r\n    position: absolute;\r\n\r\n    inset: -11px;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.42);\r\n\r\n    border-radius: 50%;\r\n\r\n    animation:\r\n        pulseRing 2.2s ease-out infinite;\r\n\r\n}\r\n\r\n\r\n.ring-two {\r\n\r\n    inset: -21px;\r\n\r\n    border-color:\r\n        rgba(255,255,255,.18);\r\n\r\n    animation-delay:\r\n        .55s;\r\n\r\n}\r\n\r\n\r\n@keyframes pulseRing {\r\n\r\n    0% {\r\n\r\n        transform: scale(.95);\r\n\r\n        opacity: .9;\r\n\r\n    }\r\n\r\n    100% {\r\n\r\n        transform: scale(1.35);\r\n\r\n        opacity: 0;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE SECTION GLOW\r\n========================================================= *\/\r\n\r\n.why-choose-section::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 500px;\r\n\r\n    height: 500px;\r\n\r\n    top: -300px;\r\n\r\n    right: -250px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(255,255,255,.035);\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.why-choose-section::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 400px;\r\n\r\n    height: 400px;\r\n\r\n    bottom: -260px;\r\n\r\n    left: -220px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(210,214,217,.025);\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n    .why-main {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 55px;\r\n\r\n    }\r\n\r\n\r\n    .why-visual {\r\n\r\n        order: -1;\r\n\r\n        height: 400px;\r\n\r\n    }\r\n\r\n\r\n    .why-features {\r\n\r\n        gap: 38px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET \/ SMALL\r\n========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n    .why-choose-section {\r\n\r\n        padding: 80px 18px 85px;\r\n\r\n    }\r\n\r\n\r\n    .why-header {\r\n\r\n        margin-bottom: 45px;\r\n\r\n    }\r\n\r\n\r\n    .why-header h2 {\r\n\r\n        font-size: 34px !important;\r\n\r\n    }\r\n\r\n\r\n    .why-feature,\r\n    .feature-two {\r\n\r\n        grid-template-columns:\r\n            105px\r\n            minmax(0, 1fr);\r\n\r\n        gap: 20px;\r\n\r\n    }\r\n\r\n\r\n    .feature-two .feature-content {\r\n\r\n        text-align: left;\r\n\r\n    }\r\n\r\n\r\n    .feature-two .feature-line {\r\n\r\n        margin-left: 0;\r\n\r\n    }\r\n\r\n\r\n    .feature-icon {\r\n\r\n        width: 105px;\r\n\r\n        height: 105px;\r\n\r\n    }\r\n\r\n\r\n    .feature-icon svg {\r\n\r\n        width: 56px;\r\n\r\n        height: 56px;\r\n\r\n    }\r\n\r\n\r\n    .why-visual {\r\n\r\n        height: 330px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 520px) {\r\n\r\n    .why-choose-section {\r\n\r\n        padding: 65px 16px 70px;\r\n\r\n    }\r\n\r\n\r\n    .why-header {\r\n\r\n        margin-bottom: 35px;\r\n\r\n    }\r\n\r\n\r\n    .why-header > span {\r\n\r\n        font-size: 9px;\r\n\r\n        letter-spacing: 2.3px;\r\n\r\n        gap: 8px;\r\n\r\n    }\r\n\r\n\r\n    .why-header > span::before,\r\n    .why-header > span::after {\r\n\r\n        width: 20px;\r\n\r\n    }\r\n\r\n\r\n    .why-header h2 {\r\n\r\n        font-size: 29px !important;\r\n\r\n        letter-spacing: -1.7px !important;\r\n\r\n    }\r\n\r\n\r\n    .why-header h2 span::after {\r\n\r\n        bottom: -4px;\r\n\r\n        height: 1px;\r\n\r\n    }\r\n\r\n\r\n    .why-main {\r\n\r\n        gap: 42px;\r\n\r\n    }\r\n\r\n\r\n    .why-features {\r\n\r\n        gap: 28px;\r\n\r\n    }\r\n\r\n\r\n    .why-feature,\r\n    .feature-two {\r\n\r\n        grid-template-columns:\r\n            82px\r\n            minmax(0, 1fr);\r\n\r\n        gap: 14px;\r\n\r\n    }\r\n\r\n\r\n    .feature-icon {\r\n\r\n        width: 82px;\r\n\r\n        height: 82px;\r\n\r\n        border-radius: 11px;\r\n\r\n        background-size: 25px 25px;\r\n\r\n    }\r\n\r\n\r\n    .feature-icon::before {\r\n\r\n        inset: 7px;\r\n\r\n    }\r\n\r\n\r\n    .feature-icon svg {\r\n\r\n        width: 45px;\r\n\r\n        height: 45px;\r\n\r\n    }\r\n\r\n\r\n    .feature-content h3 {\r\n\r\n        font-size: 14px !important;\r\n\r\n        line-height: 1.35 !important;\r\n\r\n        margin-bottom: 9px !important;\r\n\r\n    }\r\n\r\n\r\n    .feature-line {\r\n\r\n        width: 35px;\r\n\r\n        height: 2px;\r\n\r\n        margin-bottom: 13px;\r\n\r\n    }\r\n\r\n\r\n    .feature-content p {\r\n\r\n        font-size: 10px !important;\r\n\r\n        line-height: 1.7 !important;\r\n\r\n        margin-bottom: 15px !important;\r\n\r\n    }\r\n\r\n\r\n    .why-button {\r\n\r\n        min-height: 38px;\r\n\r\n        padding: 0 14px;\r\n\r\n        gap: 7px;\r\n\r\n        font-size: 10px;\r\n\r\n    }\r\n\r\n\r\n    .why-button__icon {\r\n\r\n        width: 13px;\r\n\r\n        height: 13px;\r\n\r\n        flex-basis: 13px;\r\n\r\n    }\r\n\r\n\r\n    .why-visual {\r\n\r\n        height: 270px;\r\n\r\n        border-radius: 13px;\r\n\r\n    }\r\n\r\n\r\n    .play-button {\r\n\r\n        width: 62px;\r\n\r\n        height: 62px;\r\n\r\n    }\r\n\r\n\r\n    .play-icon-svg {\r\n\r\n        width: 23px;\r\n\r\n        height: 23px;\r\n\r\n        margin-left: 3px;\r\n\r\n    }\r\n\r\n\r\n    .play-ring {\r\n\r\n        inset: -7px;\r\n\r\n    }\r\n\r\n\r\n    .ring-two {\r\n\r\n        inset: -14px;\r\n\r\n    }\r\n\r\n\r\n    .floating-elements {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    .visual-shape {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    .visual-grid {\r\n\r\n        clip-path: none;\r\n\r\n        opacity: .04;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 370px) {\r\n\r\n    .why-header h2 {\r\n\r\n        font-size: 26px !important;\r\n\r\n    }\r\n\r\n\r\n    .why-feature,\r\n    .feature-two {\r\n\r\n        grid-template-columns:\r\n            72px\r\n            minmax(0, 1fr);\r\n\r\n        gap: 12px;\r\n\r\n    }\r\n\r\n\r\n    .feature-icon {\r\n\r\n        width: 72px;\r\n\r\n        height: 72px;\r\n\r\n    }\r\n\r\n\r\n    .feature-icon svg {\r\n\r\n        width: 39px;\r\n\r\n        height: 39px;\r\n\r\n    }\r\n\r\n\r\n    .feature-content h3 {\r\n\r\n        font-size: 13px !important;\r\n\r\n    }\r\n\r\n\r\n    .feature-content p {\r\n\r\n        font-size: 9px !important;\r\n\r\n    }\r\n\r\n\r\n    .why-button {\r\n\r\n        min-height: 35px;\r\n\r\n        padding: 0 12px;\r\n\r\n        font-size: 9px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n   ASPEN TECHNOLOGIES \u2014 VIDEO CONTROLLER\r\n========================================================= *\/\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const playButton =\r\n        document.getElementById(\"playButton\");\r\n\r\n    const video =\r\n        document.querySelector(\".why-video-bg\");\r\n\r\n    const visual =\r\n        document.querySelector(\".why-visual\");\r\n\r\n\r\n    if (!playButton || !video || !visual) {\r\n        return;\r\n    }\r\n\r\n\r\n    \/* PLAY *\/\r\n\r\n    playButton.addEventListener(\"click\", function (event) {\r\n\r\n        event.preventDefault();\r\n\r\n        event.stopPropagation();\r\n\r\n\r\n        video.play()\r\n            .then(function () {\r\n\r\n                video.classList.add(\"playing\");\r\n\r\n                visual.classList.add(\"playing\");\r\n\r\n                playButton.style.display = \"none\";\r\n\r\n            })\r\n            .catch(function (error) {\r\n\r\n                console.log(\r\n                    \"Video could not start:\",\r\n                    error\r\n                );\r\n\r\n            });\r\n\r\n    });\r\n\r\n\r\n    \/* VIDEO ENDED *\/\r\n\r\n    video.addEventListener(\"ended\", function () {\r\n\r\n        video.classList.remove(\"playing\");\r\n\r\n        visual.classList.remove(\"playing\");\r\n\r\n        playButton.style.display = \"flex\";\r\n\r\n    });\r\n\r\n\r\n    \/* VIDEO ERROR *\/\r\n\r\n    video.addEventListener(\"error\", function () {\r\n\r\n        video.classList.remove(\"playing\");\r\n\r\n        visual.classList.remove(\"playing\");\r\n\r\n        playButton.style.display = \"flex\";\r\n\r\n    });\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b9ae25f e-con-full e-flex e-con e-parent\" data-id=\"b9ae25f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1b4da5 elementor-widget elementor-widget-html\" data-id=\"f1b4da5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ASPEN TECHNOLOGIES\r\n     TESTIMONIALS \u2014 COMPACT \/ NO NEGATIVE SPACE\r\n     Palette:\r\n     #4C5C63\r\n     #FFFFFF\r\n     #D2D6D9\r\n========================================================= -->\r\n\r\n<section class=\"aspen-testimonials\">\r\n\r\n    <div class=\"aspen-testimonials-container\">\r\n\r\n        <!-- =========================\r\n             HEADER\r\n        ========================== -->\r\n        <div class=\"aspen-testimonials-heading\">\r\n\r\n            <span class=\"aspen-testimonials-eyebrow\">\r\n                TESTIMONIALS\r\n            <\/span>\r\n\r\n            <h2>\r\n                What Our <strong>Clients Say<\/strong>\r\n            <\/h2>\r\n\r\n            <p>\r\n                Trusted by businesses that depend on reliable technology\r\n                infrastructure and exceptional service.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================\r\n             SLIDER\r\n        ========================== -->\r\n        <div class=\"aspen-testimonials-slider\">\r\n\r\n            <div class=\"aspen-testimonials-track\">\r\n\r\n                <!-- CARD 01 -->\r\n                <article class=\"aspen-testimonial-card\">\r\n\r\n                    <div class=\"aspen-quote\">\u201c<\/div>\r\n\r\n                    <div class=\"aspen-stars\">\r\n                        \u2605\u2605\u2605\u2605\u2605\r\n                    <\/div>\r\n\r\n                    <p class=\"aspen-testimonial-text\">\r\n                        Aspen Technologies delivered exactly what we needed.\r\n                        Their team was professional, responsive, and made the\r\n                        entire installation process seamless.\r\n                    <\/p>\r\n\r\n                    <div class=\"aspen-client\">\r\n\r\n                        <div class=\"aspen-client-avatar\">\r\n                            MR\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-client-info\">\r\n                            <strong>Michael Roberts<\/strong>\r\n                            <span>Facilities Director<\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- CARD 02 -->\r\n                <article class=\"aspen-testimonial-card\">\r\n\r\n                    <div class=\"aspen-quote\">\u201c<\/div>\r\n\r\n                    <div class=\"aspen-stars\">\r\n                        \u2605\u2605\u2605\u2605\u2605\r\n                    <\/div>\r\n\r\n                    <p class=\"aspen-testimonial-text\">\r\n                        The Aspen team handled our infrastructure project\r\n                        from planning through installation with impressive\r\n                        attention to detail and communication.\r\n                    <\/p>\r\n\r\n                    <div class=\"aspen-client\">\r\n\r\n                        <div class=\"aspen-client-avatar\">\r\n                            JD\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-client-info\">\r\n                            <strong>James Davis<\/strong>\r\n                            <span>Operations Manager<\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- CARD 03 -->\r\n                <article class=\"aspen-testimonial-card\">\r\n\r\n                    <div class=\"aspen-quote\">\u201c<\/div>\r\n\r\n                    <div class=\"aspen-stars\">\r\n                        \u2605\u2605\u2605\u2605\u2605\r\n                    <\/div>\r\n\r\n                    <p class=\"aspen-testimonial-text\">\r\n                        We were looking for a technology partner we could\r\n                        trust. Aspen provided a complete solution and\r\n                        delivered beyond our expectations.\r\n                    <\/p>\r\n\r\n                    <div class=\"aspen-client\">\r\n\r\n                        <div class=\"aspen-client-avatar\">\r\n                            SC\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-client-info\">\r\n                            <strong>Sarah Collins<\/strong>\r\n                            <span>Project Manager<\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- CARD 04 -->\r\n                <article class=\"aspen-testimonial-card\">\r\n\r\n                    <div class=\"aspen-quote\">\u201c<\/div>\r\n\r\n                    <div class=\"aspen-stars\">\r\n                        \u2605\u2605\u2605\u2605\u2605\r\n                    <\/div>\r\n\r\n                    <p class=\"aspen-testimonial-text\">\r\n                        Their technical expertise and professionalism made\r\n                        a complex infrastructure deployment feel simple.\r\n                        We highly recommend Aspen Technologies.\r\n                    <\/p>\r\n\r\n                    <div class=\"aspen-client\">\r\n\r\n                        <div class=\"aspen-client-avatar\">\r\n                            DW\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-client-info\">\r\n                            <strong>David Wilson<\/strong>\r\n                            <span>IT Director<\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- CARD 05 -->\r\n                <article class=\"aspen-testimonial-card\">\r\n\r\n                    <div class=\"aspen-quote\">\u201c<\/div>\r\n\r\n                    <div class=\"aspen-stars\">\r\n                        \u2605\u2605\u2605\u2605\u2605\r\n                    <\/div>\r\n\r\n                    <p class=\"aspen-testimonial-text\">\r\n                        From structured cabling to security infrastructure,\r\n                        Aspen's team provided a reliable and professional\r\n                        experience from start to finish.\r\n                    <\/p>\r\n\r\n                    <div class=\"aspen-client\">\r\n\r\n                        <div class=\"aspen-client-avatar\">\r\n                            AW\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-client-info\">\r\n                            <strong>Andrew Williams<\/strong>\r\n                            <span>Facilities Manager<\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- CARD 06 -->\r\n                <article class=\"aspen-testimonial-card\">\r\n\r\n                    <div class=\"aspen-quote\">\u201c<\/div>\r\n\r\n                    <div class=\"aspen-stars\">\r\n                        \u2605\u2605\u2605\u2605\u2605\r\n                    <\/div>\r\n\r\n                    <p class=\"aspen-testimonial-text\">\r\n                        Aspen's team was knowledgeable, organized and\r\n                        extremely easy to work with. The final result was\r\n                        exactly what our business needed.\r\n                    <\/p>\r\n\r\n                    <div class=\"aspen-client\">\r\n\r\n                        <div class=\"aspen-client-avatar\">\r\n                            KL\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-client-info\">\r\n                            <strong>Karen Lee<\/strong>\r\n                            <span>Senior Administrator<\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================\r\n             CONTROLS\r\n        ========================== -->\r\n        <div class=\"aspen-slider-controls\">\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"aspen-slider-prev\"\r\n                aria-label=\"Previous testimonial\">\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M19 12H5\"><\/path>\r\n                    <path d=\"M11 18l-6-6 6-6\"><\/path>\r\n                <\/svg>\r\n\r\n            <\/button>\r\n\r\n\r\n            <div class=\"aspen-slider-progress\">\r\n                <span><\/span>\r\n            <\/div>\r\n\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"aspen-slider-next\"\r\n                aria-label=\"Next testimonial\">\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M5 12h14\"><\/path>\r\n                    <path d=\"M13 6l6 6-6 6\"><\/path>\r\n                <\/svg>\r\n\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.aspen-testimonials,\r\n.aspen-testimonials * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.aspen-testimonials {\r\n\r\n    width: 100%;\r\n\r\n    padding: 68px 0 62px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    font-family: \"Inter\", Arial, sans-serif;\r\n\r\n    overflow: hidden;\r\n\r\n    user-select: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.aspen-testimonials-container {\r\n\r\n    width: min(1180px, calc(100% - 36px));\r\n\r\n    margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.aspen-testimonials-heading {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 700px;\r\n\r\n    margin: 0 auto 34px;\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n.aspen-testimonials-eyebrow {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 9px;\r\n\r\n    color: #4C5C63;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2.4px;\r\n\r\n}\r\n\r\n\r\n.aspen-testimonials-eyebrow::before,\r\n.aspen-testimonials-eyebrow::after {\r\n\r\n    content: \"\";\r\n\r\n    width: 24px;\r\n\r\n    height: 1px;\r\n\r\n    background: #D2D6D9;\r\n\r\n}\r\n\r\n\r\n.aspen-testimonials-heading h2 {\r\n\r\n    margin: 0 0 9px !important;\r\n\r\n    padding: 0 !important;\r\n\r\n    color: #4C5C63 !important;\r\n\r\n    font-family: \"Plus Jakarta Sans\", Arial, sans-serif !important;\r\n\r\n    font-size: clamp(32px, 4vw, 48px) !important;\r\n\r\n    line-height: 1.08 !important;\r\n\r\n    font-weight: 800 !important;\r\n\r\n    letter-spacing: -1.8px !important;\r\n\r\n}\r\n\r\n\r\n.aspen-testimonials-heading h2 strong {\r\n\r\n    color: #4C5C63 !important;\r\n\r\n    font-weight: 800 !important;\r\n\r\n}\r\n\r\n\r\n.aspen-testimonials-heading p {\r\n\r\n    max-width: 590px;\r\n\r\n    margin: 0 auto !important;\r\n\r\n    padding: 0 !important;\r\n\r\n    color: #4C5C63 !important;\r\n\r\n    opacity: .68;\r\n\r\n    font-size: 14px !important;\r\n\r\n    line-height: 1.65 !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDER\r\n========================================================= *\/\r\n\r\n.aspen-testimonials-slider {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    cursor: grab;\r\n\r\n    touch-action: pan-y;\r\n\r\n}\r\n\r\n\r\n.aspen-testimonials-slider.is-dragging {\r\n\r\n    cursor: grabbing;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRACK\r\n========================================================= *\/\r\n\r\n.aspen-testimonials-track {\r\n\r\n    display: flex;\r\n\r\n    align-items: stretch;\r\n\r\n    gap: 18px;\r\n\r\n    width: max-content;\r\n\r\n    will-change: transform;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.aspen-testimonial-card {\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    width: 370px;\r\n\r\n    min-height: 300px;\r\n\r\n    flex: 0 0 370px;\r\n\r\n    padding: 27px 27px 24px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border: 1px solid #D2D6D9;\r\n\r\n    border-radius: 14px;\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        border-color .35s ease,\r\n        box-shadow .35s ease;\r\n\r\n}\r\n\r\n\r\n\/* subtle top accent *\/\r\n\r\n.aspen-testimonial-card::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n\r\n    left: 0;\r\n\r\n    width: 100%;\r\n\r\n    height: 3px;\r\n\r\n    background: #4C5C63;\r\n\r\n    transform: scaleX(0);\r\n\r\n    transform-origin: left;\r\n\r\n    transition: transform .35s ease;\r\n\r\n}\r\n\r\n\r\n.aspen-testimonial-card:hover {\r\n\r\n    transform: translateY(-5px);\r\n\r\n    border-color: #4C5C63;\r\n\r\n    box-shadow:\r\n        0 15px 35px rgba(76,92,99,.12);\r\n\r\n}\r\n\r\n\r\n.aspen-testimonial-card:hover::before {\r\n\r\n    transform: scaleX(1);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUOTE\r\n========================================================= *\/\r\n\r\n.aspen-quote {\r\n\r\n    position: absolute;\r\n\r\n    top: 9px;\r\n\r\n    right: 20px;\r\n\r\n    color: #D2D6D9;\r\n\r\n    font-family: Georgia, serif;\r\n\r\n    font-size: 74px;\r\n\r\n    line-height: 1;\r\n\r\n    opacity: .7;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STARS\r\n========================================================= *\/\r\n\r\n.aspen-stars {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin-bottom: 15px;\r\n\r\n    color: #4C5C63;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 2px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TESTIMONIAL TEXT\r\n========================================================= *\/\r\n\r\n.aspen-testimonial-text {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0 0 22px !important;\r\n\r\n    padding: 0 !important;\r\n\r\n    color: #4C5C63 !important;\r\n\r\n    font-size: 13px !important;\r\n\r\n    line-height: 1.72 !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLIENT\r\n========================================================= *\/\r\n\r\n.aspen-client {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n\r\n    margin-top: auto;\r\n\r\n    padding-top: 16px;\r\n\r\n    border-top: 1px solid #D2D6D9;\r\n\r\n}\r\n\r\n\r\n.aspen-client-avatar {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    width: 42px;\r\n\r\n    height: 42px;\r\n\r\n    flex: 0 0 42px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #4C5C63;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n}\r\n\r\n\r\n.aspen-client-info {\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n\r\n.aspen-client strong {\r\n\r\n    display: block;\r\n\r\n    margin: 0 0 3px !important;\r\n\r\n    padding: 0 !important;\r\n\r\n    color: #4C5C63 !important;\r\n\r\n    font-size: 13px !important;\r\n\r\n    line-height: 1.3 !important;\r\n\r\n    font-weight: 700 !important;\r\n\r\n}\r\n\r\n\r\n.aspen-client span {\r\n\r\n    display: block;\r\n\r\n    margin: 0 !important;\r\n\r\n    padding: 0 !important;\r\n\r\n    color: #4C5C63 !important;\r\n\r\n    opacity: .58;\r\n\r\n    font-size: 11px !important;\r\n\r\n    line-height: 1.3 !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTROLS\r\n========================================================= *\/\r\n\r\n.aspen-slider-controls {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 14px;\r\n\r\n    margin-top: 24px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARROW BUTTONS\r\n========================================================= *\/\r\n\r\n.aspen-slider-prev,\r\n.aspen-slider-next {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    width: 42px;\r\n\r\n    height: 42px;\r\n\r\n    padding: 0;\r\n\r\n    border: 1px solid #D2D6D9;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #FFFFFF;\r\n\r\n    color: #4C5C63;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease,\r\n        border-color .3s ease,\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.aspen-slider-prev svg,\r\n.aspen-slider-next svg {\r\n\r\n    width: 17px;\r\n\r\n    height: 17px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.8;\r\n\r\n    stroke-linecap: round;\r\n\r\n    stroke-linejoin: round;\r\n\r\n}\r\n\r\n\r\n.aspen-slider-prev:hover,\r\n.aspen-slider-next:hover {\r\n\r\n    background: #4C5C63;\r\n\r\n    border-color: #4C5C63;\r\n\r\n    color: #FFFFFF;\r\n\r\n    transform: translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROGRESS\r\n========================================================= *\/\r\n\r\n.aspen-slider-progress {\r\n\r\n    position: relative;\r\n\r\n    width: 90px;\r\n\r\n    height: 2px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #D2D6D9;\r\n\r\n}\r\n\r\n\r\n.aspen-slider-progress span {\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n\r\n    left: 0;\r\n\r\n    width: 20%;\r\n\r\n    height: 100%;\r\n\r\n    background: #4C5C63;\r\n\r\n    transition: width .2s linear;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n    .aspen-testimonials {\r\n\r\n        padding: 58px 0 52px;\r\n\r\n    }\r\n\r\n\r\n    .aspen-testimonials-container {\r\n\r\n        width: min(760px, calc(100% - 30px));\r\n\r\n    }\r\n\r\n\r\n    .aspen-testimonial-card {\r\n\r\n        width: 350px;\r\n\r\n        flex-basis: 350px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .aspen-testimonials {\r\n\r\n        padding: 48px 0 45px;\r\n\r\n    }\r\n\r\n\r\n    .aspen-testimonials-container {\r\n\r\n        width: calc(100% - 24px);\r\n\r\n    }\r\n\r\n\r\n    .aspen-testimonials-heading {\r\n\r\n        margin-bottom: 25px;\r\n\r\n    }\r\n\r\n\r\n    .aspen-testimonials-eyebrow {\r\n\r\n        font-size: 9px;\r\n\r\n        letter-spacing: 2px;\r\n\r\n        margin-bottom: 7px;\r\n\r\n    }\r\n\r\n\r\n    .aspen-testimonials-eyebrow::before,\r\n    .aspen-testimonials-eyebrow::after {\r\n\r\n        width: 16px;\r\n\r\n    }\r\n\r\n\r\n    .aspen-testimonials-heading h2 {\r\n\r\n        font-size: 29px !important;\r\n\r\n        letter-spacing: -1px !important;\r\n\r\n    }\r\n\r\n\r\n    .aspen-testimonials-heading p {\r\n\r\n        font-size: 12px !important;\r\n\r\n        line-height: 1.55 !important;\r\n\r\n    }\r\n\r\n\r\n    .aspen-testimonials-track {\r\n\r\n        gap: 12px;\r\n\r\n    }\r\n\r\n\r\n    .aspen-testimonial-card {\r\n\r\n        width: calc(100vw - 24px);\r\n\r\n        flex-basis: calc(100vw - 24px);\r\n\r\n        min-height: 285px;\r\n\r\n        padding: 24px 22px 21px;\r\n\r\n        border-radius: 12px;\r\n\r\n    }\r\n\r\n\r\n    .aspen-quote {\r\n\r\n        top: 7px;\r\n\r\n        right: 16px;\r\n\r\n        font-size: 62px;\r\n\r\n    }\r\n\r\n\r\n    .aspen-stars {\r\n\r\n        margin-bottom: 13px;\r\n\r\n        font-size: 13px;\r\n\r\n    }\r\n\r\n\r\n    .aspen-testimonial-text {\r\n\r\n        margin-bottom: 18px !important;\r\n\r\n        font-size: 12px !important;\r\n\r\n        line-height: 1.65 !important;\r\n\r\n    }\r\n\r\n\r\n    .aspen-client {\r\n\r\n        padding-top: 13px;\r\n\r\n    }\r\n\r\n\r\n    .aspen-client-avatar {\r\n\r\n        width: 38px;\r\n\r\n        height: 38px;\r\n\r\n        flex-basis: 38px;\r\n\r\n        font-size: 10px;\r\n\r\n    }\r\n\r\n\r\n    .aspen-client strong {\r\n\r\n        font-size: 12px !important;\r\n\r\n    }\r\n\r\n\r\n    .aspen-client span {\r\n\r\n        font-size: 10px !important;\r\n\r\n    }\r\n\r\n\r\n    .aspen-slider-controls {\r\n\r\n        margin-top: 18px;\r\n\r\n        gap: 10px;\r\n\r\n    }\r\n\r\n\r\n    .aspen-slider-prev,\r\n    .aspen-slider-next {\r\n\r\n        width: 38px;\r\n\r\n        height: 38px;\r\n\r\n    }\r\n\r\n\r\n    .aspen-slider-progress {\r\n\r\n        width: 65px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    function initAspenTestimonials() {\r\n\r\n        const slider =\r\n            document.querySelector(\".aspen-testimonials-slider\");\r\n\r\n        const track =\r\n            document.querySelector(\".aspen-testimonials-track\");\r\n\r\n        const prev =\r\n            document.querySelector(\".aspen-slider-prev\");\r\n\r\n        const next =\r\n            document.querySelector(\".aspen-slider-next\");\r\n\r\n        const progress =\r\n            document.querySelector(\".aspen-slider-progress span\");\r\n\r\n\r\n        if (!slider || !track || !prev || !next) {\r\n            return;\r\n        }\r\n\r\n\r\n        \/* Prevent duplicate initialization *\/\r\n        if (slider.dataset.initialized === \"true\") {\r\n            return;\r\n        }\r\n\r\n        slider.dataset.initialized = \"true\";\r\n\r\n\r\n        \/* =====================================================\r\n           SETTINGS\r\n        ===================================================== *\/\r\n\r\n        const SPEED = 0.35;\r\n\r\n        let position = 0;\r\n\r\n        let isDragging = false;\r\n\r\n        let isPaused = false;\r\n\r\n        let startX = 0;\r\n\r\n        let startPosition = 0;\r\n\r\n        let loopWidth = 0;\r\n\r\n\r\n        \/* =====================================================\r\n           ORIGINAL CARDS\r\n        ===================================================== *\/\r\n\r\n        const originalCards =\r\n            Array.from(track.children);\r\n\r\n\r\n        \/* Clone cards for infinite loop *\/\r\n\r\n        originalCards.forEach(function (card) {\r\n\r\n            const clone =\r\n                card.cloneNode(true);\r\n\r\n            clone.setAttribute(\r\n                \"aria-hidden\",\r\n                \"true\"\r\n            );\r\n\r\n            track.appendChild(clone);\r\n\r\n        });\r\n\r\n\r\n        \/* =====================================================\r\n           LOOP WIDTH\r\n        ===================================================== *\/\r\n\r\n        function calculateLoopWidth() {\r\n\r\n            if (!originalCards.length) {\r\n                return;\r\n            }\r\n\r\n\r\n            const gap =\r\n                parseFloat(\r\n                    getComputedStyle(track).gap\r\n                ) || 0;\r\n\r\n\r\n            loopWidth = 0;\r\n\r\n\r\n            originalCards.forEach(function (card) {\r\n\r\n                loopWidth +=\r\n                    card.offsetWidth + gap;\r\n\r\n            });\r\n\r\n        }\r\n\r\n\r\n        calculateLoopWidth();\r\n\r\n\r\n        \/* =====================================================\r\n           NORMALIZE POSITION\r\n        ===================================================== *\/\r\n\r\n        function normalizePosition() {\r\n\r\n            if (!loopWidth) {\r\n                return;\r\n            }\r\n\r\n\r\n            while (position <= -loopWidth) {\r\n\r\n                position += loopWidth;\r\n\r\n            }\r\n\r\n\r\n            while (position > 0) {\r\n\r\n                position -= loopWidth;\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           UPDATE\r\n        ===================================================== *\/\r\n\r\n        function updatePosition() {\r\n\r\n            normalizePosition();\r\n\r\n\r\n            track.style.transform =\r\n                \"translate3d(\" +\r\n                position +\r\n                \"px,0,0)\";\r\n\r\n\r\n            if (progress && loopWidth) {\r\n\r\n                let value =\r\n                    Math.abs(position % loopWidth) \/\r\n                    loopWidth *\r\n                    100;\r\n\r\n\r\n                value =\r\n                    Math.max(8, Math.min(100, value));\r\n\r\n\r\n                progress.style.width =\r\n                    value + \"%\";\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           AUTO SLIDE\r\n        ===================================================== *\/\r\n\r\n        function animate() {\r\n\r\n            if (!isPaused && !isDragging) {\r\n\r\n                position -= SPEED;\r\n\r\n                updatePosition();\r\n\r\n            }\r\n\r\n\r\n            requestAnimationFrame(animate);\r\n\r\n        }\r\n\r\n\r\n        animate();\r\n\r\n\r\n        \/* =====================================================\r\n           HOVER PAUSE\r\n        ===================================================== *\/\r\n\r\n        slider.addEventListener(\r\n            \"mouseenter\",\r\n            function () {\r\n\r\n                isPaused = true;\r\n\r\n            }\r\n        );\r\n\r\n\r\n        slider.addEventListener(\r\n            \"mouseleave\",\r\n            function () {\r\n\r\n                if (!isDragging) {\r\n\r\n                    isPaused = false;\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           MOUSE DRAG\r\n        ===================================================== *\/\r\n\r\n        slider.addEventListener(\r\n            \"mousedown\",\r\n            function (event) {\r\n\r\n                isDragging = true;\r\n\r\n                isPaused = true;\r\n\r\n                startX =\r\n                    event.clientX;\r\n\r\n                startPosition =\r\n                    position;\r\n\r\n                slider.classList.add(\r\n                    \"is-dragging\"\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        window.addEventListener(\r\n            \"mousemove\",\r\n            function (event) {\r\n\r\n                if (!isDragging) {\r\n                    return;\r\n                }\r\n\r\n\r\n                const distance =\r\n                    event.clientX - startX;\r\n\r\n\r\n                position =\r\n                    startPosition + distance;\r\n\r\n\r\n                updatePosition();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        window.addEventListener(\r\n            \"mouseup\",\r\n            function () {\r\n\r\n                if (!isDragging) {\r\n                    return;\r\n                }\r\n\r\n\r\n                isDragging = false;\r\n\r\n                isPaused = false;\r\n\r\n                slider.classList.remove(\r\n                    \"is-dragging\"\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           TOUCH\r\n        ===================================================== *\/\r\n\r\n        slider.addEventListener(\r\n            \"touchstart\",\r\n            function (event) {\r\n\r\n                isDragging = true;\r\n\r\n                isPaused = true;\r\n\r\n                startX =\r\n                    event.touches[0].clientX;\r\n\r\n                startPosition =\r\n                    position;\r\n\r\n            },\r\n            { passive: true }\r\n        );\r\n\r\n\r\n        slider.addEventListener(\r\n            \"touchmove\",\r\n            function (event) {\r\n\r\n                if (!isDragging) {\r\n                    return;\r\n                }\r\n\r\n\r\n                const currentX =\r\n                    event.touches[0].clientX;\r\n\r\n\r\n                position =\r\n                    startPosition +\r\n                    (currentX - startX);\r\n\r\n\r\n                updatePosition();\r\n\r\n            },\r\n            { passive: true }\r\n        );\r\n\r\n\r\n        slider.addEventListener(\r\n            \"touchend\",\r\n            function () {\r\n\r\n                isDragging = false;\r\n\r\n                isPaused = false;\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           NEXT\r\n        ===================================================== *\/\r\n\r\n        next.addEventListener(\r\n            \"click\",\r\n            function () {\r\n\r\n                isPaused = true;\r\n\r\n                position -=\r\n                    slider.offsetWidth * .78;\r\n\r\n                updatePosition();\r\n\r\n                setTimeout(function () {\r\n\r\n                    isPaused = false;\r\n\r\n                }, 500);\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           PREVIOUS\r\n        ===================================================== *\/\r\n\r\n        prev.addEventListener(\r\n            \"click\",\r\n            function () {\r\n\r\n                isPaused = true;\r\n\r\n                position +=\r\n                    slider.offsetWidth * .78;\r\n\r\n                updatePosition();\r\n\r\n                setTimeout(function () {\r\n\r\n                    isPaused = false;\r\n\r\n                }, 500);\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           RESIZE\r\n        ===================================================== *\/\r\n\r\n        window.addEventListener(\r\n            \"resize\",\r\n            function () {\r\n\r\n                calculateLoopWidth();\r\n\r\n                updatePosition();\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* Elementor \/ WordPress safe initialization *\/\r\n\r\n    if (\r\n        document.readyState ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initAspenTestimonials\r\n        );\r\n\r\n    } else {\r\n\r\n        initAspenTestimonials();\r\n\r\n    }\r\n\r\n\r\n    \/* Elementor frontend support *\/\r\n\r\n    if (\r\n        window.jQuery\r\n    ) {\r\n\r\n        jQuery(window).on(\r\n            \"elementor\/frontend\/init\",\r\n            function () {\r\n\r\n                setTimeout(\r\n                    initAspenTestimonials,\r\n                    100\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c2d39d1 e-con-full e-flex e-con e-parent\" data-id=\"c2d39d1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dceecc4 elementor-widget elementor-widget-html\" data-id=\"dceecc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ASPEN TECHNOLOGIES \u2014 CONTACT SECTION\r\n     UPDATED COLOR PALETTE\r\n     #4C5C63 | #FFFFFF | #D2D6D9\r\n========================================================= -->\r\n\r\n<section class=\"aspen-contact\">\r\n\r\n    <div class=\"aspen-contact-bg-grid\"><\/div>\r\n\r\n    <div class=\"aspen-contact-container\">\r\n\r\n        <!-- LEFT -->\r\n        <div class=\"aspen-contact-content\">\r\n\r\n            <div class=\"aspen-contact-eyebrow\">\r\n                <span><\/span>\r\n                GET IN TOUCH\r\n            <\/div>\r\n\r\n            <h2>\r\n                Let's Build Your\r\n                <strong>Technology Infrastructure.<\/strong>\r\n            <\/h2>\r\n\r\n            <p class=\"aspen-contact-intro\">\r\n                Have a project in mind? Talk with our team about structured\r\n                cabling, data centers, security, electrical, AV, wireless,\r\n                and other technology infrastructure solutions.\r\n            <\/p>\r\n\r\n            <div class=\"aspen-contact-details\">\r\n\r\n                <!-- PHONE -->\r\n                <a href=\"tel:4803151700\" class=\"aspen-contact-item\">\r\n\r\n                    <div class=\"aspen-contact-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                            <path\r\n                                d=\"M6.6 2.8L9.1 2.2C9.7 2.1 10.3 2.4 10.5 3L11.7 6.1C11.9 6.6 11.7 7.1 11.3 7.4L9.8 8.6C10.9 11 13 13.1 15.4 14.2L16.6 12.7C16.9 12.3 17.4 12.1 17.9 12.3L21 13.5C21.6 13.7 21.9 14.3 21.8 14.9L21.2 17.4C21.1 18 20.6 18.5 20 18.6C10.9 19.6 4.4 13.1 5.4 4C5.5 3.4 6 2.9 6.6 2.8Z\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.6\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <span>CALL US<\/span>\r\n                        <strong>480-315-1700<\/strong>\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n                <!-- EMAIL -->\r\n                <a href=\"mailto:info@aspentechaz.net\"\r\n                   class=\"aspen-contact-item\">\r\n\r\n                    <div class=\"aspen-contact-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                            <rect\r\n                                x=\"3\"\r\n                                y=\"5\"\r\n                                width=\"18\"\r\n                                height=\"14\"\r\n                                rx=\"2\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.6\"\/>\r\n                            <path\r\n                                d=\"M4 7L12 13L20 7\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.6\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <span>EMAIL US<\/span>\r\n                        <strong>info@aspentechaz.net<\/strong>\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n                <!-- ADDRESS -->\r\n                <div class=\"aspen-contact-item\">\r\n\r\n                    <div class=\"aspen-contact-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                            <path\r\n                                d=\"M12 21C16.4 16.8 19 13.5 19 9.5C19 5.9 15.9 3 12 3C8.1 3 5 5.9 5 9.5C5 13.5 7.6 16.8 12 21Z\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.6\"\/>\r\n                            <circle\r\n                                cx=\"12\"\r\n                                cy=\"9.5\"\r\n                                r=\"2.5\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.6\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <span>ADDRESS<\/span>\r\n                        <strong>\r\n                            570 W. Southern Ave., Tempe AZ 85282\r\n                        <\/strong>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"aspen-contact-trust\">\r\n\r\n                <div class=\"aspen-contact-trust-line\"><\/div>\r\n\r\n                <p>\r\n                    One Source.\r\n                    <span>Total Technology Solutions.<\/span>\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- RIGHT FORM -->\r\n        <div class=\"aspen-contact-form-wrap\">\r\n\r\n            <div class=\"aspen-form-header\">\r\n\r\n                <div>\r\n                    <span>PROJECT INQUIRY<\/span>\r\n                    <h3>Tell Us About Your Project<\/h3>\r\n                <\/div>\r\n\r\n                <div class=\"aspen-form-number\">\r\n                    01\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <form class=\"aspen-contact-form\">\r\n\r\n                <div class=\"aspen-form-row\">\r\n\r\n                    <div class=\"aspen-field\">\r\n                        <label>FIRST NAME<\/label>\r\n                        <input\r\n                            type=\"text\"\r\n                            name=\"first_name\"\r\n                            placeholder=\"John\"\r\n                            required>\r\n                    <\/div>\r\n\r\n                    <div class=\"aspen-field\">\r\n                        <label>LAST NAME<\/label>\r\n                        <input\r\n                            type=\"text\"\r\n                            name=\"last_name\"\r\n                            placeholder=\"Smith\"\r\n                            required>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aspen-form-row\">\r\n\r\n                    <div class=\"aspen-field\">\r\n                        <label>BUSINESS EMAIL<\/label>\r\n                        <input\r\n                            type=\"email\"\r\n                            name=\"email\"\r\n                            placeholder=\"john@company.com\"\r\n                            required>\r\n                    <\/div>\r\n\r\n                    <div class=\"aspen-field\">\r\n                        <label>PHONE<\/label>\r\n                        <input\r\n                            type=\"tel\"\r\n                            name=\"phone\"\r\n                            placeholder=\"480-000-0000\">\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aspen-field\">\r\n\r\n                    <label>WHAT DO YOU NEED?<\/label>\r\n\r\n                    <select name=\"service\">\r\n\r\n                        <option value=\"\">Select a service<\/option>\r\n                        <option>Structured Cabling<\/option>\r\n                        <option>Data Center<\/option>\r\n                        <option>Security<\/option>\r\n                        <option>Electrical<\/option>\r\n                        <option>Audio \/ Visual<\/option>\r\n                        <option>Wireless \/ DAS<\/option>\r\n                        <option>Other<\/option>\r\n\r\n                    <\/select>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aspen-field\">\r\n\r\n                    <label>PROJECT DETAILS<\/label>\r\n\r\n                    <textarea\r\n                        name=\"message\"\r\n                        rows=\"4\"\r\n                        placeholder=\"Tell us a little about your project...\"><\/textarea>\r\n\r\n                <\/div>\r\n\r\n\r\n                <button\r\n                    type=\"submit\"\r\n                    class=\"aspen-submit\">\r\n\r\n                    <span>REQUEST A QUOTE<\/span>\r\n\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                        <path\r\n                            d=\"M5 12H19M13 6L19 12L13 18\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.7\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n\r\n                <\/button>\r\n\r\n            <\/form>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   COLOR SYSTEM\r\n========================================================= *\/\r\n\r\n.aspen-contact {\r\n\r\n    --aspen-dark: #4C5C63;\r\n    --aspen-white: #FFFFFF;\r\n    --aspen-light: #D2D6D9;\r\n\r\n    --aspen-dark-deep: #26343A;\r\n    --aspen-dark-soft: #617078;\r\n    --aspen-border: rgba(255,255,255,.14);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN SECTION\r\n========================================================= *\/\r\n\r\n.aspen-contact {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: 82px 0 86px;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 8% 15%,\r\n            rgba(210,214,217,.08),\r\n            transparent 25%\r\n        ),\r\n        radial-gradient(\r\n            circle at 92% 85%,\r\n            rgba(210,214,217,.05),\r\n            transparent 25%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #26343A 0%,\r\n            #4C5C63 100%\r\n        );\r\n\r\n    color: var(--aspen-white);\r\n\r\n    font-family: \"Inter\", Arial, sans-serif;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.aspen-contact-bg-grid {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    opacity: .08;\r\n\r\n    pointer-events: none;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(255,255,255,.08) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.08) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 65px 65px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE CIRCLE\r\n========================================================= *\/\r\n\r\n.aspen-contact::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 420px;\r\n    height: 420px;\r\n\r\n    right: -220px;\r\n    top: -220px;\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 1px solid rgba(255,255,255,.10);\r\n\r\n    box-shadow:\r\n        0 0 0 55px rgba(255,255,255,.025),\r\n        0 0 0 110px rgba(255,255,255,.015);\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.aspen-contact-container {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width: min(\r\n        1180px,\r\n        calc(100% - 40px)\r\n    );\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,.94fr)\r\n        minmax(0,1.06fr);\r\n\r\n    gap: 55px;\r\n\r\n    align-items: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT\r\n========================================================= *\/\r\n\r\n.aspen-contact-content {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 540px;\r\n\r\n}\r\n\r\n\r\n.aspen-contact-eyebrow {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 16px;\r\n\r\n    color: var(--aspen-light);\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2.5px;\r\n\r\n}\r\n\r\n\r\n.aspen-contact-eyebrow span {\r\n\r\n    width: 28px;\r\n\r\n    height: 2px;\r\n\r\n    background: var(--aspen-light);\r\n\r\n}\r\n\r\n\r\n.aspen-contact-content h2 {\r\n\r\n    margin: 0;\r\n\r\n    color: var(--aspen-white);\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(38px,4.2vw,58px);\r\n\r\n    line-height: 1.07;\r\n\r\n    letter-spacing: -2.5px;\r\n\r\n    font-weight: 800;\r\n\r\n}\r\n\r\n\r\n.aspen-contact-content h2 strong {\r\n\r\n    display: block;\r\n\r\n    color: var(--aspen-light);\r\n\r\n    font-weight: 800;\r\n\r\n}\r\n\r\n\r\n.aspen-contact-intro {\r\n\r\n    max-width: 510px;\r\n\r\n    margin: 21px 0 29px;\r\n\r\n    color: var(--aspen-light);\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.75;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT DETAILS\r\n========================================================= *\/\r\n\r\n.aspen-contact-details {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 11px;\r\n\r\n}\r\n\r\n\r\n.aspen-contact-item {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 13px;\r\n\r\n    width: fit-content;\r\n\r\n    color: inherit;\r\n\r\n    text-decoration: none !important;\r\n\r\n}\r\n\r\n\r\n.aspen-contact-icon {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    width: 43px;\r\n\r\n    height: 43px;\r\n\r\n    flex: 0 0 43px;\r\n\r\n    border: 1px solid var(--aspen-border);\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        rgba(255,255,255,.07);\r\n\r\n    color: var(--aspen-light);\r\n\r\n    transition:\r\n        .3s ease;\r\n\r\n}\r\n\r\n\r\n.aspen-contact-icon svg {\r\n\r\n    width: 19px;\r\n\r\n    height: 19px;\r\n\r\n}\r\n\r\n\r\n.aspen-contact-item:hover\r\n.aspen-contact-icon {\r\n\r\n    transform: translateY(-2px);\r\n\r\n    background: var(--aspen-white);\r\n\r\n    border-color: var(--aspen-white);\r\n\r\n    color: var(--aspen-dark);\r\n\r\n}\r\n\r\n\r\n.aspen-contact-item span {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 3px;\r\n\r\n    color: var(--aspen-light);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.8px;\r\n\r\n}\r\n\r\n\r\n.aspen-contact-item strong {\r\n\r\n    display: block;\r\n\r\n    color: var(--aspen-white);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.35;\r\n\r\n    font-weight: 600;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRUST\r\n========================================================= *\/\r\n\r\n.aspen-contact-trust {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 13px;\r\n\r\n    margin-top: 27px;\r\n\r\n}\r\n\r\n\r\n.aspen-contact-trust-line {\r\n\r\n    width: 35px;\r\n\r\n    height: 1px;\r\n\r\n    background: var(--aspen-light);\r\n\r\n}\r\n\r\n\r\n.aspen-contact-trust p {\r\n\r\n    margin: 0;\r\n\r\n    color: var(--aspen-light);\r\n\r\n    font-size: 10px;\r\n\r\n    letter-spacing: .8px;\r\n\r\n}\r\n\r\n\r\n.aspen-contact-trust p span {\r\n\r\n    color: var(--aspen-white);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM\r\n========================================================= *\/\r\n\r\n.aspen-contact-form-wrap {\r\n\r\n    width: 100%;\r\n\r\n    box-sizing: border-box;\r\n\r\n    padding: 31px 32px 29px;\r\n\r\n    border: 1px solid\r\n        rgba(255,255,255,.16);\r\n\r\n    border-radius: 18px;\r\n\r\n    background:\r\n        rgba(38,52,58,.72);\r\n\r\n    box-shadow:\r\n        0 22px 55px\r\n        rgba(0,0,0,.22);\r\n\r\n    backdrop-filter:\r\n        blur(16px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(16px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM HEADER\r\n========================================================= *\/\r\n\r\n.aspen-form-header {\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n\r\n    justify-content: space-between;\r\n\r\n    padding-bottom: 18px;\r\n\r\n    margin-bottom: 19px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(255,255,255,.12);\r\n\r\n}\r\n\r\n\r\n.aspen-form-header span {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 6px;\r\n\r\n    color: var(--aspen-light);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.8px;\r\n\r\n}\r\n\r\n\r\n.aspen-form-header h3 {\r\n\r\n    margin: 0;\r\n\r\n    color: var(--aspen-white);\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 22px;\r\n\r\n    line-height: 1.25;\r\n\r\n    font-weight: 700;\r\n\r\n}\r\n\r\n\r\n.aspen-form-number {\r\n\r\n    color: rgba(255,255,255,.20);\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 35px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 800;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROW\r\n========================================================= *\/\r\n\r\n.aspen-form-row {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1fr 1fr;\r\n\r\n    gap: 14px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FIELD\r\n========================================================= *\/\r\n\r\n.aspen-field {\r\n\r\n    margin-bottom: 14px;\r\n\r\n}\r\n\r\n\r\n.aspen-field label {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 6px;\r\n\r\n    color: var(--aspen-light);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.5px;\r\n\r\n}\r\n\r\n\r\n.aspen-field input,\r\n.aspen-field select,\r\n.aspen-field textarea {\r\n\r\n    width: 100%;\r\n\r\n    box-sizing: border-box;\r\n\r\n    outline: none;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.14);\r\n\r\n    border-radius: 8px;\r\n\r\n    background:\r\n        rgba(0,0,0,.16);\r\n\r\n    color: var(--aspen-white);\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 12px;\r\n\r\n    transition: .25s ease;\r\n\r\n}\r\n\r\n\r\n.aspen-field input,\r\n.aspen-field select {\r\n\r\n    height: 45px;\r\n\r\n    padding: 0 13px;\r\n\r\n}\r\n\r\n\r\n.aspen-field textarea {\r\n\r\n    min-height: 86px;\r\n\r\n    padding: 12px 13px;\r\n\r\n    resize: vertical;\r\n\r\n}\r\n\r\n\r\n.aspen-field input::placeholder,\r\n.aspen-field textarea::placeholder {\r\n\r\n    color: #AAB2B6;\r\n\r\n}\r\n\r\n\r\n.aspen-field select {\r\n\r\n    appearance: none;\r\n\r\n    -webkit-appearance: none;\r\n\r\n    padding-right: 38px;\r\n\r\n    background-image:\r\n\r\n        linear-gradient(\r\n            45deg,\r\n            transparent 50%,\r\n            #D2D6D9 50%\r\n        ),\r\n\r\n        linear-gradient(\r\n            135deg,\r\n            #D2D6D9 50%,\r\n            transparent 50%\r\n        );\r\n\r\n    background-position:\r\n        calc(100% - 16px) 19px,\r\n        calc(100% - 11px) 19px;\r\n\r\n    background-size:\r\n        5px 5px,\r\n        5px 5px;\r\n\r\n    background-repeat:\r\n        no-repeat;\r\n\r\n}\r\n\r\n\r\n.aspen-field select option {\r\n\r\n    background: #4C5C63;\r\n\r\n    color: #FFFFFF;\r\n\r\n}\r\n\r\n\r\n.aspen-field input:focus,\r\n.aspen-field select:focus,\r\n.aspen-field textarea:focus {\r\n\r\n    border-color:\r\n        #D2D6D9;\r\n\r\n    background:\r\n        rgba(255,255,255,.08);\r\n\r\n    box-shadow:\r\n        0 0 0 3px\r\n        rgba(210,214,217,.10);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n========================================================= *\/\r\n\r\n.aspen-submit {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    width: 100%;\r\n\r\n    height: 51px;\r\n\r\n    margin-top: 2px;\r\n\r\n    padding:\r\n        0 18px 0 21px;\r\n\r\n    border: 1px solid\r\n        rgba(255,255,255,.18);\r\n\r\n    border-radius: 50px;\r\n\r\n    background:\r\n        var(--aspen-white);\r\n\r\n    color: var(--aspen-dark);\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.3px;\r\n\r\n    cursor: pointer;\r\n\r\n    transition: .3s ease;\r\n\r\n}\r\n\r\n\r\n.aspen-submit svg {\r\n\r\n    width: 20px;\r\n\r\n    height: 20px;\r\n\r\n    transition: .3s ease;\r\n\r\n}\r\n\r\n\r\n.aspen-submit:hover {\r\n\r\n    background: var(--aspen-light);\r\n\r\n    color: var(--aspen-dark-deep);\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 12px 28px\r\n        rgba(0,0,0,.22);\r\n\r\n}\r\n\r\n\r\n.aspen-submit:hover svg {\r\n\r\n    transform:\r\n        translateX(4px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:950px) {\r\n\r\n    .aspen-contact {\r\n\r\n        padding: 72px 0 78px;\r\n\r\n    }\r\n\r\n    .aspen-contact-container {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 42px;\r\n\r\n    }\r\n\r\n    .aspen-contact-content {\r\n\r\n        max-width: 720px;\r\n\r\n    }\r\n\r\n    .aspen-contact-form-wrap {\r\n\r\n        max-width: 720px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:600px) {\r\n\r\n    .aspen-contact {\r\n\r\n        padding: 58px 0 62px;\r\n\r\n    }\r\n\r\n    .aspen-contact-container {\r\n\r\n        width:\r\n            calc(100% - 28px);\r\n\r\n        gap: 32px;\r\n\r\n    }\r\n\r\n    .aspen-contact-content h2 {\r\n\r\n        font-size: 35px;\r\n\r\n        letter-spacing: -1.7px;\r\n\r\n    }\r\n\r\n    .aspen-contact-intro {\r\n\r\n        margin: 17px 0 23px;\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.7;\r\n\r\n    }\r\n\r\n    .aspen-contact-form-wrap {\r\n\r\n        padding:\r\n            23px 18px 21px;\r\n\r\n        border-radius: 15px;\r\n\r\n    }\r\n\r\n    .aspen-form-row {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 0;\r\n\r\n    }\r\n\r\n    .aspen-form-header h3 {\r\n\r\n        font-size: 19px;\r\n\r\n    }\r\n\r\n    .aspen-form-number {\r\n\r\n        font-size: 28px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Smart Technology Solutions Technology That Moves Business Forward. Intelligent technology solutions designed to help organizations build smarter facilities, improve operational [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aspen.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aspen.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aspen.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aspen.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aspen.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":67,"href":"https:\/\/aspen.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/aspen.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/aspen.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}