{"id":8,"date":"2026-08-24T08:18:31","date_gmt":"2026-08-24T08:18:31","guid":{"rendered":"https:\/\/aspenwp2.mystartupcrew.com\/?page_id=8"},"modified":"2026-08-25T16:23:20","modified_gmt":"2026-08-25T16:23:20","slug":"home","status":"publish","type":"page","link":"https:\/\/aspenwp2.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<!-- =========================================================\r\n     ASPEN TECH \u2014 HIGH IMPACT MODERN HERO\r\n     WORDPRESS \/ ELEMENTOR READY\r\n     (Hero Section Only)\r\n========================================================= -->\r\n\r\n<style>\r\n\/* =========================================================\r\n   RESET (scoped)\r\n========================================================= *\/\r\n.aspen-hero,\r\n.aspen-hero * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n.aspen-hero {\r\n    --black: #0B1013;\r\n    --dark: #182126;\r\n    --slate: #4C5C63;\r\n    --white: #FFFFFF;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 820px;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    background: var(--black);\r\n    font-family: \"Inter\", Arial, sans-serif;\r\n}\r\n\r\n\/* =========================================================\r\n   IMAGE SLIDER (Ken Burns)\r\n========================================================= *\/\r\n.aspen-hero__images {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -30;\r\n    overflow: hidden;\r\n}\r\n\r\n.aspen-hero__image {\r\n    position: absolute;\r\n    inset: -6%;\r\n    opacity: 0;\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    transform: scale(1.02) translate3d(0,0,0);\r\n    transition: opacity 1.5s cubic-bezier(.4,0,.2,1),\r\n                transform 8s cubic-bezier(.16,.72,.25,1);\r\n    will-change: opacity, transform;\r\n}\r\n\r\n.aspen-hero__image.active {\r\n    opacity: 1;\r\n    transform: scale(1.12) translate3d(0,0,0);\r\n}\r\n\r\n\/* different movements per slide *\/\r\n.aspen-hero__image:nth-child(1).active {\r\n    transform: scale(1.12) translate3d(0,0,0);\r\n}\r\n.aspen-hero__image:nth-child(2).active {\r\n    transform: scale(1.11) translate3d(-1.5%,0,0);\r\n}\r\n.aspen-hero__image:nth-child(3).active {\r\n    transform: scale(1.12) translate3d(1.5%,-.5%,0);\r\n}\r\n\r\n\/* =========================================================\r\n   CINEMATIC GRADING\r\n========================================================= *\/\r\n.aspen-hero__gradient {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -25;\r\n    background: linear-gradient(90deg,\r\n        rgba(7,11,13,.98) 0%,\r\n        rgba(10,16,19,.94) 22%,\r\n        rgba(15,22,25,.72) 44%,\r\n        rgba(20,29,33,.32) 72%,\r\n        rgba(10,14,16,.30) 100%\r\n    );\r\n}\r\n\r\n.aspen-hero__shade {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -24;\r\n    background: radial-gradient(ellipse at 77% 50%,\r\n        transparent 0%, transparent 32%,\r\n        rgba(5,9,11,.40) 75%,\r\n        rgba(5,9,11,.70) 100%\r\n    );\r\n}\r\n\r\n.aspen-hero__bottom {\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    height: 220px;\r\n    z-index: -23;\r\n    background: linear-gradient(to top,\r\n        #182126 0%,\r\n        rgba(24,33,38,.88) 28%,\r\n        rgba(24,33,38,.20) 75%,\r\n        transparent 100%\r\n    );\r\n}\r\n\r\n\/* =========================================================\r\n   TECH GRID\r\n========================================================= *\/\r\n.aspen-hero__grid {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -20;\r\n    opacity: .12;\r\n    background-image:\r\n        linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);\r\n    background-size: 72px 72px;\r\n    -webkit-mask-image: linear-gradient(90deg, black 0%, black 35%, transparent 80%);\r\n    mask-image: linear-gradient(90deg, black 0%, black 35%, transparent 80%);\r\n}\r\n\r\n\/* =========================================================\r\n   MAIN CONTAINER\r\n========================================================= *\/\r\n.aspen-hero__container {\r\n    position: relative;\r\n    z-index: 10;\r\n    width: min(1280px, 92%);\r\n    min-height: 820px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n\/* =========================================================\r\n   CONTENT (left)\r\n========================================================= *\/\r\n.aspen-hero__content {\r\n    position: relative;\r\n    width: 58%;\r\n    max-width: 720px;\r\n    padding-top: 10px;\r\n    z-index: 20;\r\n    animation: aspenReveal .9s ease both;\r\n}\r\n\r\n@keyframes aspenReveal {\r\n    from { opacity: 0; transform: translateY(35px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* label *\/\r\n.aspen-hero__label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    margin-bottom: 25px;\r\n    color: rgba(255,255,255,.65);\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n}\r\n.aspen-hero__label-line {\r\n    width: 38px;\r\n    height: 1px;\r\n    background: rgba(255,255,255,.65);\r\n}\r\n\r\n\/* title *\/\r\n.aspen-hero__title {\r\n    margin: 0 !important;\r\n    color: #FFFFFF !important;\r\n    font-family: \"Plus Jakarta Sans\", \"Inter\", Arial, sans-serif !important;\r\n    font-size: clamp(60px, 7vw, 98px) !important;\r\n    font-weight: 800 !important;\r\n    line-height: .91 !important;\r\n    letter-spacing: -5.5px !important;\r\n}\r\n.aspen-hero__title span {\r\n    display: block;\r\n}\r\n.aspen-hero__title-main {\r\n    color: #FFFFFF;\r\n}\r\n.aspen-hero__title-accent {\r\n    margin-top: 8px;\r\n    background: linear-gradient(100deg,\r\n        #FFFFFF 0%, #FFFFFF 32%,\r\n        #AEB9BD 68%, #4C5C63 100%);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n\/* description *\/\r\n.aspen-hero__description {\r\n    max-width: 570px;\r\n    margin: 31px 0 32px !important;\r\n    color: rgba(255,255,255,.67) !important;\r\n    font-size: 16px !important;\r\n    line-height: 1.8 !important;\r\n}\r\n\r\n\/* buttons *\/\r\n.aspen-hero__actions {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    flex-wrap: wrap;\r\n}\r\n.aspen-hero__button {\r\n    min-height: 56px;\r\n    padding: 0 23px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    border-radius: 3px;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    text-decoration: none !important;\r\n    transition: .35s ease;\r\n    cursor: pointer;\r\n    border: none;\r\n}\r\n.aspen-hero__button svg {\r\n    width: 17px;\r\n    height: 17px;\r\n    transition: .35s ease;\r\n}\r\n.aspen-hero__primary {\r\n    color: #182126 !important;\r\n    background: #FFFFFF;\r\n    border: 1px solid #FFFFFF;\r\n    box-shadow: 0 15px 40px rgba(0,0,0,.28);\r\n}\r\n.aspen-hero__primary:hover {\r\n    color: #FFFFFF !important;\r\n    background: #4C5C63;\r\n    border-color: #4C5C63;\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 20px 50px rgba(0,0,0,.38);\r\n}\r\n.aspen-hero__secondary {\r\n    color: #FFFFFF !important;\r\n    background: rgba(255,255,255,.045);\r\n    border: 1px solid rgba(255,255,255,.20);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n}\r\n.aspen-hero__secondary:hover {\r\n    color: #182126 !important;\r\n    background: #FFFFFF;\r\n    border-color: #FFFFFF;\r\n    transform: translateY(-4px);\r\n}\r\n.aspen-hero__button:hover svg {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\/* trust *\/\r\n.aspen-hero__trust {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0;\r\n    margin-top: 39px;\r\n}\r\n.aspen-hero__trust-item {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 0 17px;\r\n    color: rgba(255,255,255,.48);\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n}\r\n.aspen-hero__trust-item:first-child {\r\n    padding-left: 0;\r\n}\r\n.aspen-hero__trust-item + .aspen-hero__trust-item {\r\n    border-left: 1px solid rgba(255,255,255,.13);\r\n}\r\n.aspen-hero__check {\r\n    width: 14px;\r\n    height: 14px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 1px solid rgba(255,255,255,.25);\r\n    border-radius: 50%;\r\n}\r\n.aspen-hero__check svg {\r\n    width: 8px;\r\n    height: 8px;\r\n}\r\n\r\n\/* =========================================================\r\n   RIGHT VISUAL FRAME\r\n========================================================= *\/\r\n.aspen-hero__visual {\r\n    position: absolute;\r\n    right: -3%;\r\n    top: 50%;\r\n    width: 56%;\r\n    height: 650px;\r\n    transform: translateY(-50%);\r\n    z-index: 12;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* orbital rings *\/\r\n.aspen-hero__orbit {\r\n    position: absolute;\r\n    width: 520px;\r\n    height: 520px;\r\n    right: 2%;\r\n    top: 50%;\r\n    transform: translateY(-50%) rotate(-18deg);\r\n    border: 1px solid rgba(255,255,255,.10);\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 80px rgba(76,92,99,.10);\r\n    animation: aspenOrbit 18s linear infinite;\r\n}\r\n.aspen-hero__orbit::before,\r\n.aspen-hero__orbit::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 34px;\r\n    border: 1px solid rgba(255,255,255,.07);\r\n    border-radius: 50%;\r\n}\r\n.aspen-hero__orbit::after {\r\n    inset: 92px;\r\n    border-color: rgba(255,255,255,.055);\r\n}\r\n@keyframes aspenOrbit {\r\n    from { transform: translateY(-50%) rotate(-18deg); }\r\n    to   { transform: translateY(-50%) rotate(342deg); }\r\n}\r\n.aspen-hero__orbit-dot {\r\n    position: absolute;\r\n    top: 30px;\r\n    left: 50%;\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: #FFFFFF;\r\n    box-shadow: 0 0 20px rgba(255,255,255,.75);\r\n}\r\n\r\n\/* scan line *\/\r\n.aspen-hero__scan {\r\n    position: absolute;\r\n    top: 5%;\r\n    right: 18%;\r\n    width: 1px;\r\n    height: 90%;\r\n    overflow: hidden;\r\n    background: linear-gradient(to bottom, transparent, rgba(255,255,255,.08), transparent);\r\n}\r\n.aspen-hero__scan::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -20%;\r\n    left: -2px;\r\n    width: 5px;\r\n    height: 90px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,.8);\r\n    box-shadow: 0 0 18px rgba(255,255,255,.6);\r\n    animation: aspenScan 4.5s ease-in-out infinite;\r\n}\r\n@keyframes aspenScan {\r\n    0%   { top: -20%; }\r\n    50%  { top: 100%; }\r\n    100% { top: 100%; }\r\n}\r\n\r\n\/* floating markers *\/\r\n.aspen-hero__marker {\r\n    position: absolute;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    color: rgba(255,255,255,.48);\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.2px;\r\n    text-transform: uppercase;\r\n}\r\n.aspen-hero__marker::before {\r\n    content: \"\";\r\n    width: 7px;\r\n    height: 7px;\r\n    border: 1px solid rgba(255,255,255,.55);\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 10px rgba(255,255,255,.25);\r\n}\r\n.aspen-hero__marker--one   { right: 5%; top: 21%; }\r\n.aspen-hero__marker--two   { right: 28%; bottom: 19%; }\r\n.aspen-hero__marker--three { left: 9%; bottom: 31%; }\r\n\r\n\/* glass data panel *\/\r\n.aspen-hero__info {\r\n    position: absolute;\r\n    right: 3%;\r\n    bottom: 12%;\r\n    width: 205px;\r\n    padding: 17px;\r\n    border: 1px solid rgba(255,255,255,.13);\r\n    border-radius: 8px;\r\n    background: rgba(15,22,25,.42);\r\n    backdrop-filter: blur(18px);\r\n    -webkit-backdrop-filter: blur(18px);\r\n    box-shadow: 0 20px 60px rgba(0,0,0,.24);\r\n}\r\n.aspen-hero__info-label {\r\n    margin-bottom: 8px;\r\n    color: rgba(255,255,255,.38);\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n}\r\n.aspen-hero__info-title {\r\n    margin-bottom: 13px;\r\n    color: #FFFFFF;\r\n    font-family: \"Plus Jakarta Sans\", sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n}\r\n.aspen-hero__info-line {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: rgba(255,255,255,.52);\r\n    font-size: 9px;\r\n}\r\n.aspen-hero__info-line + .aspen-hero__info-line {\r\n    margin-top: 8px;\r\n}\r\n.aspen-hero__info-dot {\r\n    width: 5px;\r\n    height: 5px;\r\n    border-radius: 50%;\r\n    background: #FFFFFF;\r\n    box-shadow: 0 0 8px rgba(255,255,255,.5);\r\n}\r\n\r\n\/* =========================================================\r\n   SLIDER UI (bottom)\r\n========================================================= *\/\r\n.aspen-hero__slider {\r\n    position: absolute;\r\n    left: 4%;\r\n    bottom: 32px;\r\n    z-index: 30;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n.aspen-hero__dot {\r\n    position: relative;\r\n    width: 38px;\r\n    height: 2px;\r\n    padding: 0;\r\n    border: 0;\r\n    background: rgba(255,255,255,.20);\r\n    cursor: pointer;\r\n    overflow: hidden;\r\n}\r\n.aspen-hero__dot::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: #FFFFFF;\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n}\r\n.aspen-hero__dot.active::after {\r\n    animation: aspenProgress 6.5s linear forwards;\r\n}\r\n@keyframes aspenProgress {\r\n    from { transform: scaleX(0); }\r\n    to   { transform: scaleX(1); }\r\n}\r\n\r\n\/* counter *\/\r\n.aspen-hero__counter {\r\n    position: absolute;\r\n    right: 4%;\r\n    bottom: 27px;\r\n    z-index: 30;\r\n    display: flex;\r\n    align-items: baseline;\r\n    gap: 5px;\r\n    color: rgba(255,255,255,.25);\r\n    font-size: 10px;\r\n    letter-spacing: 2px;\r\n}\r\n.aspen-hero__counter-current {\r\n    color: #FFFFFF;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET \/ MOBILE RESPONSIVE\r\n========================================================= *\/\r\n@media (max-width: 1000px) {\r\n    .aspen-hero__content { width: 65%; }\r\n    .aspen-hero__visual { width: 52%; right: -8%; }\r\n    .aspen-hero__orbit { width: 430px; height: 430px; }\r\n    .aspen-hero__info { width: 180px; }\r\n}\r\n@media (max-width: 850px) {\r\n    .aspen-hero { min-height: 740px; }\r\n    .aspen-hero__container {\r\n        min-height: 740px;\r\n        justify-content: center;\r\n        text-align: center;\r\n    }\r\n    .aspen-hero__content {\r\n        width: 100%;\r\n        max-width: 760px;\r\n    }\r\n    .aspen-hero__visual {\r\n        opacity: .28;\r\n        width: 100%;\r\n        right: -35%;\r\n        z-index: 4;\r\n    }\r\n    .aspen-hero__gradient {\r\n        background: linear-gradient(90deg, rgba(8,13,16,.96), rgba(15,22,25,.82));\r\n    }\r\n    .aspen-hero__label { justify-content: center; }\r\n    .aspen-hero__description { margin-left: auto !important; margin-right: auto !important; }\r\n    .aspen-hero__actions { justify-content: center; }\r\n    .aspen-hero__trust { justify-content: center; }\r\n}\r\n@media (max-width: 600px) {\r\n    .aspen-hero { min-height: 700px; }\r\n    .aspen-hero__container {\r\n        width: 90%;\r\n        min-height: 700px;\r\n        padding: 70px 0 85px;\r\n    }\r\n    .aspen-hero__visual { display: none; }\r\n    .aspen-hero__label {\r\n        margin-bottom: 20px;\r\n        font-size: 8px;\r\n        letter-spacing: 1.3px;\r\n    }\r\n    .aspen-hero__title {\r\n        font-size: 45px !important;\r\n        line-height: .98 !important;\r\n        letter-spacing: -3px !important;\r\n    }\r\n    .aspen-hero__description {\r\n        margin-top: 25px !important;\r\n        margin-bottom: 28px !important;\r\n        font-size: 14px !important;\r\n        line-height: 1.7 !important;\r\n    }\r\n    .aspen-hero__actions {\r\n        width: 100%;\r\n        flex-direction: column;\r\n        gap: 10px;\r\n    }\r\n    .aspen-hero__button {\r\n        width: 100%;\r\n        min-height: 54px;\r\n    }\r\n    .aspen-hero__trust {\r\n        margin-top: 28px;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 9px;\r\n    }\r\n    .aspen-hero__trust-item {\r\n        padding: 0 6px;\r\n        font-size: 8px;\r\n    }\r\n    .aspen-hero__trust-item:first-child { padding-left: 6px; }\r\n    .aspen-hero__trust-item + .aspen-hero__trust-item { border-left: 0; }\r\n    .aspen-hero__slider {\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        bottom: 22px;\r\n    }\r\n    .aspen-hero__dot { width: 24px; }\r\n    .aspen-hero__counter {\r\n        right: 15px;\r\n        bottom: 18px;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .aspen-hero__image {\r\n        transition: opacity .4s ease;\r\n        transform: scale(1) !important;\r\n    }\r\n    .aspen-hero__orbit,\r\n    .aspen-hero__scan::after,\r\n    .aspen-hero__content {\r\n        animation: none !important;\r\n    }\r\n    .aspen-hero__dot.active::after {\r\n        animation: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- =========================================================\r\n     HERO SECTION (WordPress ready \u2013 no dependencies)\r\n========================================================= -->\r\n<section class=\"aspen-hero\" aria-label=\"Aspen Technology Hero\" tabindex=\"0\">\r\n\r\n    <!-- BACKGROUND IMAGES (slider) -->\r\n    <div class=\"aspen-hero__images\">\r\n        <div class=\"aspen-hero__image active\"\r\n             style=\"background-image: url('https:\/\/aspenwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/homefallback.jpg?auto=format&fit=crop&w=2200&q=90');\">\r\n        <\/div>\r\n        <div class=\"aspen-hero__image\"\r\n             style=\"background-image: url('https:\/\/aspenwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/Hero-2.jpg?auto=format&fit=crop&w=2200&q=90');\">\r\n        <\/div>\r\n        <div class=\"aspen-hero__image\"\r\n             style=\"background-image: url('https:\/\/aspenwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/649100182_26684396441146077_223415927802693609_n.jpg?auto=format&fit=crop&w=2200&q=90');\">\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- OVERLAYS -->\r\n    <div class=\"aspen-hero__gradient\"><\/div>\r\n    <div class=\"aspen-hero__shade\"><\/div>\r\n    <div class=\"aspen-hero__bottom\"><\/div>\r\n    <div class=\"aspen-hero__grid\"><\/div>\r\n\r\n    <!-- MAIN CONTAINER -->\r\n    <div class=\"aspen-hero__container\">\r\n\r\n        <!-- LEFT CONTENT -->\r\n        <div class=\"aspen-hero__content\">\r\n            <div class=\"aspen-hero__label\">\r\n                <span class=\"aspen-hero__label-line\"><\/span>\r\n                Smart Technology Solutions\r\n            <\/div>\r\n\r\n            <h1 class=\"aspen-hero__title\">\r\n                <span class=\"aspen-hero__title-main\">Technology That<\/span>\r\n                <span class=\"aspen-hero__title-accent\">Moves Business Forward.<\/span>\r\n            <\/h1>\r\n\r\n            <p class=\"aspen-hero__description\">\r\n                Intelligent technology solutions designed to help organizations build smarter facilities,\r\n                improve operational performance, and create a more connected future.\r\n            <\/p>\r\n\r\n            <!-- BUTTONS -->\r\n            <div class=\"aspen-hero__actions\">\r\n                <a href=\"#solutions\" class=\"aspen-hero__button aspen-hero__primary\">\r\n                    Explore Solutions\r\n                    <svg viewBox=\"0 0 20 20\" fill=\"none\">\r\n                        <path d=\"M3 10H16\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/>\r\n                        <path d=\"M11 5L16 10L11 15\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n                <a href=\"#contact\" class=\"aspen-hero__button aspen-hero__secondary\">\r\n                    Talk to an Expert\r\n                    <svg viewBox=\"0 0 20 20\" fill=\"none\">\r\n                        <path d=\"M5 15L15 5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/>\r\n                        <path d=\"M8 5H15V12\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- TRUST BADGES -->\r\n            <div class=\"aspen-hero__trust\">\r\n                <span class=\"aspen-hero__trust-item\">\r\n                    <span class=\"aspen-hero__check\">\r\n                        <svg viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M2 5L4 7L8 2.5\" stroke=\"white\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                    <\/span>\r\n                    Enterprise Ready\r\n                <\/span>\r\n                <span class=\"aspen-hero__trust-item\">\r\n                    <span class=\"aspen-hero__check\">\r\n                        <svg viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M2 5L4 7L8 2.5\" stroke=\"white\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                    <\/span>\r\n                    Smart Infrastructure\r\n                <\/span>\r\n                <span class=\"aspen-hero__trust-item\">\r\n                    <span class=\"aspen-hero__check\">\r\n                        <svg viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M2 5L4 7L8 2.5\" stroke=\"white\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                    <\/span>\r\n                    Built to Scale\r\n                <\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- RIGHT VISUAL (orbit, scan, markers, glass panel) -->\r\n        <div class=\"aspen-hero__visual\">\r\n            <div class=\"aspen-hero__orbit\">\r\n                <span class=\"aspen-hero__orbit-dot\"><\/span>\r\n            <\/div>\r\n            <div class=\"aspen-hero__scan\"><\/div>\r\n\r\n            <div class=\"aspen-hero__marker aspen-hero__marker--one\">Connected<\/div>\r\n            <div class=\"aspen-hero__marker aspen-hero__marker--two\">Scalable<\/div>\r\n            <div class=\"aspen-hero__marker aspen-hero__marker--three\">Intelligent<\/div>\r\n\r\n            <div class=\"aspen-hero__info\">\r\n                <div class=\"aspen-hero__info-label\">Aspen Technology<\/div>\r\n                <div class=\"aspen-hero__info-title\">Smarter systems.<br>Better performance.<\/div>\r\n                <div class=\"aspen-hero__info-line\">\r\n                    <span class=\"aspen-hero__info-dot\"><\/span> Smart Infrastructure\r\n                <\/div>\r\n                <div class=\"aspen-hero__info-line\">\r\n                    <span class=\"aspen-hero__info-dot\"><\/span> Connected Technology\r\n                <\/div>\r\n                <div class=\"aspen-hero__info-line\">\r\n                    <span class=\"aspen-hero__info-dot\"><\/span> Built to Scale\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- SLIDER NAVIGATION (dots) -->\r\n    <div class=\"aspen-hero__slider\">\r\n        <button type=\"button\" class=\"aspen-hero__dot active\" data-slide=\"0\" aria-label=\"Slide 1\"><\/button>\r\n        <button type=\"button\" class=\"aspen-hero__dot\" data-slide=\"1\" aria-label=\"Slide 2\"><\/button>\r\n        <button type=\"button\" class=\"aspen-hero__dot\" data-slide=\"2\" aria-label=\"Slide 3\"><\/button>\r\n    <\/div>\r\n\r\n    <!-- COUNTER -->\r\n    <div class=\"aspen-hero__counter\">\r\n        <span class=\"aspen-hero__counter-current\">01<\/span>\r\n        <span>\/<\/span>\r\n        <span>03<\/span>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- =========================================================\r\n     SCRIPT (vanilla JS, no jQuery)\r\n========================================================= -->\r\n<script>\r\n(function() {\r\n    \"use strict\";\r\n\r\n    const hero = document.querySelector(\".aspen-hero\");\r\n    if (!hero) return;\r\n\r\n    const slides = hero.querySelectorAll(\".aspen-hero__image\");\r\n    const dots = hero.querySelectorAll(\".aspen-hero__dot\");\r\n    const counter = hero.querySelector(\".aspen-hero__counter-current\");\r\n\r\n    let current = 0;\r\n    const duration = 6500;\r\n    let timer = null;\r\n\r\n    function showSlide(index) {\r\n        if (index < 0) index = slides.length - 1;\r\n        if (index >= slides.length) index = 0;\r\n\r\n        slides.forEach((slide, i) => {\r\n            slide.classList.toggle(\"active\", i === index);\r\n            slide.setAttribute(\"aria-hidden\", i === index ? \"false\" : \"true\");\r\n        });\r\n\r\n        dots.forEach((dot, i) => {\r\n            dot.classList.toggle(\"active\", i === index);\r\n        });\r\n\r\n        if (counter) {\r\n            counter.textContent = String(index + 1).padStart(2, \"0\");\r\n        }\r\n\r\n        current = index;\r\n    }\r\n\r\n    function next() {\r\n        showSlide(current + 1);\r\n    }\r\n\r\n    function start() {\r\n        stop();\r\n        timer = window.setInterval(next, duration);\r\n    }\r\n\r\n    function stop() {\r\n        if (timer !== null) {\r\n            window.clearInterval(timer);\r\n            timer = null;\r\n        }\r\n    }\r\n\r\n    \/\/ Dot click\r\n    dots.forEach((dot) => {\r\n        dot.addEventListener(\"click\", function() {\r\n            showSlide(Number(this.dataset.slide));\r\n            start();\r\n        });\r\n    });\r\n\r\n    \/\/ Hover pause\r\n    hero.addEventListener(\"mouseenter\", stop);\r\n    hero.addEventListener(\"mouseleave\", start);\r\n\r\n    \/\/ Keyboard (left\/right)\r\n    hero.addEventListener(\"keydown\", function(e) {\r\n        if (e.key === \"ArrowRight\") {\r\n            showSlide(current + 1);\r\n            start();\r\n        }\r\n        if (e.key === \"ArrowLeft\") {\r\n            showSlide(current - 1);\r\n            start();\r\n        }\r\n    });\r\n\r\n    \/\/ Init\r\n    showSlide(0);\r\n    start();\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\r\n     ABOUT SECTION \u2014 MODERN ARCHITECTURAL REDESIGN\r\n     WordPress \/ Elementor HTML Widget Ready\r\n\r\n     COLORS\r\n     #F4F6F7\r\n     #182126\r\n     #4C5C63\r\n     #FFFFFF\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROOT\r\n========================================================= *\/\r\n\r\n.aspen-about-v2,\r\n.aspen-about-v2 * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.aspen-about-v2 {\r\n    --bg: #F4F6F7;\r\n    --dark: #182126;\r\n    --slate: #4C5C63;\r\n    --white: #FFFFFF;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 120px 0;\r\n    overflow: hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 90% 10%,\r\n            rgba(76,92,99,.09),\r\n            transparent 28%\r\n        ),\r\n        var(--bg);\r\n\r\n    font-family:\r\n        Inter,\r\n        Arial,\r\n        sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GRID\r\n========================================================= *\/\r\n\r\n.aspen-about-v2::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    opacity: .32;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(24,33,38,.035) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(24,33,38,.035) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 70px 70px;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE CIRCLE\r\n========================================================= *\/\r\n\r\n.aspen-about-v2::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 650px;\r\n    height: 650px;\r\n\r\n    right: -330px;\r\n    bottom: -320px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(76,92,99,.12);\r\n\r\n    border-radius: 50%;\r\n\r\n    box-shadow:\r\n        0 0 0 70px rgba(76,92,99,.025),\r\n        0 0 0 140px rgba(76,92,99,.018);\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-v2-container {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: min(1320px, 92%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP HEADER\r\n========================================================= *\/\r\n\r\n.aspen-about-v2-top {\r\n    display: flex;\r\n\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n\r\n    gap: 40px;\r\n\r\n    margin-bottom: 55px;\r\n}\r\n\r\n\r\n\/* LABEL *\/\r\n\r\n.aspen-about-v2-kicker {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    color: var(--slate);\r\n\r\n    font-size: 10px;\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.aspen-about-v2-kicker::before {\r\n    content: \"\";\r\n\r\n    width: 38px;\r\n    height: 2px;\r\n\r\n    background:\r\n        var(--dark);\r\n}\r\n\r\n\r\n\/* BIG NUMBER *\/\r\n\r\n.aspen-about-v2-number {\r\n    display: flex;\r\n\r\n    align-items: baseline;\r\n\r\n    gap: 12px;\r\n\r\n    color: rgba(24,33,38,.15);\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Inter,\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.aspen-about-v2-number strong {\r\n    color: var(--dark);\r\n\r\n    font-size: 13px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN LAYOUT\r\n========================================================= *\/\r\n\r\n.aspen-about-v2-layout {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(420px, .92fr)\r\n        minmax(500px, 1.08fr);\r\n\r\n    gap: 85px;\r\n\r\n    align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE SIDE\r\n========================================================= *\/\r\n\r\n.aspen-about-v2-visual {\r\n    position: relative;\r\n\r\n    min-height: 660px;\r\n}\r\n\r\n\r\n\/* IMAGE FRAME *\/\r\n\r\n.aspen-about-v2-image-frame {\r\n    position: absolute;\r\n\r\n    left: 35px;\r\n    right: 0;\r\n    top: 0;\r\n    bottom: 35px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--dark);\r\n\r\n    clip-path:\r\n        polygon(\r\n            0 0,\r\n            94% 0,\r\n            100% 7%,\r\n            100% 100%,\r\n            0 100%\r\n        );\r\n}\r\n\r\n\r\n\/* IMAGE *\/\r\n\r\n.aspen-about-v2-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    object-fit: cover;\r\n\r\n    object-position: center;\r\n\r\n    transition:\r\n        transform 1.2s\r\n        cubic-bezier(.16,.8,.2,1),\r\n        filter .7s ease;\r\n}\r\n\r\n.aspen-about-v2-visual:hover\r\n.aspen-about-v2-image {\r\n    transform: scale(1.06);\r\n\r\n    filter:\r\n        saturate(.88)\r\n        contrast(1.05);\r\n}\r\n\r\n\r\n\/* IMAGE OVERLAY *\/\r\n\r\n.aspen-about-v2-image-frame::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(24,33,38,.05) 0%,\r\n            rgba(24,33,38,.12) 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   IMAGE GRID\r\n========================================================= *\/\r\n\r\n.aspen-about-v2-image-grid {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 2;\r\n\r\n    opacity: .11;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(255,255,255,.4) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.4) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 48px 48px;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE TOP LABEL\r\n========================================================= *\/\r\n\r\n.aspen-about-v2-image-label {\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    top: 28px;\r\n    left: 28px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    padding: 9px 13px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        rgba(24,33,38,.62);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.16);\r\n\r\n    backdrop-filter:\r\n        blur(12px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(12px);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.aspen-about-v2-image-label span {\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 0 0 4px rgba(255,255,255,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE BOTTOM TEXT\r\n========================================================= *\/\r\n\r\n.aspen-about-v2-image-caption {\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    left: 34px;\r\n    right: 34px;\r\n    bottom: 32px;\r\n}\r\n\r\n.aspen-about-v2-image-caption small {\r\n    display: block;\r\n\r\n    margin-bottom: 9px;\r\n\r\n    color:\r\n        rgba(255,255,255,.60);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.aspen-about-v2-image-caption h3 {\r\n    margin: 0 !important;\r\n\r\n    max-width: 440px;\r\n\r\n    color:\r\n        #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:\r\n        clamp(27px, 3vw, 42px) !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        -2px !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ESTABLISHED BADGE\r\n========================================================= *\/\r\n\r\n.aspen-about-v2-established {\r\n    position: absolute;\r\n\r\n    z-index: 8;\r\n\r\n    left: 420px;\r\n    bottom: 0;\r\n\r\n    width: 145px;\r\n    height: 145px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    padding-left: 24px;\r\n\r\n    background:\r\n        var(--white);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(24,33,38,.10);\r\n\r\n    box-shadow:\r\n        0 25px 60px\r\n        rgba(24,33,38,.15);\r\n}\r\n\r\n.aspen-about-v2-established::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        var(--dark);\r\n}\r\n\r\n.aspen-about-v2-established strong {\r\n    display: block;\r\n\r\n    color:\r\n        var(--dark);\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Inter,\r\n        sans-serif;\r\n\r\n    font-size: 34px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: -2px;\r\n}\r\n\r\n.aspen-about-v2-established span {\r\n    margin-top: 8px;\r\n\r\n    color:\r\n        var(--slate);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING TECH TAGS\r\n========================================================= *\/\r\n\r\n.aspen-about-v2-tags {\r\n    position: absolute;\r\n\r\n    z-index: 9;\r\n\r\n    right: -25px;\r\n    top: 110px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 7px;\r\n}\r\n\r\n.aspen-about-v2-tag {\r\n    padding: 10px 14px;\r\n\r\n    color:\r\n        var(--dark);\r\n\r\n    background:\r\n        rgba(255,255,255,.88);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(24,33,38,.09);\r\n\r\n    box-shadow:\r\n        0 10px 25px\r\n        rgba(24,33,38,.08);\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    text-transform: uppercase;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n.aspen-about-v2-tag:hover {\r\n    transform:\r\n        translateX(-6px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT SIDE\r\n========================================================= *\/\r\n\r\n.aspen-about-v2-content {\r\n    position: relative;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.aspen-about-v2-title {\r\n    margin:\r\n        0 0 28px !important;\r\n\r\n    max-width: 680px;\r\n\r\n    color:\r\n        var(--dark) !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:\r\n        clamp(48px, 5.4vw, 78px) !important;\r\n\r\n    line-height:\r\n        .96 !important;\r\n\r\n    font-weight:\r\n        800 !important;\r\n\r\n    letter-spacing:\r\n        -5px !important;\r\n}\r\n\r\n.aspen-about-v2-title span {\r\n    display: block;\r\n\r\n    color:\r\n        var(--slate);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.aspen-about-v2-intro {\r\n    max-width: 610px;\r\n\r\n    margin:\r\n        0 0 28px !important;\r\n\r\n    color:\r\n        var(--dark) !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:\r\n        18px !important;\r\n\r\n    line-height:\r\n        1.55 !important;\r\n\r\n    font-weight:\r\n        600 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BODY COPY\r\n========================================================= *\/\r\n\r\n.aspen-about-v2-copy {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1fr 1fr;\r\n\r\n    gap: 30px;\r\n\r\n    max-width: 650px;\r\n\r\n    padding-top: 25px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(24,33,38,.12);\r\n}\r\n\r\n.aspen-about-v2-copy p {\r\n    margin: 0 !important;\r\n\r\n    color:\r\n        var(--slate) !important;\r\n\r\n    font-size:\r\n        12px !important;\r\n\r\n    line-height:\r\n        1.85 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MISSION STATEMENT\r\n========================================================= *\/\r\n\r\n.aspen-about-v2-mission {\r\n    position: relative;\r\n\r\n    margin-top: 38px;\r\n\r\n    max-width: 700px;\r\n\r\n    padding:\r\n        27px 30px 27px 34px;\r\n\r\n    background:\r\n        var(--dark);\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* diagonal detail *\/\r\n\r\n.aspen-about-v2-mission::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: -70px;\r\n    right: -70px;\r\n\r\n    width: 180px;\r\n    height: 180px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.12);\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n.aspen-about-v2-mission::after {\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: 3px;\r\n\r\n    background:\r\n        var(--white);\r\n}\r\n\r\n\r\n\/* MISSION LABEL *\/\r\n\r\n.aspen-about-v2-mission-label {\r\n    position: relative;\r\n    z-index: 2;\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: 10px;\r\n\r\n    color:\r\n        rgba(255,255,255,.55);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2.5px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.aspen-about-v2-mission-label span {\r\n    width: 18px;\r\n    height: 1px;\r\n\r\n    background:\r\n        rgba(255,255,255,.55);\r\n}\r\n\r\n\r\n\/* MISSION TEXT *\/\r\n\r\n.aspen-about-v2-mission p {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    max-width: 600px;\r\n\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        Inter,\r\n        Arial,\r\n        sans-serif !important;\r\n\r\n    font-size:\r\n        14px !important;\r\n\r\n    line-height:\r\n        1.65 !important;\r\n\r\n    font-weight:\r\n        500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM ACTION\r\n========================================================= *\/\r\n\r\n.aspen-about-v2-actions {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 22px;\r\n\r\n    margin-top: 32px;\r\n}\r\n\r\n\r\n\/* BUTTON *\/\r\n\r\n.aspen-about-v2-button {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 13px;\r\n\r\n    min-height: 52px;\r\n\r\n    padding:\r\n        0 25px;\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n\r\n    background:\r\n        var(--dark);\r\n\r\n    border:\r\n        1px solid\r\n        var(--dark);\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    transition:\r\n        all .35s ease;\r\n}\r\n\r\n.aspen-about-v2-button:hover {\r\n    color:\r\n        var(--dark) !important;\r\n\r\n    background:\r\n        transparent;\r\n\r\n    transform:\r\n        translateY(-3px);\r\n}\r\n\r\n.aspen-about-v2-button svg {\r\n    width: 16px;\r\n    height: 16px;\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    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n.aspen-about-v2-button:hover svg {\r\n    transform:\r\n        translateX(5px);\r\n}\r\n\r\n\r\n\/* NOTE *\/\r\n\r\n.aspen-about-v2-note {\r\n    color:\r\n        var(--slate);\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    line-height:\r\n        1.5;\r\n\r\n    font-weight:\r\n        600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXPERIENCE LINE\r\n========================================================= *\/\r\n\r\n.aspen-about-v2-meta {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 18px;\r\n\r\n    margin-top: 40px;\r\n}\r\n\r\n.aspen-about-v2-meta-line {\r\n    width: 45px;\r\n    height: 1px;\r\n\r\n    background:\r\n        rgba(24,33,38,.25);\r\n}\r\n\r\n.aspen-about-v2-meta span {\r\n    color:\r\n        rgba(76,92,99,.75);\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-weight:\r\n        700;\r\n\r\n    letter-spacing:\r\n        1.8px;\r\n\r\n    text-transform:\r\n        uppercase;\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-about-v2 {\r\n        padding:\r\n            90px 0;\r\n    }\r\n\r\n    .aspen-about-v2-layout {\r\n        gap:\r\n            55px;\r\n    }\r\n\r\n    .aspen-about-v2-visual {\r\n        min-height:\r\n            590px;\r\n    }\r\n\r\n    .aspen-about-v2-title {\r\n        font-size:\r\n            58px !important;\r\n\r\n        letter-spacing:\r\n            -3.5px !important;\r\n    }\r\n\r\n    .aspen-about-v2-tags {\r\n        right:\r\n            -12px;\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-v2 {\r\n        padding:\r\n            70px 0;\r\n    }\r\n\r\n    .aspen-about-v2-top {\r\n        margin-bottom:\r\n            35px;\r\n    }\r\n\r\n    .aspen-about-v2-layout {\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap:\r\n            60px;\r\n    }\r\n\r\n    .aspen-about-v2-visual {\r\n        min-height:\r\n            520px;\r\n    }\r\n\r\n    .aspen-about-v2-image-frame {\r\n        left:\r\n            20px;\r\n\r\n        bottom:\r\n            25px;\r\n    }\r\n\r\n    .aspen-about-v2-established {\r\n        width:\r\n            125px;\r\n\r\n        height:\r\n            125px;\r\n    }\r\n\r\n    .aspen-about-v2-established strong {\r\n        font-size:\r\n            29px;\r\n    }\r\n\r\n    .aspen-about-v2-tags {\r\n        right:\r\n            0;\r\n\r\n        top:\r\n            80px;\r\n    }\r\n\r\n    .aspen-about-v2-title {\r\n        font-size:\r\n            clamp(42px, 11vw, 62px) !important;\r\n\r\n        letter-spacing:\r\n            -3px !important;\r\n    }\r\n\r\n    .aspen-about-v2-intro {\r\n        font-size:\r\n            16px !important;\r\n    }\r\n\r\n    .aspen-about-v2-copy {\r\n        grid-template-columns:\r\n            1fr;\r\n    }\r\n\r\n    .aspen-about-v2-mission {\r\n        margin-top:\r\n            30px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:520px) {\r\n\r\n    .aspen-about-v2 {\r\n        padding:\r\n            55px 0;\r\n    }\r\n\r\n    .aspen-about-v2-container {\r\n        width:\r\n            calc(100% - 32px);\r\n    }\r\n\r\n    .aspen-about-v2-number {\r\n        display:\r\n            none;\r\n    }\r\n\r\n    .aspen-about-v2-visual {\r\n        min-height:\r\n            420px;\r\n    }\r\n\r\n    .aspen-about-v2-image-frame {\r\n        left:\r\n            10px;\r\n\r\n        bottom:\r\n            20px;\r\n\r\n        clip-path:\r\n            none;\r\n    }\r\n\r\n    .aspen-about-v2-image-label {\r\n        top:\r\n            18px;\r\n\r\n        left:\r\n            18px;\r\n    }\r\n\r\n    .aspen-about-v2-image-caption {\r\n        left:\r\n            22px;\r\n\r\n        right:\r\n            22px;\r\n\r\n        bottom:\r\n            22px;\r\n    }\r\n\r\n    .aspen-about-v2-image-caption h3 {\r\n        font-size:\r\n            25px !important;\r\n\r\n        letter-spacing:\r\n            -1.5px !important;\r\n    }\r\n\r\n    .aspen-about-v2-established {\r\n        width:\r\n            105px;\r\n\r\n        height:\r\n            105px;\r\n\r\n        padding-left:\r\n            18px;\r\n    }\r\n\r\n    .aspen-about-v2-established strong {\r\n        font-size:\r\n            24px;\r\n    }\r\n\r\n    .aspen-about-v2-established span {\r\n        font-size:\r\n            7px;\r\n\r\n        letter-spacing:\r\n            1.2px;\r\n    }\r\n\r\n    .aspen-about-v2-tags {\r\n        display:\r\n            none;\r\n    }\r\n\r\n    .aspen-about-v2-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-v2-intro {\r\n        font-size:\r\n            15px !important;\r\n    }\r\n\r\n    .aspen-about-v2-copy p {\r\n        font-size:\r\n            11.5px !important;\r\n    }\r\n\r\n    .aspen-about-v2-mission {\r\n        padding:\r\n            24px 20px 24px 25px;\r\n    }\r\n\r\n    .aspen-about-v2-mission p {\r\n        font-size:\r\n            12px !important;\r\n    }\r\n\r\n    .aspen-about-v2-actions {\r\n        flex-direction:\r\n            column;\r\n\r\n        align-items:\r\n            flex-start;\r\n    }\r\n\r\n    .aspen-about-v2-button {\r\n        width:\r\n            100%;\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-about-v2\">\r\n\r\n    <div class=\"aspen-about-v2-container\">\r\n\r\n\r\n        <!-- =================================================\r\n             TOP\r\n        ================================================== -->\r\n\r\n        <div class=\"aspen-about-v2-top\">\r\n\r\n            <div class=\"aspen-about-v2-kicker\">\r\n                About Aspen Technologies\r\n            <\/div>\r\n\r\n            <div class=\"aspen-about-v2-number\">\r\n                <strong>01<\/strong>\r\n                COMPANY PROFILE\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             MAIN\r\n        ================================================== -->\r\n\r\n        <div class=\"aspen-about-v2-layout\">\r\n\r\n\r\n            <!-- =================================================\r\n                 VISUAL\r\n            ================================================= -->\r\n\r\n            <div class=\"aspen-about-v2-visual\">\r\n\r\n\r\n                <!-- IMAGE -->\r\n\r\n                <div class=\"aspen-about-v2-image-frame\">\r\n\r\n                    <img decoding=\"async\"\r\n                        class=\"aspen-about-v2-image\"\r\n                        src=\"https:\/\/aspenwp2.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-v2-image-grid\"><\/div>\r\n\r\n\r\n                    <!-- IMAGE LABEL -->\r\n\r\n                    <div class=\"aspen-about-v2-image-label\">\r\n\r\n                        <span><\/span>\r\n\r\n                        Technology Infrastructure\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- IMAGE CAPTION -->\r\n\r\n                    <div class=\"aspen-about-v2-image-caption\">\r\n\r\n                        <small>\r\n                            Engineering \u2022 Infrastructure \u2022 Connectivity\r\n                        <\/small>\r\n\r\n                        <h3>\r\n                            Infrastructure\r\n                            That Keeps\r\n                            Business Moving.\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- ESTABLISHED -->\r\n\r\n                <div class=\"aspen-about-v2-established\">\r\n\r\n                    <strong>\r\n                        1991\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Established\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- FLOATING TAGS -->\r\n\r\n                <div class=\"aspen-about-v2-tags\">\r\n\r\n                    <div class=\"aspen-about-v2-tag\">\r\n                        Telecom\r\n                    <\/div>\r\n\r\n                    <div class=\"aspen-about-v2-tag\">\r\n                        Networking\r\n                    <\/div>\r\n\r\n                    <div class=\"aspen-about-v2-tag\">\r\n                        Infrastructure\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 CONTENT\r\n            ================================================== -->\r\n\r\n            <div class=\"aspen-about-v2-content\">\r\n\r\n\r\n                <!-- TITLE -->\r\n\r\n                <h2 class=\"aspen-about-v2-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                <!-- INTRO -->\r\n\r\n                <p class=\"aspen-about-v2-intro\">\r\n\r\n                    Aspen Technologies delivers\r\n                    technology infrastructure designed\r\n                    around the way modern businesses\r\n                    actually operate.\r\n\r\n                <\/p>\r\n\r\n\r\n                <!-- COPY -->\r\n\r\n                <div class=\"aspen-about-v2-copy\">\r\n\r\n                    <p>\r\n\r\n                        Since 1991, we've built our reputation\r\n                        through precision, accountability,\r\n                        technical expertise, and exceptional\r\n                        customer service \u2014 serving businesses\r\n                        from growing organizations to Fortune\r\n                        500 clients.\r\n\r\n                    <\/p>\r\n\r\n                    <p>\r\n\r\n                        Headquartered in Tempe, Arizona,\r\n                        Aspen Technologies provides design,\r\n                        engineering, installation, and support\r\n                        for telecommunications, structured\r\n                        cabling, and network infrastructure.\r\n\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- MISSION -->\r\n\r\n                <div class=\"aspen-about-v2-mission\">\r\n\r\n                    <div class=\"aspen-about-v2-mission-label\">\r\n\r\n                        <span><\/span>\r\n\r\n                        Our Mission\r\n\r\n                    <\/div>\r\n\r\n                    <p>\r\n\r\n                        To deliver dependable,\r\n                        end-to-end technology solutions\r\n                        that combine proven infrastructure,\r\n                        innovative thinking, expert support,\r\n                        and long-term value.\r\n\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- ACTIONS -->\r\n\r\n                <div class=\"aspen-about-v2-actions\">\r\n\r\n                    <a\r\n                        href=\"#\"\r\n                        class=\"aspen-about-v2-button\"\r\n                    >\r\n\r\n                        Explore Our Solutions\r\n\r\n                        <svg viewBox=\"0 0 20 20\">\r\n\r\n                            <path d=\"M3 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-v2-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                <!-- META -->\r\n\r\n                <div class=\"aspen-about-v2-meta\">\r\n\r\n                    <div class=\"aspen-about-v2-meta-line\"><\/div>\r\n\r\n                    <span>\r\n                        Phoenix Metro Area & Beyond\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<\/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 TECHNOLOGIES\r\n     SERVICES \u2014 MODERN CENTER IMAGE LAYOUT\r\n     WORDPRESS \/ ELEMENTOR READY\r\n\r\n     FIXED:\r\n     \u2713 NO TEXT UNDERLINE\r\n     \u2713 NO LINK DECORATION\r\n     \u2713 WHITE CARDS\r\n     \u2713 SLATE HOVER ACCENT\r\n     \u2713 RESPONSIVE\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET \/ GLOBAL\r\n========================================================= *\/\r\n\r\n.aspen-services-modern,\r\n.aspen-services-modern * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.aspen-services-modern a,\r\n.aspen-services-modern a:hover,\r\n.aspen-services-modern a:focus,\r\n.aspen-services-modern a:active,\r\n.aspen-services-modern a:visited {\r\n    text-decoration: none !important;\r\n    text-decoration-line: none !important;\r\n    text-decoration-color: transparent !important;\r\n    text-decoration-style: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.aspen-services-modern {\r\n\r\n    --dark: #182126;\r\n    --dark-2: #202B31;\r\n    --slate: #4C5C63;\r\n    --white: #FFFFFF;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n\r\n    padding: 120px 0 130px;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 50% 45%,\r\n            rgba(76,92,99,.30),\r\n            transparent 34%\r\n        ),\r\n        radial-gradient(\r\n            circle at 10% 100%,\r\n            rgba(255,255,255,.035),\r\n            transparent 25%\r\n        ),\r\n        #182126;\r\n\r\n    font-family:\r\n        Inter,\r\n        Arial,\r\n        sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID BACKGROUND\r\n========================================================= *\/\r\n\r\n.aspen-services-modern::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    opacity: .30;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(255,255,255,.025) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.025) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 70px 70px;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CENTER DECORATION\r\n========================================================= *\/\r\n\r\n.aspen-services-modern::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 700px;\r\n    height: 700px;\r\n\r\n    left: 50%;\r\n    top: 50%;\r\n\r\n    transform: translate(-50%, -50%);\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 1px solid rgba(255,255,255,.045);\r\n\r\n    box-shadow:\r\n        0 0 0 80px rgba(255,255,255,.015),\r\n        0 0 0 160px rgba(255,255,255,.01);\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-modern__container {\r\n\r\n    position: relative;\r\n\r\n    z-index: 3;\r\n\r\n    width: min(1320px, 92%);\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.aspen-services-modern__header {\r\n\r\n    text-align: center;\r\n\r\n    max-width: 780px;\r\n\r\n    margin: 0 auto 65px;\r\n}\r\n\r\n\r\n.aspen-services-modern__eyebrow {\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: 18px;\r\n\r\n    color: rgba(255,255,255,.55);\r\n\r\n    font-size: 9px;\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-services-modern__eyebrow::before,\r\n.aspen-services-modern__eyebrow::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,.35);\r\n}\r\n\r\n\r\n.aspen-services-modern__heading {\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:\r\n        clamp(42px, 5vw, 68px) !important;\r\n\r\n    line-height: .98 !important;\r\n\r\n    font-weight: 800 !important;\r\n\r\n    letter-spacing: -3.5px !important;\r\n\r\n    text-decoration: none !important;\r\n}\r\n\r\n\r\n.aspen-services-modern__heading span {\r\n\r\n    color: rgba(255,255,255,.30);\r\n\r\n    text-decoration: none !important;\r\n}\r\n\r\n\r\n.aspen-services-modern__intro {\r\n\r\n    max-width: 610px;\r\n\r\n    margin: 22px auto 0 !important;\r\n\r\n    color: rgba(255,255,255,.52) !important;\r\n\r\n    font-size: 13px !important;\r\n\r\n    line-height: 1.8 !important;\r\n\r\n    text-decoration: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n========================================================= *\/\r\n\r\n.aspen-services-modern__grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1fr)\r\n        minmax(360px, 430px)\r\n        minmax(0, 1fr);\r\n\r\n    gap: 24px;\r\n\r\n    align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICE COLUMNS\r\n========================================================= *\/\r\n\r\n.aspen-services-modern__column {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 28px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICE CARD\r\n========================================================= *\/\r\n\r\n.aspen-services-modern .aspen-modern-card {\r\n\r\n    position: relative;\r\n\r\n    min-height: 185px;\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n\r\n    gap: 22px;\r\n\r\n    padding: 30px;\r\n\r\n    width: 100%;\r\n\r\n    color: #182126 !important;\r\n\r\n    background: #FFFFFF !important;\r\n\r\n    border: 1px solid rgba(255,255,255,.08);\r\n\r\n    border-radius: 10px;\r\n\r\n    overflow: hidden;\r\n\r\n    box-shadow:\r\n        0 20px 50px rgba(0,0,0,.16);\r\n\r\n    text-decoration: none !important;\r\n\r\n    text-decoration-line: none !important;\r\n\r\n    transition:\r\n        transform .45s cubic-bezier(.2,.8,.2,1),\r\n        box-shadow .45s ease,\r\n        border-color .45s ease;\r\n}\r\n\r\n\r\n\/* remove underline from EVERYTHING inside card *\/\r\n\r\n.aspen-services-modern .aspen-modern-card *,\r\n.aspen-services-modern .aspen-modern-card *::before,\r\n.aspen-services-modern .aspen-modern-card *::after {\r\n\r\n    text-decoration: none !important;\r\n\r\n    text-decoration-line: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TOP ACCENT\r\n========================================================= *\/\r\n\r\n.aspen-services-modern .aspen-modern-card::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    top: 0;\r\n\r\n    width: 0;\r\n\r\n    height: 3px;\r\n\r\n    background: #4C5C63;\r\n\r\n    transition: width .45s ease;\r\n}\r\n\r\n\r\n.aspen-services-modern .aspen-modern-card:hover {\r\n\r\n    transform: translateY(-8px);\r\n\r\n    border-color: rgba(76,92,99,.28);\r\n\r\n    box-shadow:\r\n        0 28px 65px rgba(0,0,0,.28);\r\n}\r\n\r\n\r\n.aspen-services-modern .aspen-modern-card:hover::before {\r\n\r\n    width: 100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n.aspen-modern-card__icon {\r\n\r\n    position: relative;\r\n\r\n    flex: 0 0 52px;\r\n\r\n    width: 52px;\r\n    height: 52px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #E9EDF0;\r\n\r\n    color: #182126;\r\n\r\n    transition:\r\n        transform .4s ease,\r\n        background .4s ease,\r\n        color .4s ease;\r\n}\r\n\r\n\r\n.aspen-modern-card:hover\r\n.aspen-modern-card__icon {\r\n\r\n    transform:\r\n        rotate(-6deg)\r\n        scale(1.08);\r\n\r\n    background: #182126;\r\n\r\n    color: #FFFFFF;\r\n}\r\n\r\n\r\n.aspen-modern-card__icon svg {\r\n\r\n    width: 25px;\r\n    height: 25px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\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\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.aspen-modern-card__content {\r\n\r\n    min-width: 0;\r\n\r\n    flex: 1;\r\n\r\n    padding-right: 32px;\r\n}\r\n\r\n\r\n.aspen-modern-card__number {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    color: #A5ADB1 !important;\r\n\r\n    font-size: 8px !important;\r\n\r\n    font-weight: 800 !important;\r\n\r\n    line-height: 1.2 !important;\r\n\r\n    letter-spacing: 2px !important;\r\n\r\n    text-transform: uppercase;\r\n\r\n    text-decoration: none !important;\r\n}\r\n\r\n\r\n.aspen-modern-card__title {\r\n\r\n    margin: 0 0 12px !important;\r\n\r\n    padding: 0 !important;\r\n\r\n    color: #182126 !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: 20px !important;\r\n\r\n    line-height: 1.15 !important;\r\n\r\n    font-weight: 800 !important;\r\n\r\n    letter-spacing: -.5px !important;\r\n\r\n    text-decoration: none !important;\r\n}\r\n\r\n\r\n.aspen-modern-card__text {\r\n\r\n    margin: 0 !important;\r\n\r\n    padding: 0 !important;\r\n\r\n    color: #657178 !important;\r\n\r\n    font-size: 12px !important;\r\n\r\n    line-height: 1.75 !important;\r\n\r\n    text-decoration: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARROW\r\n========================================================= *\/\r\n\r\n.aspen-modern-card__arrow {\r\n\r\n    position: absolute;\r\n\r\n    right: 24px;\r\n    bottom: 22px;\r\n\r\n    width: 30px;\r\n    height: 30px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border: 1px solid #D9DEE1;\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #182126 !important;\r\n\r\n    background: transparent;\r\n\r\n    transition:\r\n        all .35s ease;\r\n}\r\n\r\n\r\n.aspen-modern-card__arrow svg {\r\n\r\n    width: 13px;\r\n    height: 13px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\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\r\n\r\n.aspen-modern-card:hover\r\n.aspen-modern-card__arrow {\r\n\r\n    background: #182126;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    border-color: #182126;\r\n\r\n    transform: translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CENTER IMAGE FRAME\r\n========================================================= *\/\r\n\r\n.aspen-services-modern__center {\r\n\r\n    position: relative;\r\n\r\n    height: 610px;\r\n\r\n    padding: 12px;\r\n\r\n    border-radius: 14px;\r\n\r\n    background: rgba(255,255,255,.055);\r\n\r\n    border: 1px solid rgba(255,255,255,.10);\r\n\r\n    box-shadow:\r\n        0 35px 90px rgba(0,0,0,.38);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.aspen-services-modern__image {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 8px;\r\n\r\n    background: #28343A;\r\n}\r\n\r\n\r\n.aspen-services-modern__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    object-position: center;\r\n\r\n    transition:\r\n        transform 1.2s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n\r\n.aspen-services-modern__center:hover\r\n.aspen-services-modern__image img {\r\n\r\n    transform: scale(1.06);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n.aspen-services-modern__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            180deg,\r\n            rgba(24,33,38,.03) 15%,\r\n            rgba(24,33,38,.78) 100%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE LABEL\r\n========================================================= *\/\r\n\r\n.aspen-services-modern__image-label {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    left: 32px;\r\n    bottom: 32px;\r\n\r\n    max-width: 270px;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.35;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    text-decoration: none !important;\r\n}\r\n\r\n\r\n.aspen-services-modern__image-label span {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 7px;\r\n\r\n    color: rgba(255,255,255,.55) !important;\r\n\r\n    font-size: 7px;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-decoration: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BADGE\r\n========================================================= *\/\r\n\r\n.aspen-services-modern__badge {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 6;\r\n\r\n    top: 28px;\r\n    right: 28px;\r\n\r\n    padding: 9px 13px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.25);\r\n\r\n    border-radius: 30px;\r\n\r\n    background:\r\n        rgba(24,33,38,.48);\r\n\r\n    backdrop-filter: blur(10px);\r\n\r\n    -webkit-backdrop-filter: blur(10px);\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.8px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    text-decoration: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CORNER MARKS\r\n========================================================= *\/\r\n\r\n.aspen-services-modern__corner {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 7;\r\n\r\n    width: 38px;\r\n    height: 38px;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n.aspen-services-modern__corner--tl {\r\n\r\n    top: 23px;\r\n    left: 23px;\r\n\r\n    border-top: 1px solid rgba(255,255,255,.65);\r\n\r\n    border-left: 1px solid rgba(255,255,255,.65);\r\n}\r\n\r\n\r\n.aspen-services-modern__corner--tr {\r\n\r\n    top: 23px;\r\n    right: 23px;\r\n\r\n    border-top: 1px solid rgba(255,255,255,.65);\r\n\r\n    border-right: 1px solid rgba(255,255,255,.65);\r\n}\r\n\r\n\r\n.aspen-services-modern__corner--bl {\r\n\r\n    bottom: 23px;\r\n    left: 23px;\r\n\r\n    border-bottom: 1px solid rgba(255,255,255,.65);\r\n\r\n    border-left: 1px solid rgba(255,255,255,.65);\r\n}\r\n\r\n\r\n.aspen-services-modern__corner--br {\r\n\r\n    bottom: 23px;\r\n    right: 23px;\r\n\r\n    border-bottom: 1px solid rgba(255,255,255,.65);\r\n\r\n    border-right: 1px solid rgba(255,255,255,.65);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM\r\n========================================================= *\/\r\n\r\n.aspen-services-modern__bottom {\r\n\r\n    display: flex;\r\n\r\n    justify-content: space-between;\r\n\r\n    align-items: center;\r\n\r\n    gap: 20px;\r\n\r\n    margin-top: 34px;\r\n\r\n    padding-top: 22px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(255,255,255,.09);\r\n}\r\n\r\n\r\n.aspen-services-modern__bottom-text {\r\n\r\n    color: rgba(255,255,255,.38);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    text-decoration: none !important;\r\n}\r\n\r\n\r\n.aspen-services-modern__bottom-line {\r\n\r\n    flex: 1;\r\n\r\n    max-width: 110px;\r\n\r\n    height: 1px;\r\n\r\n    background: rgba(255,255,255,.18);\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-services-modern {\r\n\r\n        padding:\r\n            95px 0 105px;\r\n    }\r\n\r\n    .aspen-services-modern__grid {\r\n\r\n        grid-template-columns:\r\n            minmax(0,1fr)\r\n            340px\r\n            minmax(0,1fr);\r\n\r\n        gap: 16px;\r\n    }\r\n\r\n    .aspen-modern-card {\r\n\r\n        min-height: 190px !important;\r\n\r\n        padding: 25px 22px !important;\r\n\r\n        gap: 16px !important;\r\n    }\r\n\r\n    .aspen-modern-card__icon {\r\n\r\n        flex-basis: 46px;\r\n\r\n        width: 46px;\r\n        height: 46px;\r\n    }\r\n\r\n    .aspen-modern-card__title {\r\n\r\n        font-size:\r\n            17px !important;\r\n    }\r\n\r\n    .aspen-services-modern__center {\r\n\r\n        height: 570px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 800px) {\r\n\r\n    .aspen-services-modern {\r\n\r\n        padding:\r\n            75px 0 85px;\r\n    }\r\n\r\n    .aspen-services-modern__container {\r\n\r\n        width: 90%;\r\n    }\r\n\r\n    .aspen-services-modern__header {\r\n\r\n        margin-bottom: 42px;\r\n    }\r\n\r\n    .aspen-services-modern__heading {\r\n\r\n        font-size:\r\n            clamp(38px, 10vw, 55px) !important;\r\n\r\n        letter-spacing:\r\n            -2.5px !important;\r\n    }\r\n\r\n    .aspen-services-modern__intro {\r\n\r\n        font-size:\r\n            12px !important;\r\n    }\r\n\r\n    .aspen-services-modern__grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 18px;\r\n    }\r\n\r\n    .aspen-services-modern__center {\r\n\r\n        order: -1;\r\n\r\n        height: 480px;\r\n\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .aspen-services-modern__column {\r\n\r\n        gap: 18px;\r\n    }\r\n\r\n    .aspen-modern-card {\r\n\r\n        min-height: 150px !important;\r\n\r\n        padding: 24px !important;\r\n    }\r\n\r\n    .aspen-modern-card__title {\r\n\r\n        font-size:\r\n            19px !important;\r\n    }\r\n\r\n    .aspen-modern-card__text {\r\n\r\n        font-size:\r\n            12px !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 520px) {\r\n\r\n    .aspen-services-modern {\r\n\r\n        padding:\r\n            65px 0 75px;\r\n    }\r\n\r\n    .aspen-services-modern__container {\r\n\r\n        width: 88%;\r\n    }\r\n\r\n    .aspen-services-modern__eyebrow {\r\n\r\n        font-size: 8px;\r\n\r\n        letter-spacing: 2.3px;\r\n    }\r\n\r\n    .aspen-services-modern__heading {\r\n\r\n        font-size:\r\n            39px !important;\r\n\r\n        line-height:\r\n            1 !important;\r\n\r\n        letter-spacing:\r\n            -2px !important;\r\n    }\r\n\r\n    .aspen-services-modern__intro {\r\n\r\n        font-size:\r\n            11px !important;\r\n\r\n        line-height:\r\n            1.7 !important;\r\n    }\r\n\r\n    .aspen-services-modern__center {\r\n\r\n        height: 400px;\r\n\r\n        padding: 8px;\r\n\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .aspen-services-modern__image-label {\r\n\r\n        left: 22px;\r\n\r\n        bottom: 22px;\r\n\r\n        font-size: 11px;\r\n    }\r\n\r\n    .aspen-services-modern__badge {\r\n\r\n        top: 20px;\r\n\r\n        right: 20px;\r\n    }\r\n\r\n    .aspen-modern-card {\r\n\r\n        min-height: 165px !important;\r\n\r\n        padding: 23px 20px !important;\r\n\r\n        gap: 16px !important;\r\n    }\r\n\r\n    .aspen-modern-card__icon {\r\n\r\n        flex:\r\n            0 0 44px;\r\n\r\n        width: 44px;\r\n\r\n        height: 44px;\r\n    }\r\n\r\n    .aspen-modern-card__icon svg {\r\n\r\n        width: 21px;\r\n\r\n        height: 21px;\r\n    }\r\n\r\n    .aspen-modern-card__number {\r\n\r\n        font-size: 7px !important;\r\n    }\r\n\r\n    .aspen-modern-card__title {\r\n\r\n        font-size:\r\n            18px !important;\r\n\r\n        margin-bottom:\r\n            9px !important;\r\n    }\r\n\r\n    .aspen-modern-card__text {\r\n\r\n        font-size:\r\n            11px !important;\r\n\r\n        line-height:\r\n            1.65 !important;\r\n    }\r\n\r\n    .aspen-modern-card__arrow {\r\n\r\n        right: 18px;\r\n\r\n        bottom: 17px;\r\n\r\n        width: 27px;\r\n\r\n        height: 27px;\r\n    }\r\n\r\n    .aspen-services-modern__bottom {\r\n\r\n        margin-top: 25px;\r\n    }\r\n\r\n    .aspen-services-modern__bottom-text {\r\n\r\n        font-size: 7px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXTRA SMALL\r\n========================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .aspen-services-modern__heading {\r\n\r\n        font-size:\r\n            34px !important;\r\n    }\r\n\r\n    .aspen-services-modern__center {\r\n\r\n        height: 350px;\r\n    }\r\n\r\n    .aspen-modern-card {\r\n\r\n        padding:\r\n            20px 17px !important;\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-services-modern\">\r\n\r\n    <div class=\"aspen-services-modern__container\">\r\n\r\n\r\n        <!-- HEADER -->\r\n\r\n        <header class=\"aspen-services-modern__header\">\r\n\r\n            <div class=\"aspen-services-modern__eyebrow\">\r\n                OUR SERVICES\r\n            <\/div>\r\n\r\n            <h2 class=\"aspen-services-modern__heading\">\r\n                Technology\r\n                <span>That Works Together.<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"aspen-services-modern__intro\">\r\n                From connectivity and electrical systems to security,\r\n                audiovisual and data infrastructure, Aspen Technologies\r\n                delivers integrated solutions built for performance,\r\n                reliability and long-term growth.\r\n            <\/p>\r\n\r\n        <\/header>\r\n\r\n\r\n        <!-- SERVICES GRID -->\r\n\r\n        <div class=\"aspen-services-modern__grid\">\r\n\r\n\r\n            <!-- =================================================\r\n                 LEFT\r\n            ================================================== -->\r\n\r\n            <div class=\"aspen-services-modern__column\">\r\n\r\n\r\n                <!-- 01 -->\r\n\r\n                <a\r\n                    href=\"https:\/\/aspentechaz.net\/services\/structured-cabling\/\"\r\n                    class=\"aspen-modern-card\"\r\n                >\r\n\r\n                    <div class=\"aspen-modern-card__icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\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                            \/>\r\n\r\n                            <path d=\"M7 9h10\"\/>\r\n                            <path d=\"M7 12h10\"\/>\r\n                            <path d=\"M7 15h6\"\/>\r\n\r\n                            <circle\r\n                                cx=\"5.5\"\r\n                                cy=\"9\"\r\n                                r=\".5\"\r\n                                fill=\"currentColor\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"5.5\"\r\n                                cy=\"12\"\r\n                                r=\".5\"\r\n                                fill=\"currentColor\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"aspen-modern-card__content\">\r\n\r\n                        <span class=\"aspen-modern-card__number\">\r\n                            Infrastructure \/ 01\r\n                        <\/span>\r\n\r\n                        <h3 class=\"aspen-modern-card__title\">\r\n                            Structured Cabling\r\n                        <\/h3>\r\n\r\n                        <p class=\"aspen-modern-card__text\">\r\n                            Reliable structured cabling systems\r\n                            engineered for connectivity, scalability\r\n                            and long-term performance.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <span class=\"aspen-modern-card__arrow\">\r\n\r\n                        <svg viewBox=\"0 0 20 20\">\r\n\r\n                            <path d=\"M4 10h12\"\/>\r\n                            <path d=\"M11 5l5 5-5 5\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n                <!-- 02 -->\r\n\r\n                <a\r\n                    href=\"https:\/\/aspentechaz.net\/services\/electrical-services\/\"\r\n                    class=\"aspen-modern-card\"\r\n                >\r\n\r\n                    <div class=\"aspen-modern-card__icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path d=\"M13 2L5 13h6l-1 9 9-13h-6z\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"aspen-modern-card__content\">\r\n\r\n                        <span class=\"aspen-modern-card__number\">\r\n                            Infrastructure \/ 02\r\n                        <\/span>\r\n\r\n                        <h3 class=\"aspen-modern-card__title\">\r\n                            Electrical Services\r\n                        <\/h3>\r\n\r\n                        <p class=\"aspen-modern-card__text\">\r\n                            Commercial and industrial electrical\r\n                            systems designed around safety,\r\n                            performance and reliability.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <span class=\"aspen-modern-card__arrow\">\r\n\r\n                        <svg viewBox=\"0 0 20 20\">\r\n\r\n                            <path d=\"M4 10h12\"\/>\r\n                            <path d=\"M11 5l5 5-5 5\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n                <!-- 03 -->\r\n\r\n                <a\r\n                    href=\"https:\/\/aspentechaz.net\/services\/security\/\"\r\n                    class=\"aspen-modern-card\"\r\n                >\r\n\r\n                    <div class=\"aspen-modern-card__icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path d=\"M12 3l8 3v5c0 5-3.3 8.2-8 10-4.7-1.8-8-5-8-10V6z\"\/>\r\n\r\n                            <path d=\"M8 12l2.5 2.5L16 9\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"aspen-modern-card__content\">\r\n\r\n                        <span class=\"aspen-modern-card__number\">\r\n                            Protection \/ 03\r\n                        <\/span>\r\n\r\n                        <h3 class=\"aspen-modern-card__title\">\r\n                            Security Systems\r\n                        <\/h3>\r\n\r\n                        <p class=\"aspen-modern-card__text\">\r\n                            Intelligent security solutions designed\r\n                            to protect facilities, people and\r\n                            critical business assets.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <span class=\"aspen-modern-card__arrow\">\r\n\r\n                        <svg viewBox=\"0 0 20 20\">\r\n\r\n                            <path d=\"M4 10h12\"\/>\r\n                            <path d=\"M11 5l5 5-5 5\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 CENTER\r\n            ================================================== -->\r\n\r\n            <div class=\"aspen-services-modern__center\">\r\n\r\n                <div class=\"aspen-services-modern__image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/aspenwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/649100182_26684396441146077_223415927802693609_n.jpg?auto=format&fit=crop&w=1000&q=85\"\r\n                        alt=\"Aspen Technologies Infrastructure\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                    <div class=\"aspen-services-modern__image-label\">\r\n\r\n                        <span>\r\n                            ASPEN TECHNOLOGIES\r\n                        <\/span>\r\n\r\n                        Integrated Technology\r\n                        Infrastructure\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"aspen-services-modern__badge\">\r\n                        ENGINEERED \/ 24-7\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <span class=\"aspen-services-modern__corner aspen-services-modern__corner--tl\"><\/span>\r\n\r\n                <span class=\"aspen-services-modern__corner aspen-services-modern__corner--tr\"><\/span>\r\n\r\n                <span class=\"aspen-services-modern__corner aspen-services-modern__corner--bl\"><\/span>\r\n\r\n                <span class=\"aspen-services-modern__corner aspen-services-modern__corner--br\"><\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 RIGHT\r\n            ================================================== -->\r\n\r\n            <div class=\"aspen-services-modern__column\">\r\n\r\n\r\n                <!-- 04 -->\r\n\r\n                <a\r\n                    href=\"https:\/\/aspentechaz.net\/services\/audio-visual-systems\/\"\r\n                    class=\"aspen-modern-card\"\r\n                >\r\n\r\n                    <div class=\"aspen-modern-card__icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <rect\r\n                                x=\"3\"\r\n                                y=\"5\"\r\n                                width=\"18\"\r\n                                height=\"12\"\r\n                                rx=\"2\"\r\n                            \/>\r\n\r\n                            <path d=\"M9 20h6\"\/>\r\n                            <path d=\"M12 17v3\"\/>\r\n                            <path d=\"M10 9l5 2-5 2z\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"aspen-modern-card__content\">\r\n\r\n                        <span class=\"aspen-modern-card__number\">\r\n                            Communication \/ 04\r\n                        <\/span>\r\n\r\n                        <h3 class=\"aspen-modern-card__title\">\r\n                            Audio Visual Systems\r\n                        <\/h3>\r\n\r\n                        <p class=\"aspen-modern-card__text\">\r\n                            Professional AV systems that improve\r\n                            collaboration, communication and\r\n                            presentations.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <span class=\"aspen-modern-card__arrow\">\r\n\r\n                        <svg viewBox=\"0 0 20 20\">\r\n\r\n                            <path d=\"M4 10h12\"\/>\r\n                            <path d=\"M11 5l5 5-5 5\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n                <!-- 05 -->\r\n\r\n                <a\r\n                    href=\"https:\/\/aspentechaz.net\/services\/data-center\/\"\r\n                    class=\"aspen-modern-card\"\r\n                >\r\n\r\n                    <div class=\"aspen-modern-card__icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <rect\r\n                                x=\"5\"\r\n                                y=\"3\"\r\n                                width=\"14\"\r\n                                height=\"5\"\r\n                                rx=\"1\"\r\n                            \/>\r\n\r\n                            <rect\r\n                                x=\"5\"\r\n                                y=\"9.5\"\r\n                                width=\"14\"\r\n                                height=\"5\"\r\n                                rx=\"1\"\r\n                            \/>\r\n\r\n                            <rect\r\n                                x=\"5\"\r\n                                y=\"16\"\r\n                                width=\"14\"\r\n                                height=\"5\"\r\n                                rx=\"1\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"8\"\r\n                                cy=\"5.5\"\r\n                                r=\".6\"\r\n                                fill=\"currentColor\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"8\"\r\n                                cy=\"12\"\r\n                                r=\".6\"\r\n                                fill=\"currentColor\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"8\"\r\n                                cy=\"18.5\"\r\n                                r=\".6\"\r\n                                fill=\"currentColor\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"aspen-modern-card__content\">\r\n\r\n                        <span class=\"aspen-modern-card__number\">\r\n                            Infrastructure \/ 05\r\n                        <\/span>\r\n\r\n                        <h3 class=\"aspen-modern-card__title\">\r\n                            Data Center Solutions\r\n                        <\/h3>\r\n\r\n                        <p class=\"aspen-modern-card__text\">\r\n                            Organized and scalable data center\r\n                            infrastructure built for reliability\r\n                            and future growth.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <span class=\"aspen-modern-card__arrow\">\r\n\r\n                        <svg viewBox=\"0 0 20 20\">\r\n\r\n                            <path d=\"M4 10h12\"\/>\r\n                            <path d=\"M11 5l5 5-5 5\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n                <!-- 06 -->\r\n\r\n                <a\r\n                    href=\"https:\/\/aspentechaz.net\/services\/access-control\/\"\r\n                    class=\"aspen-modern-card\"\r\n                >\r\n\r\n                    <div class=\"aspen-modern-card__icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <rect\r\n                                x=\"5\"\r\n                                y=\"9\"\r\n                                width=\"14\"\r\n                                height=\"11\"\r\n                                rx=\"2\"\r\n                            \/>\r\n\r\n                            <path d=\"M8 9V7a4 4 0 0 1 8 0v2\"\/>\r\n\r\n                            <circle\r\n                                cx=\"12\"\r\n                                cy=\"14\"\r\n                                r=\"1.5\"\r\n                            \/>\r\n\r\n                            <path d=\"M12 15.5v2\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"aspen-modern-card__content\">\r\n\r\n                        <span class=\"aspen-modern-card__number\">\r\n                            Protection \/ 06\r\n                        <\/span>\r\n\r\n                        <h3 class=\"aspen-modern-card__title\">\r\n                            Access Control\r\n                        <\/h3>\r\n\r\n                        <p class=\"aspen-modern-card__text\">\r\n                            Secure credential-based access systems\r\n                            engineered for controlled and flexible\r\n                            facility entry.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <span class=\"aspen-modern-card__arrow\">\r\n\r\n                        <svg viewBox=\"0 0 20 20\">\r\n\r\n                            <path d=\"M4 10h12\"\/>\r\n                            <path d=\"M11 5l5 5-5 5\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- BOTTOM -->\r\n\r\n        <div class=\"aspen-services-modern__bottom\">\r\n\r\n            <span class=\"aspen-services-modern__bottom-text\">\r\n                Integrated Technology Solutions\r\n            <\/span>\r\n\r\n            <span class=\"aspen-services-modern__bottom-line\"><\/span>\r\n\r\n            <span class=\"aspen-services-modern__bottom-text\">\r\n                06 Core Services\r\n            <\/span>\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-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     PREMIUM ARCHITECTURAL \/ EDITORIAL DESIGN\r\n     WORDPRESS + ELEMENTOR READY\r\n     PALETTE:\r\n     #FFFFFF\r\n     #F3F5F6\r\n     #182126\r\n     #4C5C63\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n.aspen-dc-modern,\r\n.aspen-dc-modern * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.aspen-dc-modern {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    background: #FFFFFF;\r\n    color: #182126;\r\n    font-family: \"Inter\", Arial, sans-serif;\r\n}\r\n\r\n\/* =========================================================\r\n   BACKGROUND\r\n========================================================= *\/\r\n\r\n.aspen-dc-modern::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(24,33,38,.045) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(24,33,38,.045) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 80px 80px;\r\n    mask-image: linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        black 25%,\r\n        black 75%,\r\n        transparent\r\n    );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.aspen-dc-modern__container {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: min(1380px, 92%);\r\n    margin: 0 auto;\r\n\r\n    padding: 110px 0 120px;\r\n}\r\n\r\n\/* =========================================================\r\n   TOP HEADER\r\n========================================================= *\/\r\n\r\n.aspen-dc-modern__top {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n\r\n    gap: 40px;\r\n\r\n    margin-bottom: 65px;\r\n}\r\n\r\n.aspen-dc-modern__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    color: #4C5C63;\r\n\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.aspen-dc-modern__eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 34px;\r\n    height: 2px;\r\n\r\n    background: #182126;\r\n}\r\n\r\n\/* small index *\/\r\n\r\n.aspen-dc-modern__index {\r\n    color: rgba(24,33,38,.35);\r\n\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2px;\r\n}\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n========================================================= *\/\r\n\r\n.aspen-dc-modern__grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        38%\r\n        62%;\r\n\r\n    gap: 0;\r\n\r\n    align-items: stretch;\r\n}\r\n\r\n\/* =========================================================\r\n   LEFT PANEL\r\n========================================================= *\/\r\n\r\n.aspen-dc-modern__content {\r\n    position: relative;\r\n    z-index: 4;\r\n\r\n    padding:\r\n        35px\r\n        70px\r\n        45px\r\n        0;\r\n}\r\n\r\n\/* giant number *\/\r\n\r\n.aspen-dc-modern__number {\r\n    margin-bottom: 25px;\r\n\r\n    color: #182126;\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.aspen-dc-modern__number span {\r\n    color: #4C5C63;\r\n}\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.aspen-dc-modern__title {\r\n    margin: 0 0 32px !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:\r\n        clamp(58px, 7vw, 108px) !important;\r\n\r\n    line-height: .86 !important;\r\n\r\n    font-weight: 800 !important;\r\n\r\n    letter-spacing: -6px !important;\r\n}\r\n\r\n.aspen-dc-modern__title span {\r\n    display: block;\r\n\r\n    color: #4C5C63;\r\n}\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.aspen-dc-modern__description {\r\n    max-width: 460px;\r\n\r\n    margin: 0 0 38px !important;\r\n\r\n    color: #4C5C63 !important;\r\n\r\n    font-size: 14px !important;\r\n\r\n    line-height: 1.85 !important;\r\n}\r\n\r\n\/* =========================================================\r\n   LINK\r\n========================================================= *\/\r\n\r\n.aspen-dc-modern__link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n\r\n    color: #182126 !important;\r\n\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    text-decoration: none !important;\r\n}\r\n\r\n.aspen-dc-modern__link-line {\r\n    position: relative;\r\n\r\n    width: 48px;\r\n    height: 1px;\r\n\r\n    background: #182126;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n.aspen-dc-modern__link-line::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    left: -100%;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    background: #4C5C63;\r\n\r\n    transition: left .4s ease;\r\n}\r\n\r\n.aspen-dc-modern__link:hover\r\n.aspen-dc-modern__link-line::after {\r\n    left: 0;\r\n}\r\n\r\n\/* =========================================================\r\n   VISUAL AREA\r\n========================================================= *\/\r\n\r\n.aspen-dc-modern__visual {\r\n    position: relative;\r\n\r\n    min-height: 620px;\r\n\r\n    padding-left: 25px;\r\n}\r\n\r\n\/* =========================================================\r\n   IMAGE FRAME\r\n========================================================= *\/\r\n\r\n.aspen-dc-modern__image-wrap {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 620px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #182126;\r\n\r\n    border-radius: 4px;\r\n}\r\n\r\n\/* image *\/\r\n\r\n.aspen-dc-modern__image-wrap img {\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    filter:\r\n        grayscale(100%)\r\n        contrast(1.05);\r\n\r\n    transform: scale(1.02);\r\n\r\n    transition:\r\n        transform 1.2s\r\n        cubic-bezier(.2,.7,.2,1),\r\n        filter .6s ease;\r\n}\r\n\r\n.aspen-dc-modern__image-wrap:hover img {\r\n    transform: scale(1.08);\r\n\r\n    filter:\r\n        grayscale(75%)\r\n        contrast(1.08);\r\n}\r\n\r\n\/* =========================================================\r\n   IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n.aspen-dc-modern__image-wrap::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(24,33,38,.58),\r\n            transparent 48%,\r\n            rgba(24,33,38,.22)\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\/* =========================================================\r\n   TOP TECH LABEL\r\n========================================================= *\/\r\n\r\n.aspen-dc-modern__tech {\r\n    position: absolute;\r\n\r\n    top: 24px;\r\n    right: 24px;\r\n\r\n    z-index: 5;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n\r\n    padding: 9px 13px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background: rgba(24,33,38,.72);\r\n\r\n    border: 1px solid rgba(255,255,255,.16);\r\n\r\n    backdrop-filter: blur(12px);\r\n\r\n    font-size: 9px;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.aspen-dc-modern__tech-dot {\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #FFFFFF;\r\n}\r\n\r\n\/* =========================================================\r\n   IMAGE LABEL\r\n========================================================= *\/\r\n\r\n.aspen-dc-modern__image-label {\r\n    position: absolute;\r\n\r\n    left: 28px;\r\n    top: 28px;\r\n\r\n    z-index: 5;\r\n\r\n    color: rgba(255,255,255,.7);\r\n\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2px;\r\n}\r\n\r\n\/* =========================================================\r\n   BOTTOM IMAGE TITLE\r\n========================================================= *\/\r\n\r\n.aspen-dc-modern__image-title {\r\n    position: absolute;\r\n\r\n    left: 35px;\r\n    bottom: 35px;\r\n\r\n    z-index: 5;\r\n\r\n    color: #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: clamp(28px, 4vw, 52px);\r\n\r\n    line-height: .95;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: -2px;\r\n}\r\n\r\n.aspen-dc-modern__image-title span {\r\n    display: block;\r\n\r\n    color: rgba(255,255,255,.55);\r\n}\r\n\r\n\/* =========================================================\r\n   FLOATING SPEC CARD\r\n========================================================= *\/\r\n\r\n.aspen-dc-modern__spec {\r\n    position: absolute;\r\n\r\n    left: -55px;\r\n    bottom: 55px;\r\n\r\n    z-index: 8;\r\n\r\n    width: 210px;\r\n\r\n    padding: 24px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border: 1px solid rgba(24,33,38,.1);\r\n\r\n    box-shadow:\r\n        0 25px 70px\r\n        rgba(24,33,38,.18);\r\n\r\n    transition:\r\n        transform .4s ease;\r\n}\r\n\r\n.aspen-dc-modern__visual:hover\r\n.aspen-dc-modern__spec {\r\n    transform: translateY(-8px);\r\n}\r\n\r\n.aspen-dc-modern__spec-top {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.aspen-dc-modern__spec-icon {\r\n    width: 36px;\r\n    height: 36px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: #182126;\r\n}\r\n\r\n.aspen-dc-modern__spec-icon svg {\r\n    width: 19px;\r\n    height: 19px;\r\n\r\n    fill: none;\r\n    stroke: #FFFFFF;\r\n\r\n    stroke-width: 1.5;\r\n}\r\n\r\n.aspen-dc-modern__spec-code {\r\n    color: rgba(24,33,38,.4);\r\n\r\n    font-size: 8px;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.5px;\r\n}\r\n\r\n.aspen-dc-modern__spec-title {\r\n    margin: 0 0 8px !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: 17px !important;\r\n\r\n    font-weight: 800 !important;\r\n}\r\n\r\n.aspen-dc-modern__spec-text {\r\n    margin: 0 !important;\r\n\r\n    color: #4C5C63 !important;\r\n\r\n    font-size: 10px !important;\r\n\r\n    line-height: 1.6 !important;\r\n}\r\n\r\n\/* =========================================================\r\n   BOTTOM STATS\r\n========================================================= *\/\r\n\r\n.aspen-dc-modern__stats {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, 1fr);\r\n\r\n    gap: 1px;\r\n\r\n    margin-top: 45px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(24,33,38,.12);\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(24,33,38,.12);\r\n}\r\n\r\n.aspen-dc-modern__stat {\r\n    padding: 25px 25px 25px 0;\r\n\r\n    border-right:\r\n        1px solid\r\n        rgba(24,33,38,.12);\r\n}\r\n\r\n.aspen-dc-modern__stat:last-child {\r\n    border-right: 0;\r\n    padding-left: 25px;\r\n}\r\n\r\n.aspen-dc-modern__stat:nth-child(2) {\r\n    padding-left: 25px;\r\n}\r\n\r\n.aspen-dc-modern__stat-value {\r\n    margin-bottom: 7px;\r\n\r\n    color: #182126;\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 25px;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: -1px;\r\n}\r\n\r\n.aspen-dc-modern__stat-label {\r\n    color: #4C5C63;\r\n\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.3px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .aspen-dc-modern__grid {\r\n        grid-template-columns: 40% 60%;\r\n    }\r\n\r\n    .aspen-dc-modern__content {\r\n        padding-right: 35px;\r\n    }\r\n\r\n    .aspen-dc-modern__visual {\r\n        padding-left: 15px;\r\n    }\r\n\r\n    .aspen-dc-modern__spec {\r\n        left: -30px;\r\n    }\r\n\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 850px) {\r\n\r\n    .aspen-dc-modern__container {\r\n        padding: 80px 0 90px;\r\n    }\r\n\r\n    .aspen-dc-modern__top {\r\n        margin-bottom: 45px;\r\n    }\r\n\r\n    .aspen-dc-modern__grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .aspen-dc-modern__content {\r\n        padding: 0 0 55px;\r\n    }\r\n\r\n    .aspen-dc-modern__title {\r\n        font-size: clamp(60px, 12vw, 90px) !important;\r\n    }\r\n\r\n    .aspen-dc-modern__description {\r\n        max-width: 650px;\r\n    }\r\n\r\n    .aspen-dc-modern__visual {\r\n        padding-left: 35px;\r\n        min-height: auto;\r\n    }\r\n\r\n    .aspen-dc-modern__image-wrap {\r\n        height: 560px;\r\n    }\r\n\r\n    .aspen-dc-modern__spec {\r\n        left: 0;\r\n        bottom: 35px;\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-modern__container {\r\n        width: 88%;\r\n        padding: 65px 0 70px;\r\n    }\r\n\r\n    .aspen-dc-modern__top {\r\n        align-items: flex-start;\r\n        margin-bottom: 38px;\r\n    }\r\n\r\n    .aspen-dc-modern__index {\r\n        display: none;\r\n    }\r\n\r\n    .aspen-dc-modern__eyebrow {\r\n        font-size: 8px;\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    .aspen-dc-modern__title {\r\n        font-size: 61px !important;\r\n        line-height: .88 !important;\r\n        letter-spacing: -4px !important;\r\n\r\n        margin-bottom: 25px !important;\r\n    }\r\n\r\n    .aspen-dc-modern__description {\r\n        font-size: 13px !important;\r\n        line-height: 1.75 !important;\r\n\r\n        margin-bottom: 28px !important;\r\n    }\r\n\r\n    .aspen-dc-modern__visual {\r\n        padding-left: 0;\r\n    }\r\n\r\n    .aspen-dc-modern__image-wrap {\r\n        height: 440px;\r\n    }\r\n\r\n    .aspen-dc-modern__image-title {\r\n        left: 22px;\r\n        bottom: 25px;\r\n\r\n        font-size: 31px;\r\n    }\r\n\r\n    .aspen-dc-modern__image-label {\r\n        left: 20px;\r\n        top: 20px;\r\n    }\r\n\r\n    .aspen-dc-modern__tech {\r\n        top: 18px;\r\n        right: 18px;\r\n\r\n        padding: 7px 10px;\r\n\r\n        font-size: 7px;\r\n    }\r\n\r\n    .aspen-dc-modern__spec {\r\n        position: relative;\r\n\r\n        left: auto;\r\n        bottom: auto;\r\n\r\n        width: calc(100% - 35px);\r\n\r\n        margin:\r\n            -45px\r\n            0\r\n            0\r\n            20px;\r\n    }\r\n\r\n    .aspen-dc-modern__stats {\r\n        grid-template-columns: 1fr;\r\n\r\n        margin-top: 35px;\r\n    }\r\n\r\n    .aspen-dc-modern__stat,\r\n    .aspen-dc-modern__stat:nth-child(2),\r\n    .aspen-dc-modern__stat:last-child {\r\n        padding: 18px 0;\r\n\r\n        border-right: 0;\r\n\r\n        border-bottom:\r\n            1px solid\r\n            rgba(24,33,38,.12);\r\n    }\r\n\r\n    .aspen-dc-modern__stat:last-child {\r\n        border-bottom: 0;\r\n    }\r\n\r\n}\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 400px) {\r\n\r\n    .aspen-dc-modern__title {\r\n        font-size: 52px !important;\r\n    }\r\n\r\n    .aspen-dc-modern__image-wrap {\r\n        height: 390px;\r\n    }\r\n\r\n    .aspen-dc-modern__spec {\r\n        width: calc(100% - 20px);\r\n        margin-left: 10px;\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-dc-modern\">\r\n\r\n    <div class=\"aspen-dc-modern__container\">\r\n\r\n        <!-- TOP -->\r\n\r\n        <div class=\"aspen-dc-modern__top\">\r\n\r\n            <div class=\"aspen-dc-modern__eyebrow\">\r\n                Mission Critical Infrastructure\r\n            <\/div>\r\n\r\n            <div class=\"aspen-dc-modern__index\">\r\n                ASPEN \/ DC-01\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- MAIN -->\r\n\r\n        <div class=\"aspen-dc-modern__grid\">\r\n\r\n\r\n            <!-- LEFT -->\r\n\r\n            <div class=\"aspen-dc-modern__content\">\r\n\r\n                <div class=\"aspen-dc-modern__number\">\r\n                    01 <span>\/<\/span> DATA CENTER\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"aspen-dc-modern__title\">\r\n                    Data\r\n                    <span>Center.<\/span>\r\n                <\/h2>\r\n\r\n\r\n                <p class=\"aspen-dc-modern__description\">\r\n\r\n                    Aspen Technologies delivers mission-critical\r\n                    data center infrastructure through engineering,\r\n                    project management, certified installation teams\r\n                    and strategic manufacturer partnerships.\r\n\r\n                <\/p>\r\n\r\n\r\n                <a\r\n                    href=\"https:\/\/aspentechaz.net\/services\/data-center\/\"\r\n                    class=\"aspen-dc-modern__link\"\r\n                >\r\n\r\n                    Explore Data Center Solutions\r\n\r\n                    <span class=\"aspen-dc-modern__link-line\"><\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- RIGHT -->\r\n\r\n            <div class=\"aspen-dc-modern__visual\">\r\n\r\n\r\n                <!-- IMAGE -->\r\n\r\n                <div class=\"aspen-dc-modern__image-wrap\">\r\n\r\n                    <span class=\"aspen-dc-modern__image-label\">\r\n                        INFRASTRUCTURE \/ 01\r\n                    <\/span>\r\n\r\n\r\n                    <div class=\"aspen-dc-modern__tech\">\r\n\r\n                        <span class=\"aspen-dc-modern__tech-dot\"><\/span>\r\n\r\n                        Mission Critical\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/aspenwp2.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=\"Aspen Technologies data center infrastructure\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n\r\n                    <div class=\"aspen-dc-modern__image-title\">\r\n\r\n                        Built For\r\n                        <span>Continuity.<\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- FLOATING CARD -->\r\n\r\n                <div class=\"aspen-dc-modern__spec\">\r\n\r\n                    <div class=\"aspen-dc-modern__spec-top\">\r\n\r\n                        <div class=\"aspen-dc-modern__spec-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=\"24\"\r\n                                    rx=\"2\"\r\n                                \/>\r\n\r\n                                <path d=\"M11 10h10\"\/>\r\n                                <path d=\"M11 16h10\"\/>\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                        <\/div>\r\n\r\n                        <span class=\"aspen-dc-modern__spec-code\">\r\n                            DC \/ 24-7\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <h3 class=\"aspen-dc-modern__spec-title\">\r\n                        Always Available.\r\n                    <\/h3>\r\n\r\n\r\n                    <p class=\"aspen-dc-modern__spec-text\">\r\n\r\n                        Infrastructure engineered for\r\n                        reliability, scalability and\r\n                        continuous performance.\r\n\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- STATS -->\r\n\r\n        <div class=\"aspen-dc-modern__stats\">\r\n\r\n            <div class=\"aspen-dc-modern__stat\">\r\n\r\n                <div class=\"aspen-dc-modern__stat-value\">\r\n                    24 \/ 7\r\n                <\/div>\r\n\r\n                <div class=\"aspen-dc-modern__stat-label\">\r\n                    Infrastructure Support\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"aspen-dc-modern__stat\">\r\n\r\n                <div class=\"aspen-dc-modern__stat-value\">\r\n                    Mission Critical\r\n                <\/div>\r\n\r\n                <div class=\"aspen-dc-modern__stat-label\">\r\n                    Designed For Continuity\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"aspen-dc-modern__stat\">\r\n\r\n                <div class=\"aspen-dc-modern__stat-value\">\r\n                    End-to-End\r\n                <\/div>\r\n\r\n                <div class=\"aspen-dc-modern__stat-label\">\r\n                    Project Expertise\r\n                <\/div>\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-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 STACKING SCROLL CARDS\r\n     ELEMENTOR \/ WORDPRESS READY\r\n     \r\n     COLORS\r\n     #3D4B51\r\n     #FFFFFF\r\n     #D2D6D9\r\n     ========================================================= -->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.aspen-stack-industries,\r\n.aspen-stack-industries * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN SECTION\r\n========================================================= *\/\r\n\r\n.aspen-stack-industries {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    overflow: visible;\r\n\r\n    padding: 130px 0 180px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 85% 15%,\r\n            rgba(255,255,255,.07),\r\n            transparent 30%\r\n        ),\r\n        #3D4B51;\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        Arial,\r\n        sans-serif;\r\n}\r\n\r\n\r\n\/* subtle lines *\/\r\n\r\n.aspen-stack-industries::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n\r\n    height: 1px;\r\n\r\n    background:\r\n        rgba(255,255,255,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.aspen-stack-industries__container {\r\n\r\n    position: relative;\r\n\r\n    width:\r\n        min(1240px, 90%);\r\n\r\n    margin:\r\n        0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.aspen-stack-industries__header {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1fr 360px;\r\n\r\n    align-items: end;\r\n\r\n    gap: 80px;\r\n\r\n    margin-bottom: 90px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n.aspen-stack-industries__eyebrow {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 13px;\r\n\r\n    margin-bottom: 22px;\r\n\r\n    color:\r\n        #D2D6D9;\r\n\r\n    font-size: 10px;\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-stack-industries__eyebrow-line {\r\n\r\n    width: 42px;\r\n\r\n    height: 1px;\r\n\r\n    background:\r\n        #FFFFFF;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.aspen-stack-industries__title {\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n    max-width:\r\n        850px;\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        clamp(48px, 6vw, 82px) !important;\r\n\r\n    line-height:\r\n        .94 !important;\r\n\r\n    font-weight:\r\n        800 !important;\r\n\r\n    letter-spacing:\r\n        -5px !important;\r\n}\r\n\r\n\r\n.aspen-stack-industries__title span {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        #D2D6D9;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.aspen-stack-industries__intro {\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n    max-width:\r\n        350px;\r\n\r\n    color:\r\n        rgba(255,255,255,.68) !important;\r\n\r\n    font-size:\r\n        14px !important;\r\n\r\n    line-height:\r\n        1.85 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STACK AREA\r\n========================================================= *\/\r\n\r\n.aspen-stack-industries__stack {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.aspen-stack-card {\r\n\r\n    position: sticky;\r\n\r\n    top: 90px;\r\n\r\n    height: 520px;\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-end;\r\n\r\n    padding: 48px;\r\n\r\n    margin-bottom: 55px;\r\n\r\n    border-radius:\r\n        30px;\r\n\r\n    background:\r\n        #182126;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.15);\r\n\r\n    box-shadow:\r\n        0 30px 90px\r\n        rgba(0,0,0,.30);\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DIFFERENT STACK POSITIONS\r\n========================================================= *\/\r\n\r\n.aspen-stack-card:nth-child(1) {\r\n    top: 90px;\r\n    z-index: 1;\r\n}\r\n\r\n.aspen-stack-card:nth-child(2) {\r\n    top: 110px;\r\n    z-index: 2;\r\n}\r\n\r\n.aspen-stack-card:nth-child(3) {\r\n    top: 130px;\r\n    z-index: 3;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD IMAGE\r\n========================================================= *\/\r\n\r\n.aspen-stack-card__image {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: -2;\r\n\r\n    background-size:\r\n        cover;\r\n\r\n    background-position:\r\n        center;\r\n\r\n    transform:\r\n        scale(1.02);\r\n\r\n    transition:\r\n        transform 1s\r\n        cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n.aspen-stack-card__overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: -1;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(24,33,38,.94) 0%,\r\n            rgba(24,33,38,.72) 38%,\r\n            rgba(24,33,38,.22) 75%,\r\n            rgba(24,33,38,.08) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD NUMBER\r\n========================================================= *\/\r\n\r\n.aspen-stack-card__number {\r\n\r\n    position: absolute;\r\n\r\n    top: 38px;\r\n\r\n    right: 42px;\r\n\r\n    color:\r\n        rgba(255,255,255,.42);\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        13px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        2px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TOP LABEL\r\n========================================================= *\/\r\n\r\n.aspen-stack-card__label {\r\n\r\n    position: absolute;\r\n\r\n    top: 38px;\r\n\r\n    left: 42px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    color:\r\n        rgba(255,255,255,.72);\r\n\r\n    font-size:\r\n        9px;\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\r\n\r\n.aspen-stack-card__label::before {\r\n\r\n    content: \"\";\r\n\r\n    width: 7px;\r\n\r\n    height: 7px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 0 0 5px\r\n        rgba(255,255,255,.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD CONTENT\r\n========================================================= *\/\r\n\r\n.aspen-stack-card__content {\r\n\r\n    position: relative;\r\n\r\n    z-index: 4;\r\n\r\n    max-width:\r\n        650px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n.aspen-stack-card__icon {\r\n\r\n    width: 58px;\r\n\r\n    height: 58px;\r\n\r\n    margin-bottom: 24px;\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-radius:\r\n        17px;\r\n\r\n    background:\r\n        rgba(255,255,255,.12);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.25);\r\n\r\n    backdrop-filter:\r\n        blur(12px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(12px);\r\n}\r\n\r\n\r\n.aspen-stack-card__icon svg {\r\n\r\n    width: 27px;\r\n\r\n    height: 27px;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        #FFFFFF;\r\n\r\n    stroke-width:\r\n        1.5;\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   TITLE\r\n========================================================= *\/\r\n\r\n.aspen-stack-card__title {\r\n\r\n    margin:\r\n        0 0 16px !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        clamp(38px, 4vw, 58px) !important;\r\n\r\n    line-height:\r\n        .98 !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\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.aspen-stack-card__description {\r\n\r\n    max-width:\r\n        580px;\r\n\r\n    margin:\r\n        0 0 30px !important;\r\n\r\n    color:\r\n        rgba(255,255,255,.70) !important;\r\n\r\n    font-size:\r\n        14px !important;\r\n\r\n    line-height:\r\n        1.8 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM META\r\n========================================================= *\/\r\n\r\n.aspen-stack-card__bottom {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 22px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEW LINK\r\n========================================================= *\/\r\n\r\n.aspen-stack-card__link {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    color:\r\n        #FFFFFF !important;\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    text-decoration:\r\n        none !important;\r\n}\r\n\r\n\r\n.aspen-stack-card__arrow {\r\n\r\n    width: 38px;\r\n\r\n    height: 38px;\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:\r\n        1px solid\r\n        rgba(255,255,255,.35);\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    transition:\r\n        .35s ease;\r\n}\r\n\r\n\r\n.aspen-stack-card__arrow svg {\r\n\r\n    width: 15px;\r\n\r\n    height: 15px;\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   HOVER\r\n========================================================= *\/\r\n\r\n.aspen-stack-card:hover\r\n.aspen-stack-card__image {\r\n\r\n    transform:\r\n        scale(1.07);\r\n}\r\n\r\n\r\n.aspen-stack-card:hover\r\n.aspen-stack-card__arrow {\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    color:\r\n        #3D4B51;\r\n\r\n    border-color:\r\n        #FFFFFF;\r\n\r\n    transform:\r\n        translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE SIDE NUMBER\r\n========================================================= *\/\r\n\r\n.aspen-stack-card__big-number {\r\n\r\n    position: absolute;\r\n\r\n    right: 70px;\r\n\r\n    bottom: 35px;\r\n\r\n    color:\r\n        rgba(255,255,255,.055);\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        170px;\r\n\r\n    line-height:\r\n        .8;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    pointer-events:\r\n        none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEW ALL\r\n========================================================= *\/\r\n\r\n.aspen-stack-industries__button-wrap {\r\n\r\n    position: relative;\r\n\r\n    z-index: 10;\r\n\r\n    display: flex;\r\n\r\n    justify-content: center;\r\n\r\n    margin-top:\r\n        30px;\r\n}\r\n\r\n\r\n.aspen-stack-industries__button {\r\n\r\n    min-height:\r\n        56px;\r\n\r\n    padding:\r\n        0 28px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\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\r\n        #FFFFFF;\r\n\r\n    border-radius:\r\n        50px;\r\n\r\n    font-size:\r\n        13px;\r\n\r\n    font-weight:\r\n        700;\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    transition:\r\n        .35s ease;\r\n}\r\n\r\n\r\n.aspen-stack-industries__button:hover {\r\n\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\r\n\r\n.aspen-stack-industries__button svg {\r\n\r\n    width:\r\n        17px;\r\n\r\n    height:\r\n        17px;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.aspen-stack-industries__button:hover svg {\r\n\r\n    transform:\r\n        translateX(5px);\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-stack-industries {\r\n\r\n        padding:\r\n            90px 0 130px;\r\n    }\r\n\r\n\r\n    .aspen-stack-industries__header {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap:\r\n            25px;\r\n\r\n        margin-bottom:\r\n            65px;\r\n    }\r\n\r\n\r\n    .aspen-stack-card {\r\n\r\n        height:\r\n            500px;\r\n\r\n        padding:\r\n            38px;\r\n    }\r\n\r\n\r\n    .aspen-stack-card:nth-child(1) {\r\n        top: 70px;\r\n    }\r\n\r\n    .aspen-stack-card:nth-child(2) {\r\n        top: 90px;\r\n    }\r\n\r\n    .aspen-stack-card:nth-child(3) {\r\n        top: 110px;\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-stack-industries {\r\n\r\n        padding:\r\n            75px 0 110px;\r\n    }\r\n\r\n\r\n    .aspen-stack-industries__container {\r\n\r\n        width:\r\n            90%;\r\n    }\r\n\r\n\r\n    .aspen-stack-industries__title {\r\n\r\n        font-size:\r\n            43px !important;\r\n\r\n        letter-spacing:\r\n            -3px !important;\r\n    }\r\n\r\n\r\n    .aspen-stack-industries__intro {\r\n\r\n        font-size:\r\n            13px !important;\r\n    }\r\n\r\n\r\n    .aspen-stack-card {\r\n\r\n        height:\r\n            500px;\r\n\r\n        padding:\r\n            28px;\r\n\r\n        border-radius:\r\n            24px;\r\n\r\n        margin-bottom:\r\n            35px;\r\n    }\r\n\r\n\r\n    .aspen-stack-card:nth-child(1) {\r\n        top: 45px;\r\n    }\r\n\r\n    .aspen-stack-card:nth-child(2) {\r\n        top: 62px;\r\n    }\r\n\r\n    .aspen-stack-card:nth-child(3) {\r\n        top: 79px;\r\n    }\r\n\r\n\r\n    .aspen-stack-card__label {\r\n\r\n        top:\r\n            25px;\r\n\r\n        left:\r\n            28px;\r\n\r\n        font-size:\r\n            8px;\r\n    }\r\n\r\n\r\n    .aspen-stack-card__number {\r\n\r\n        top:\r\n            25px;\r\n\r\n        right:\r\n            28px;\r\n    }\r\n\r\n\r\n    .aspen-stack-card__icon {\r\n\r\n        width:\r\n            50px;\r\n\r\n        height:\r\n            50px;\r\n\r\n        margin-bottom:\r\n            20px;\r\n    }\r\n\r\n\r\n    .aspen-stack-card__icon svg {\r\n\r\n        width:\r\n            23px;\r\n\r\n        height:\r\n            23px;\r\n    }\r\n\r\n\r\n    .aspen-stack-card__title {\r\n\r\n        font-size:\r\n            34px !important;\r\n\r\n        letter-spacing:\r\n            -2px !important;\r\n    }\r\n\r\n\r\n    .aspen-stack-card__description {\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        margin-bottom:\r\n            25px !important;\r\n    }\r\n\r\n\r\n    .aspen-stack-card__big-number {\r\n\r\n        right:\r\n            25px;\r\n\r\n        bottom:\r\n            30px;\r\n\r\n        font-size:\r\n            100px;\r\n    }\r\n\r\n\r\n    .aspen-stack-card__arrow {\r\n\r\n        width:\r\n            34px;\r\n\r\n        height:\r\n            34px;\r\n    }\r\n\r\n\r\n    .aspen-stack-industries__button {\r\n\r\n        min-height:\r\n            46px;\r\n\r\n        padding:\r\n            0 20px;\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: 380px) {\r\n\r\n    .aspen-stack-card {\r\n\r\n        height:\r\n            470px;\r\n    }\r\n\r\n\r\n    .aspen-stack-card__title {\r\n\r\n        font-size:\r\n            30px !important;\r\n    }\r\n\r\n\r\n    .aspen-stack-card__description {\r\n\r\n        max-width:\r\n            270px;\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-stack-industries\">\r\n\r\n    <div class=\"aspen-stack-industries__container\">\r\n\r\n\r\n        <!-- =================================================\r\n             HEADER\r\n        ================================================= -->\r\n\r\n        <div class=\"aspen-stack-industries__header\">\r\n\r\n            <div>\r\n\r\n                <div class=\"aspen-stack-industries__eyebrow\">\r\n\r\n                    <span class=\"aspen-stack-industries__eyebrow-line\"><\/span>\r\n\r\n                    INDUSTRIES \/ MARKETS\r\n\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"aspen-stack-industries__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-stack-industries__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             STACKING CARDS\r\n        ================================================= -->\r\n\r\n        <div class=\"aspen-stack-industries__stack\">\r\n\r\n\r\n            <!-- =================================================\r\n                 CARD 01\r\n            ================================================= -->\r\n\r\n            <article class=\"aspen-stack-card\">\r\n\r\n                <div\r\n                    class=\"aspen-stack-card__image\"\r\n                    style=\"\r\n                    background-image:\r\n                    url('https:\/\/aspenwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/Hospitality-3-1.jpg');\r\n                    \">\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aspen-stack-card__overlay\"><\/div>\r\n\r\n\r\n                <div class=\"aspen-stack-card__label\">\r\n\r\n                    Hospitality Solutions\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aspen-stack-card__number\">\r\n\r\n                    01 \/ 03\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aspen-stack-card__big-number\">\r\n\r\n                    01\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aspen-stack-card__content\">\r\n\r\n\r\n                    <div class=\"aspen-stack-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                    <h3 class=\"aspen-stack-card__title\">\r\n\r\n                        Hospitality\r\n\r\n                    <\/h3>\r\n\r\n\r\n                    <p class=\"aspen-stack-card__description\">\r\n\r\n                        Smart, connected technology solutions\r\n                        that enhance guest experiences,\r\n                        streamline operations, and improve\r\n                        service efficiency.\r\n\r\n                    <\/p>\r\n\r\n\r\n                    <div class=\"aspen-stack-card__bottom\">\r\n\r\n                        <a\r\n                            href=\"#\"\r\n                            class=\"aspen-stack-card__link\"\r\n                        >\r\n\r\n                            Explore Industry\r\n\r\n                            <span class=\"aspen-stack-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                        <\/a>\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\r\n            ================================================= -->\r\n\r\n            <article class=\"aspen-stack-card\">\r\n\r\n                <div\r\n                    class=\"aspen-stack-card__image\"\r\n                    style=\"\r\n                    background-image:\r\n                    url('https:\/\/aspenwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/Education-1-1.jpg');\r\n                    \">\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aspen-stack-card__overlay\"><\/div>\r\n\r\n\r\n                <div class=\"aspen-stack-card__label\">\r\n\r\n                    Education Solutions\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aspen-stack-card__number\">\r\n\r\n                    02 \/ 03\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aspen-stack-card__big-number\">\r\n\r\n                    02\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aspen-stack-card__content\">\r\n\r\n\r\n                    <div class=\"aspen-stack-card__icon\">\r\n\r\n                        <svg viewBox=\"0 0 32 32\">\r\n\r\n                            <rect x=\"7\" y=\"4\" width=\"18\" height=\"7\" rx=\"1\"\/>\r\n\r\n                            <rect x=\"7\" y=\"13\" width=\"18\" height=\"7\" rx=\"1\"\/>\r\n\r\n                            <rect x=\"7\" y=\"22\" width=\"18\" height=\"6\" rx=\"1\"\/>\r\n\r\n                            <circle cx=\"11\" cy=\"7.5\" r=\"1\"\/>\r\n\r\n                            <circle cx=\"11\" cy=\"16.5\" r=\"1\"\/>\r\n\r\n                            <circle cx=\"11\" cy=\"25\" r=\"1\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <h3 class=\"aspen-stack-card__title\">\r\n\r\n                        Education\r\n\r\n                    <\/h3>\r\n\r\n\r\n                    <p class=\"aspen-stack-card__description\">\r\n\r\n                        Digital infrastructure designed to\r\n                        enhance learning, improve collaboration,\r\n                        and create connected educational\r\n                        environments.\r\n\r\n                    <\/p>\r\n\r\n\r\n                    <div class=\"aspen-stack-card__bottom\">\r\n\r\n                        <a\r\n                            href=\"#\"\r\n                            class=\"aspen-stack-card__link\"\r\n                        >\r\n\r\n                            Explore Industry\r\n\r\n                            <span class=\"aspen-stack-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                        <\/a>\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\r\n            ================================================= -->\r\n\r\n            <article class=\"aspen-stack-card\">\r\n\r\n                <div\r\n                    class=\"aspen-stack-card__image\"\r\n                    style=\"\r\n                    background-image:\r\n                    url('https:\/\/aspenwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/Government-1.jpg');\r\n                    \">\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aspen-stack-card__overlay\"><\/div>\r\n\r\n\r\n                <div class=\"aspen-stack-card__label\">\r\n\r\n                    Government Solutions\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aspen-stack-card__number\">\r\n\r\n                    03 \/ 03\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aspen-stack-card__big-number\">\r\n\r\n                    03\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aspen-stack-card__content\">\r\n\r\n\r\n                    <div class=\"aspen-stack-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                    <h3 class=\"aspen-stack-card__title\">\r\n\r\n                        Government\r\n\r\n                    <\/h3>\r\n\r\n\r\n                    <p class=\"aspen-stack-card__description\">\r\n\r\n                        Secure and reliable technology\r\n                        infrastructure that improves public\r\n                        services, streamlines operations, and\r\n                        supports digital connectivity.\r\n\r\n                    <\/p>\r\n\r\n\r\n                    <div class=\"aspen-stack-card__bottom\">\r\n\r\n                        <a\r\n                            href=\"#\"\r\n                            class=\"aspen-stack-card__link\"\r\n                        >\r\n\r\n                            Explore Industry\r\n\r\n                            <span class=\"aspen-stack-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                        <\/a>\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             BUTTON\r\n        ================================================= -->\r\n\r\n        <div class=\"aspen-stack-industries__button-wrap\">\r\n\r\n            <a\r\n                href=\"#\"\r\n                class=\"aspen-stack-industries__button\"\r\n            >\r\n\r\n                View All Industries\r\n\r\n                <svg viewBox=\"0 0 24 24\">\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                        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 TECHNOLOGIES \u2014 MODERN WAVE PROCESS\r\n     SCROLL ACTIVATED PROCESS\r\n     \r\n     WORDPRESS \/ ELEMENTOR READY\r\n\r\n     COLORS:\r\n     #3D4B51\r\n     #FFFFFF\r\n     #D2D6D9\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n.aspen-wave-process,\r\n.aspen-wave-process * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.aspen-wave-process {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: 120px 0 130px;\r\n    background: #FFFFFF;\r\n    color: #3D4B51;\r\n    font-family: \"Inter\", Arial, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND\r\n========================================================= *\/\r\n\r\n.aspen-wave-process::before {\r\n    content: \"\";\r\n    position: absolute;\r\n\r\n    width: 650px;\r\n    height: 650px;\r\n\r\n    top: -300px;\r\n    right: -250px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(61,75,81,.07),\r\n            transparent 68%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.aspen-wave-process::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 500px;\r\n    height: 500px;\r\n\r\n    bottom: -280px;\r\n    left: -250px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(210,214,217,.35),\r\n            transparent 68%\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-wave-process__container {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: min(1280px, 92%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.aspen-wave-process__header {\r\n    max-width: 760px;\r\n    margin-bottom: 75px;\r\n}\r\n\r\n\r\n.aspen-wave-process__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    color: #3D4B51;\r\n\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.aspen-wave-process__eyebrow-line {\r\n    width: 40px;\r\n    height: 2px;\r\n\r\n    background: #3D4B51;\r\n}\r\n\r\n\r\n.aspen-wave-process__title {\r\n    margin: 0 !important;\r\n\r\n    color: #3D4B51 !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, 5.5vw, 76px) !important;\r\n\r\n    line-height: .96 !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-wave-process__title span {\r\n    color: #8B969B;\r\n}\r\n\r\n\r\n.aspen-wave-process__intro {\r\n    max-width: 560px;\r\n\r\n    margin: 22px 0 0 !important;\r\n\r\n    color: #3D4B51 !important;\r\n\r\n    opacity: .65;\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   WAVE AREA\r\n========================================================= *\/\r\n\r\n.aspen-wave-process__track {\r\n    position: relative;\r\n\r\n    min-height: 620px;\r\n\r\n    margin-top: 30px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WAVE SVG\r\n========================================================= *\/\r\n\r\n.aspen-wave-process__svg {\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    right: 0;\r\n\r\n    top: 50%;\r\n\r\n    width: 100%;\r\n    height: 300px;\r\n\r\n    transform: translateY(-50%);\r\n\r\n    overflow: visible;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* BASE WAVE *\/\r\n\r\n.aspen-wave-process__wave-base {\r\n    fill: none;\r\n\r\n    stroke:\r\n        rgba(61,75,81,.12);\r\n\r\n    stroke-width: 2;\r\n}\r\n\r\n\r\n\/* ACTIVE WAVE *\/\r\n\r\n.aspen-wave-process__wave-active {\r\n    fill: none;\r\n\r\n    stroke: #3D4B51;\r\n\r\n    stroke-width: 3;\r\n\r\n    stroke-linecap: round;\r\n\r\n    stroke-dasharray: 10 12;\r\n\r\n    opacity: .65;\r\n\r\n    animation:\r\n        aspenWaveMove\r\n        2s\r\n        linear\r\n        infinite;\r\n}\r\n\r\n\r\n@keyframes aspenWaveMove {\r\n\r\n    from {\r\n        stroke-dashoffset: 0;\r\n    }\r\n\r\n    to {\r\n        stroke-dashoffset: -44;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEP GRID\r\n========================================================= *\/\r\n\r\n.aspen-wave-process__steps {\r\n    position: relative;\r\n    z-index: 4;\r\n\r\n    height: 100%;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(5, 1fr);\r\n\r\n    align-items: center;\r\n\r\n    gap: 18px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEP\r\n========================================================= *\/\r\n\r\n.aspen-wave-step {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    justify-content: center;\r\n\r\n    min-height: 560px;\r\n\r\n    transition:\r\n        transform .6s cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n\r\n\/* WAVE POSITIONS *\/\r\n\r\n.aspen-wave-step:nth-child(1),\r\n.aspen-wave-step:nth-child(3),\r\n.aspen-wave-step:nth-child(5) {\r\n    align-items: flex-start;\r\n    padding-top: 20px;\r\n}\r\n\r\n\r\n.aspen-wave-step:nth-child(2),\r\n.aspen-wave-step:nth-child(4) {\r\n    align-items: flex-end;\r\n    padding-bottom: 20px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.aspen-wave-step__card {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: 215px;\r\n\r\n    min-height: 330px;\r\n\r\n    padding: 26px 23px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    border-radius: 24px;\r\n\r\n    background: #F1F3F4;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(61,75,81,.10);\r\n\r\n    box-shadow:\r\n        0 15px 40px\r\n        rgba(61,75,81,.08);\r\n\r\n    transition:\r\n        background .6s ease,\r\n        color .6s ease,\r\n        transform .6s cubic-bezier(.22,.61,.36,1),\r\n        box-shadow .6s ease,\r\n        border-color .6s ease;\r\n}\r\n\r\n\r\n\/* TOP LINE *\/\r\n\r\n.aspen-wave-step__card::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 25px;\r\n    right: 25px;\r\n\r\n    height: 3px;\r\n\r\n    border-radius: 0 0 10px 10px;\r\n\r\n    background: #3D4B51;\r\n\r\n    opacity: .15;\r\n\r\n    transition:\r\n        opacity .5s ease,\r\n        transform .5s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACTIVE CARD\r\n========================================================= *\/\r\n\r\n.aspen-wave-step.is-active .aspen-wave-step__card {\r\n\r\n    background: #3D4B51;\r\n\r\n    border-color: #3D4B51;\r\n\r\n    color: #FFFFFF;\r\n\r\n    transform:\r\n        translateY(-12px)\r\n        scale(1.045);\r\n\r\n    box-shadow:\r\n        0 30px 75px\r\n        rgba(61,75,81,.27);\r\n}\r\n\r\n\r\n.aspen-wave-step.is-active .aspen-wave-step__card::before {\r\n    background: #FFFFFF;\r\n\r\n    opacity: .8;\r\n\r\n    transform:\r\n        scaleX(.65);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n.aspen-wave-step__number {\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    margin-bottom: 28px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #FFFFFF;\r\n\r\n    color: #3D4B51;\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    font-weight: 800;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(61,75,81,.12);\r\n\r\n    transition:\r\n        background .5s ease,\r\n        color .5s ease,\r\n        transform .5s ease;\r\n}\r\n\r\n\r\n.aspen-wave-step.is-active\r\n.aspen-wave-step__number {\r\n    background: #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-wave-step__icon {\r\n\r\n    width: 54px;\r\n    height: 54px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    border-radius: 15px;\r\n\r\n    background:\r\n        rgba(61,75,81,.07);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(61,75,81,.10);\r\n\r\n    transition:\r\n        background .5s ease,\r\n        border-color .5s ease,\r\n        transform .5s ease;\r\n}\r\n\r\n\r\n.aspen-wave-step__icon svg {\r\n    width: 26px;\r\n    height: 26px;\r\n\r\n    fill: none;\r\n\r\n    stroke: #3D4B51;\r\n\r\n    stroke-width: 1.7;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n\r\n    transition:\r\n        stroke .5s ease;\r\n}\r\n\r\n\r\n.aspen-wave-step.is-active\r\n.aspen-wave-step__icon {\r\n\r\n    background:\r\n        rgba(255,255,255,.12);\r\n\r\n    border-color:\r\n        rgba(255,255,255,.20);\r\n\r\n    transform: rotate(-4deg) scale(1.05);\r\n}\r\n\r\n\r\n.aspen-wave-step.is-active\r\n.aspen-wave-step__icon svg {\r\n    stroke: #FFFFFF;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.aspen-wave-step__label {\r\n    margin:\r\n        0 0 10px !important;\r\n\r\n    color:\r\n        #3D4B51 !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        20px !important;\r\n\r\n    line-height:\r\n        1.15 !important;\r\n\r\n    font-weight:\r\n        800 !important;\r\n\r\n    letter-spacing:\r\n        -.7px !important;\r\n\r\n    transition:\r\n        color .5s ease;\r\n}\r\n\r\n\r\n.aspen-wave-step.is-active\r\n.aspen-wave-step__label {\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.aspen-wave-step__description {\r\n    margin: 0 !important;\r\n\r\n    color:\r\n        #3D4B51 !important;\r\n\r\n    opacity: .60;\r\n\r\n    font-size:\r\n        11px !important;\r\n\r\n    line-height:\r\n        1.65 !important;\r\n\r\n    transition:\r\n        color .5s ease,\r\n        opacity .5s ease;\r\n}\r\n\r\n\r\n.aspen-wave-step.is-active\r\n.aspen-wave-step__description {\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    opacity: .72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM LABEL\r\n========================================================= *\/\r\n\r\n.aspen-wave-step__tag {\r\n\r\n    margin-top: auto;\r\n\r\n    padding-top: 20px;\r\n\r\n    color:\r\n        #3D4B51;\r\n\r\n    font-size:\r\n        8px;\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    opacity: .45;\r\n\r\n    transition:\r\n        color .5s ease,\r\n        opacity .5s ease;\r\n}\r\n\r\n\r\n.aspen-wave-step.is-active\r\n.aspen-wave-step__tag {\r\n\r\n    color: #FFFFFF;\r\n\r\n    opacity: .55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WAVE NODE\r\n========================================================= *\/\r\n\r\n.aspen-wave-step__node {\r\n\r\n    position: absolute;\r\n\r\n    left: 50%;\r\n\r\n    width: 16px;\r\n    height: 16px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border:\r\n        3px solid\r\n        #3D4B51;\r\n\r\n    box-shadow:\r\n        0 0 0 7px\r\n        rgba(61,75,81,.07);\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    transition:\r\n        background .5s ease,\r\n        transform .5s ease,\r\n        box-shadow .5s ease;\r\n}\r\n\r\n\r\n.aspen-wave-step:nth-child(odd)\r\n.aspen-wave-step__node {\r\n\r\n    bottom: -2px;\r\n}\r\n\r\n\r\n.aspen-wave-step:nth-child(even)\r\n.aspen-wave-step__node {\r\n\r\n    top: -2px;\r\n}\r\n\r\n\r\n.aspen-wave-step.is-active\r\n.aspen-wave-step__node {\r\n\r\n    background: #3D4B51;\r\n\r\n    transform:\r\n        translateX(-50%)\r\n        scale(1.35);\r\n\r\n    box-shadow:\r\n        0 0 0 10px\r\n        rgba(61,75,81,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEP COUNTER\r\n========================================================= *\/\r\n\r\n.aspen-wave-process__counter {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 15px;\r\n\r\n    margin-top: 30px;\r\n}\r\n\r\n\r\n.aspen-wave-process__counter-line {\r\n\r\n    width: 100px;\r\n    height: 1px;\r\n\r\n    background:\r\n        rgba(61,75,81,.14);\r\n}\r\n\r\n\r\n.aspen-wave-process__counter-text {\r\n\r\n    color: #3D4B51;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.aspen-wave-process__cta {\r\n\r\n    display: flex;\r\n\r\n    justify-content: center;\r\n\r\n    margin-top: 65px;\r\n}\r\n\r\n\r\n.aspen-wave-process__button {\r\n\r\n    min-height: 55px;\r\n\r\n    padding: 0 28px;\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    color: #FFFFFF !important;\r\n\r\n    background: #3D4B51;\r\n\r\n    border: 1px solid #3D4B51;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 700;\r\n\r\n    box-shadow:\r\n        0 15px 35px\r\n        rgba(61,75,81,.18);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n\r\n.aspen-wave-process__button:hover {\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    background: #2F3B40;\r\n\r\n    transform:\r\n        translateY(-4px);\r\n\r\n    box-shadow:\r\n        0 22px 45px\r\n        rgba(61,75,81,.25);\r\n}\r\n\r\n\r\n.aspen-wave-process__button svg {\r\n\r\n    width: 17px;\r\n    height: 17px;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.aspen-wave-process__button:hover svg {\r\n    transform: translateX(4px);\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-wave-process {\r\n        padding: 90px 0 100px;\r\n    }\r\n\r\n    .aspen-wave-process__track {\r\n        min-height: 540px;\r\n    }\r\n\r\n    .aspen-wave-step__card {\r\n        min-height: 290px;\r\n        padding: 22px 18px;\r\n    }\r\n\r\n    .aspen-wave-step__label {\r\n        font-size: 17px !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n    .aspen-wave-process {\r\n        padding: 75px 0 85px;\r\n    }\r\n\r\n    .aspen-wave-process__container {\r\n        width: 90%;\r\n    }\r\n\r\n    .aspen-wave-process__header {\r\n        margin-bottom: 45px;\r\n    }\r\n\r\n    .aspen-wave-process__title {\r\n\r\n        font-size:\r\n            42px !important;\r\n\r\n        letter-spacing:\r\n            -3px !important;\r\n    }\r\n\r\n    .aspen-wave-process__intro {\r\n        font-size:\r\n            13px !important;\r\n    }\r\n\r\n\r\n    .aspen-wave-process__track {\r\n\r\n        min-height: auto;\r\n\r\n        margin-top: 0;\r\n    }\r\n\r\n\r\n    .aspen-wave-process__svg {\r\n        display: none;\r\n    }\r\n\r\n\r\n    .aspen-wave-process__steps {\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 16px;\r\n    }\r\n\r\n\r\n    .aspen-wave-step,\r\n    .aspen-wave-step:nth-child(1),\r\n    .aspen-wave-step:nth-child(2),\r\n    .aspen-wave-step:nth-child(3),\r\n    .aspen-wave-step:nth-child(4),\r\n    .aspen-wave-step:nth-child(5) {\r\n\r\n        min-height: auto;\r\n\r\n        width: 100%;\r\n\r\n        padding: 0;\r\n\r\n        align-items: stretch;\r\n    }\r\n\r\n\r\n    .aspen-wave-step__card {\r\n\r\n        max-width: none;\r\n\r\n        min-height: 190px;\r\n\r\n        padding: 22px;\r\n\r\n        border-radius: 20px;\r\n    }\r\n\r\n\r\n    .aspen-wave-step.is-active\r\n    .aspen-wave-step__card {\r\n\r\n        transform:\r\n            translateX(7px)\r\n            scale(1.015);\r\n    }\r\n\r\n\r\n    .aspen-wave-step__node {\r\n        display: none;\r\n    }\r\n\r\n\r\n    .aspen-wave-step__number {\r\n\r\n        width: 40px;\r\n        height: 40px;\r\n\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n\r\n    .aspen-wave-step__icon {\r\n\r\n        width: 45px;\r\n        height: 45px;\r\n\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n\r\n    .aspen-wave-step__label {\r\n\r\n        font-size:\r\n            18px !important;\r\n    }\r\n\r\n\r\n    .aspen-wave-process__counter {\r\n\r\n        margin-top: 25px;\r\n    }\r\n\r\n\r\n    .aspen-wave-process__cta {\r\n\r\n        margin-top: 45px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 400px) {\r\n\r\n    .aspen-wave-process__title {\r\n\r\n        font-size:\r\n            37px !important;\r\n\r\n        letter-spacing:\r\n            -2.5px !important;\r\n    }\r\n\r\n    .aspen-wave-step__card {\r\n\r\n        min-height: 175px;\r\n\r\n        padding: 19px;\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-wave-process\">\r\n\r\n    <div class=\"aspen-wave-process__container\">\r\n\r\n\r\n        <!-- HEADER -->\r\n\r\n        <div class=\"aspen-wave-process__header\">\r\n\r\n            <div class=\"aspen-wave-process__eyebrow\">\r\n\r\n                <span class=\"aspen-wave-process__eyebrow-line\"><\/span>\r\n\r\n                OUR PROCESS\r\n\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"aspen-wave-process__title\">\r\n\r\n                From Design\r\n\r\n                <span>\r\n                    to Deployment.\r\n                <\/span>\r\n\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"aspen-wave-process__intro\">\r\n\r\n                A structured engineering process designed to\r\n                deliver reliable technology solutions from the\r\n                first conversation through long-term support.\r\n\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- WAVE TRACK -->\r\n\r\n        <div class=\"aspen-wave-process__track\">\r\n\r\n\r\n            <!-- WAVE -->\r\n\r\n            <svg\r\n                class=\"aspen-wave-process__svg\"\r\n                viewBox=\"0 0 1200 300\"\r\n                preserveAspectRatio=\"none\"\r\n                aria-hidden=\"true\"\r\n            >\r\n\r\n                <path\r\n                    class=\"aspen-wave-process__wave-base\"\r\n                    d=\"\r\n                        M0 150\r\n                        C100 20 180 20 300 150\r\n                        C420 280 500 280 600 150\r\n                        C700 20 780 20 900 150\r\n                        C1020 280 1100 280 1200 150\r\n                    \"\r\n                \/>\r\n\r\n                <path\r\n                    class=\"aspen-wave-process__wave-active\"\r\n                    d=\"\r\n                        M0 150\r\n                        C100 20 180 20 300 150\r\n                        C420 280 500 280 600 150\r\n                        C700 20 780 20 900 150\r\n                        C1020 280 1100 280 1200 150\r\n                    \"\r\n                \/>\r\n\r\n            <\/svg>\r\n\r\n\r\n            <!-- STEPS -->\r\n\r\n            <div class=\"aspen-wave-process__steps\">\r\n\r\n\r\n                <!-- STEP 01 -->\r\n\r\n                <div\r\n                    class=\"aspen-wave-step is-active\"\r\n                    data-step=\"01\"\r\n                >\r\n\r\n                    <div class=\"aspen-wave-step__card\">\r\n\r\n                        <div class=\"aspen-wave-step__number\">\r\n                            01\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-wave-step__icon\">\r\n\r\n                            <svg viewBox=\"0 0 32 32\">\r\n\r\n                                <circle cx=\"14\" cy=\"14\" r=\"8\"\/>\r\n\r\n                                <path d=\"M20 20l7 7\"\/>\r\n\r\n                                <path d=\"M11 14l2 2 5-5\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <h3 class=\"aspen-wave-step__label\">\r\n                                Discover\r\n                            <\/h3>\r\n\r\n                            <p class=\"aspen-wave-step__description\">\r\n                                Assess needs and define project requirements.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-wave-step__tag\">\r\n                            Phase 01\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <span class=\"aspen-wave-step__node\"><\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- STEP 02 -->\r\n\r\n                <div\r\n                    class=\"aspen-wave-step\"\r\n                    data-step=\"02\"\r\n                >\r\n\r\n                    <div class=\"aspen-wave-step__card\">\r\n\r\n                        <div class=\"aspen-wave-step__number\">\r\n                            02\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-wave-step__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=\"18\"\r\n                                    rx=\"2\"\r\n                                \/>\r\n\r\n                                <path d=\"M10 12h12\"\/>\r\n                                <path d=\"M10 17h8\"\/>\r\n                                <path d=\"M10 22h5\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <h3 class=\"aspen-wave-step__label\">\r\n                                Design\r\n                            <\/h3>\r\n\r\n                            <p class=\"aspen-wave-step__description\">\r\n                                Develop blueprints and system architecture.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-wave-step__tag\">\r\n                            Phase 02\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <span class=\"aspen-wave-step__node\"><\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- STEP 03 -->\r\n\r\n                <div\r\n                    class=\"aspen-wave-step\"\r\n                    data-step=\"03\"\r\n                >\r\n\r\n                    <div class=\"aspen-wave-step__card\">\r\n\r\n                        <div class=\"aspen-wave-step__number\">\r\n                            03\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-wave-step__icon\">\r\n\r\n                            <svg viewBox=\"0 0 32 32\">\r\n\r\n                                <path d=\"M16 4v7\"\/>\r\n                                <path d=\"M12 8l4-4 4 4\"\/>\r\n\r\n                                <rect\r\n                                    x=\"9\"\r\n                                    y=\"12\"\r\n                                    width=\"14\"\r\n                                    height=\"13\"\r\n                                    rx=\"2\"\r\n                                \/>\r\n\r\n                                <path d=\"M6 27h20\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <h3 class=\"aspen-wave-step__label\">\r\n                                Engineer\r\n                            <\/h3>\r\n\r\n                            <p class=\"aspen-wave-step__description\">\r\n                                Build, integrate and test to exact standards.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-wave-step__tag\">\r\n                            Phase 03\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <span class=\"aspen-wave-step__node\"><\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- STEP 04 -->\r\n\r\n                <div\r\n                    class=\"aspen-wave-step\"\r\n                    data-step=\"04\"\r\n                >\r\n\r\n                    <div class=\"aspen-wave-step__card\">\r\n\r\n                        <div class=\"aspen-wave-step__number\">\r\n                            04\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-wave-step__icon\">\r\n\r\n                            <svg viewBox=\"0 0 32 32\">\r\n\r\n                                <path d=\"M8 17l5 5 11-12\"\/>\r\n\r\n                                <rect\r\n                                    x=\"5\"\r\n                                    y=\"6\"\r\n                                    width=\"22\"\r\n                                    height=\"21\"\r\n                                    rx=\"3\"\r\n                                \/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <h3 class=\"aspen-wave-step__label\">\r\n                                Install\r\n                            <\/h3>\r\n\r\n                            <p class=\"aspen-wave-step__description\">\r\n                                Deploy systems on-site with precision.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-wave-step__tag\">\r\n                            Phase 04\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <span class=\"aspen-wave-step__node\"><\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- STEP 05 -->\r\n\r\n                <div\r\n                    class=\"aspen-wave-step\"\r\n                    data-step=\"05\"\r\n                >\r\n\r\n                    <div class=\"aspen-wave-step__card\">\r\n\r\n                        <div class=\"aspen-wave-step__number\">\r\n                            05\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-wave-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=\"M16 11v6l4 3\"\/>\r\n\r\n                                <path d=\"M7 7l2 2\"\/>\r\n                                <path d=\"M25 7l-2 2\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <h3 class=\"aspen-wave-step__label\">\r\n                                Support\r\n                            <\/h3>\r\n\r\n                            <p class=\"aspen-wave-step__description\">\r\n                                Maintain, monitor and optimize performance.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                        <div class=\"aspen-wave-step__tag\">\r\n                            Phase 05\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <span class=\"aspen-wave-step__node\"><\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- COUNTER -->\r\n\r\n        <div class=\"aspen-wave-process__counter\">\r\n\r\n            <span class=\"aspen-wave-process__counter-line\"><\/span>\r\n\r\n            <span\r\n                class=\"aspen-wave-process__counter-text\"\r\n                id=\"aspenWaveCounter\"\r\n            >\r\n                STEP 01 \/ 05\r\n            <\/span>\r\n\r\n            <span class=\"aspen-wave-process__counter-line\"><\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CTA -->\r\n\r\n        <div class=\"aspen-wave-process__cta\">\r\n\r\n            <a\r\n                href=\"#\"\r\n                class=\"aspen-wave-process__button\"\r\n            >\r\n\r\n                View Our Projects\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n\r\n                    <path\r\n                        d=\"M5 12h13\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        fill=\"none\"\r\n                        stroke-linecap=\"round\"\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                        fill=\"none\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\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>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    const section =\r\n        document.querySelector(\".aspen-wave-process\");\r\n\r\n    if (!section) return;\r\n\r\n    const steps =\r\n        section.querySelectorAll(\".aspen-wave-step\");\r\n\r\n    const counter =\r\n        section.querySelector(\"#aspenWaveCounter\");\r\n\r\n    let current = 0;\r\n    let autoTimer;\r\n\r\n\r\n    \/* =====================================================\r\n       ACTIVATE STEP\r\n    ===================================================== *\/\r\n\r\n    function activateStep(index) {\r\n\r\n        steps.forEach((step, i) => {\r\n\r\n            step.classList.toggle(\r\n                \"is-active\",\r\n                i === index\r\n            );\r\n\r\n        });\r\n\r\n\r\n        if (counter) {\r\n\r\n            counter.textContent =\r\n                \"STEP \" +\r\n                String(index + 1).padStart(2, \"0\") +\r\n                \" \/ \" +\r\n                String(steps.length).padStart(2, \"0\");\r\n\r\n        }\r\n\r\n        current = index;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       AUTO CHANGE\r\n       3 SECONDS\r\n    ===================================================== *\/\r\n\r\n    function startAutoChange() {\r\n\r\n        clearInterval(autoTimer);\r\n\r\n        autoTimer = setInterval(function () {\r\n\r\n            current++;\r\n\r\n            if (current >= steps.length) {\r\n                current = 0;\r\n            }\r\n\r\n            activateStep(current);\r\n\r\n        }, 3000);\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       START\r\n    ===================================================== *\/\r\n\r\n    activateStep(0);\r\n\r\n    startAutoChange();\r\n\r\n\r\n    \/* =====================================================\r\n       OPTIONAL:\r\n       PAUSE WHEN MOUSE IS OVER SECTION\r\n    ===================================================== *\/\r\n\r\n    section.addEventListener(\r\n        \"mouseenter\",\r\n        function () {\r\n            clearInterval(autoTimer);\r\n        }\r\n    );\r\n\r\n\r\n    section.addEventListener(\r\n        \"mouseleave\",\r\n        function () {\r\n            startAutoChange();\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-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     DARK PREMIUM \/ WHITE CARDS\r\n     WORDPRESS + ELEMENTOR READY\r\n\r\n     COLORS\r\n     #263238 \u2014 Deep Background\r\n     #3D4B51 \u2014 Primary\r\n     #FFFFFF \u2014 Cards \/ Text\r\n     #D2D6D9 \u2014 Muted\r\n========================================================= -->\r\n\r\n<section class=\"at-why-dark\">\r\n\r\n    <div class=\"at-why-dark__glow at-why-dark__glow--one\"><\/div>\r\n    <div class=\"at-why-dark__glow at-why-dark__glow--two\"><\/div>\r\n\r\n    <div class=\"at-why-dark__container\">\r\n\r\n        <!-- =========================\r\n             HEADER\r\n        ========================== -->\r\n\r\n        <div class=\"at-why-dark__header\">\r\n\r\n            <div class=\"at-why-dark__eyebrow\">\r\n                <span><\/span>\r\n                WHY CHOOSE ASPEN\r\n            <\/div>\r\n\r\n            <div class=\"at-why-dark__heading-row\">\r\n\r\n                <h2>\r\n                    Technology built\r\n                    <em>around you.<\/em>\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Aspen Technologies combines decades of experience,\r\n                    engineering expertise and integrated technology\r\n                    solutions to create infrastructure that performs.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================\r\n             FEATURED VISUAL\r\n        ========================== -->\r\n\r\n        <div class=\"at-why-dark__visual\">\r\n\r\n            <div class=\"at-why-dark__video\">\r\n\r\n                <!-- COVER -->\r\n\r\n                <div class=\"at-why-dark__cover\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/aspenwp2.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=\"at-why-dark__cover-overlay\"><\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- VIDEO -->\r\n\r\n                <video\r\n                    class=\"at-why-dark__video-file\"\r\n                    muted\r\n                    playsinline\r\n                    preload=\"metadata\"\r\n                >\r\n\r\n                    <source\r\n                        src=\"https:\/\/aspenwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/Aspen-Technologies-_-Virtual-Office-Tour.mp4\"\r\n                        type=\"video\/mp4\"\r\n                    >\r\n\r\n                <\/video>\r\n\r\n\r\n                <!-- VIDEO LABEL -->\r\n\r\n                <div class=\"at-why-dark__video-info\">\r\n\r\n                    <div class=\"at-why-dark__video-label\">\r\n                        <span><\/span>\r\n                        VIRTUAL OFFICE TOUR\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        See how we\r\n                        <strong>work.<\/strong>\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- PLAY -->\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"at-why-dark__play\"\r\n                    aria-label=\"Play video\"\r\n                >\r\n\r\n                    <span><\/span>\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M9 6L18 12L9 18V6Z\"\/>\r\n                    <\/svg>\r\n\r\n                <\/button>\r\n\r\n\r\n                <div class=\"at-why-dark__counter\">\r\n                    01 <i><\/i> 01\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- EXPERIENCE PANEL -->\r\n\r\n            <div class=\"at-why-dark__experience\">\r\n\r\n                <div class=\"at-why-dark__experience-top\">\r\n                    ESTABLISHED\r\n                <\/div>\r\n\r\n                <div class=\"at-why-dark__number\">\r\n                    25<span>+<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"at-why-dark__experience-title\">\r\n                    YEARS OF\r\n                    <br>\r\n                    EXPERIENCE\r\n                <\/div>\r\n\r\n                <div class=\"at-why-dark__experience-line\"><\/div>\r\n\r\n                <p>\r\n                    Trusted technology expertise since 1991,\r\n                    delivering dependable infrastructure and\r\n                    communication systems.\r\n                <\/p>\r\n\r\n                <div class=\"at-why-dark__experience-mark\">\r\n                    AT\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================\r\n             CARDS\r\n        ========================== -->\r\n\r\n        <div class=\"at-why-dark__cards\">\r\n\r\n\r\n            <!-- CARD 01 -->\r\n\r\n            <article class=\"at-dark-card\">\r\n\r\n                <div class=\"at-dark-card__top\">\r\n\r\n                    <span class=\"at-dark-card__number\">\r\n                        01\r\n                    <\/span>\r\n\r\n                    <div class=\"at-dark-card__icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\">\r\n\r\n                            <circle cx=\"32\" cy=\"32\" r=\"20\"\/>\r\n\r\n                            <path d=\"M32 17v15l10 6\"\/>\r\n\r\n                            <path d=\"M15 31a17 17 0 0 0 29 12\"\/>\r\n\r\n                            <path d=\"M16 22l-4 9 9 1\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"at-dark-card__content\">\r\n\r\n                    <span class=\"at-dark-card__label\">\r\n                        EXPERIENCE\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        25+ Years of\r\n                        <strong>Experience<\/strong>\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Since 1991, Aspen Technologies has delivered\r\n                        dependable telecommunications, structured\r\n                        cabling and integrated technology solutions\r\n                        across multiple industries.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"at-dark-card__bottom\">\r\n\r\n                    <span>\r\n                        LEARN MORE\r\n                    <\/span>\r\n\r\n                    <div class=\"at-dark-card__arrow\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M5 12h14\"\/>\r\n                            <path d=\"m13 6 6 6-6 6\"\/>\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- CARD 02 -->\r\n\r\n            <article class=\"at-dark-card\">\r\n\r\n                <div class=\"at-dark-card__top\">\r\n\r\n                    <span class=\"at-dark-card__number\">\r\n                        02\r\n                    <\/span>\r\n\r\n                    <div class=\"at-dark-card__icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\">\r\n\r\n                            <rect\r\n                                x=\"13\"\r\n                                y=\"22\"\r\n                                width=\"38\"\r\n                                height=\"28\"\r\n                                rx=\"3\"\r\n                            \/>\r\n\r\n                            <path d=\"M20 22v-7h24v7\"\/>\r\n\r\n                            <path d=\"M21 33h22\"\/>\r\n\r\n                            <path d=\"M21 40h13\"\/>\r\n\r\n                            <circle\r\n                                cx=\"43\"\r\n                                cy=\"43\"\r\n                                r=\"5\"\r\n                            \/>\r\n\r\n                            <path d=\"M43 40v3l2 2\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"at-dark-card__content\">\r\n\r\n                    <span class=\"at-dark-card__label\">\r\n                        INTEGRATION\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        One-Source\r\n                        <strong>Technology Solutions<\/strong>\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        From structured cabling and security to\r\n                        audiovisual, electrical, data center and\r\n                        communication systems, we manage the\r\n                        complete technology journey.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"at-dark-card__bottom\">\r\n\r\n                    <span>\r\n                        LEARN MORE\r\n                    <\/span>\r\n\r\n                    <div class=\"at-dark-card__arrow\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M5 12h14\"\/>\r\n                            <path d=\"m13 6 6 6-6 6\"\/>\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- CARD 03 -->\r\n\r\n            <article class=\"at-dark-card\">\r\n\r\n                <div class=\"at-dark-card__top\">\r\n\r\n                    <span class=\"at-dark-card__number\">\r\n                        03\r\n                    <\/span>\r\n\r\n                    <div class=\"at-dark-card__icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\">\r\n\r\n                            <circle cx=\"32\" cy=\"32\" r=\"20\"\/>\r\n\r\n                            <path d=\"M22 32h20\"\/>\r\n\r\n                            <path d=\"M32 22v20\"\/>\r\n\r\n                            <path d=\"M17 42l-5 7\"\/>\r\n\r\n                            <path d=\"M47 42l5 7\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"at-dark-card__content\">\r\n\r\n                    <span class=\"at-dark-card__label\">\r\n                        RELIABILITY\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Built for\r\n                        <strong>Performance<\/strong>\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        We design infrastructure around reliability,\r\n                        scalability and long-term performance so\r\n                        your technology can grow with your business.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"at-dark-card__bottom\">\r\n\r\n                    <span>\r\n                        LEARN MORE\r\n                    <\/span>\r\n\r\n                    <div class=\"at-dark-card__arrow\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M5 12h14\"\/>\r\n                            <path d=\"m13 6 6 6-6 6\"\/>\r\n                        <\/svg>\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             BOTTOM CTA\r\n        ========================== -->\r\n\r\n        <div class=\"at-why-dark__footer\">\r\n\r\n            <div class=\"at-why-dark__footer-copy\">\r\n\r\n                <span><\/span>\r\n\r\n                <p>\r\n                    One partner.\r\n                    <strong>Complete technology infrastructure.<\/strong>\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <a\r\n                href=\"#\"\r\n                class=\"at-why-dark__cta\"\r\n            >\r\n\r\n                <span>\r\n                    DISCOVER ASPEN\r\n                <\/span>\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n\r\n                    <path d=\"M5 12h14\"\/>\r\n                    <path d=\"m13 6 6 6-6 6\"\/>\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>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.at-why-dark,\r\n.at-why-dark * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.at-why-dark {\r\n\r\n    --dark:\r\n        #263238;\r\n\r\n    --dark-2:\r\n        #3D4B51;\r\n\r\n    --white:\r\n        #FFFFFF;\r\n\r\n    --gray:\r\n        #D2D6D9;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding:\r\n        105px\r\n        20px\r\n        110px;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #202B30 0%,\r\n            #263238 48%,\r\n            #34434A 100%\r\n        );\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GLOWS\r\n========================================================= *\/\r\n\r\n.at-why-dark__glow {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__glow--one {\r\n\r\n    width: 600px;\r\n    height: 600px;\r\n\r\n    top: -350px;\r\n    right: -250px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.07);\r\n\r\n    box-shadow:\r\n        0 0 0 70px rgba(255,255,255,.025),\r\n        0 0 0 140px rgba(255,255,255,.015);\r\n\r\n}\r\n\r\n\r\n.at-why-dark__glow--two {\r\n\r\n    width: 450px;\r\n    height: 450px;\r\n\r\n    bottom: -300px;\r\n    left: -250px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(210,214,217,.08),\r\n            transparent 68%\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.at-why-dark__container {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width:\r\n        min(1180px, 100%);\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.at-why-dark__header {\r\n\r\n    margin-bottom: 52px;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__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: 20px;\r\n\r\n    color: #D2D6D9;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 3px;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__eyebrow span {\r\n\r\n    width: 40px;\r\n\r\n    height: 2px;\r\n\r\n    background: #FFFFFF;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__heading-row {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1.2fr)\r\n        minmax(280px, .8fr);\r\n\r\n    gap: 70px;\r\n\r\n    align-items: end;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__heading-row 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        Arial,\r\n        sans-serif !important;\r\n\r\n    font-size:\r\n        clamp(48px, 6vw, 76px) !important;\r\n\r\n    line-height: .96 !important;\r\n\r\n    letter-spacing: -5px !important;\r\n\r\n    font-weight: 800 !important;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__heading-row h2 em {\r\n\r\n    display: block;\r\n\r\n    color: transparent !important;\r\n\r\n    font-style: normal;\r\n\r\n    -webkit-text-stroke:\r\n        1.4px #D2D6D9;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__heading-row p {\r\n\r\n    margin: 0 !important;\r\n\r\n    max-width: 390px;\r\n\r\n    color: #D2D6D9 !important;\r\n\r\n    opacity: .72;\r\n\r\n    font-size: 12px !important;\r\n\r\n    line-height: 1.8 !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VISUAL\r\n========================================================= *\/\r\n\r\n.at-why-dark__visual {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1fr)\r\n        205px;\r\n\r\n    margin-bottom: 24px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIDEO\r\n========================================================= *\/\r\n\r\n.at-why-dark__video {\r\n\r\n    position: relative;\r\n\r\n    min-height: 425px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius:\r\n        20px 0 0 20px;\r\n\r\n    background: #11191D;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__cover {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 2;\r\n\r\n    transition:\r\n        opacity .6s ease;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__cover img {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    transform:\r\n        scale(1.03);\r\n\r\n    transition:\r\n        transform 1.2s ease;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__video:hover\r\n.at-why-dark__cover img {\r\n\r\n    transform:\r\n        scale(1.08);\r\n\r\n}\r\n\r\n\r\n.at-why-dark__cover-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            110deg,\r\n            rgba(15,22,25,.9),\r\n            rgba(20,30,34,.3),\r\n            rgba(15,22,25,.65)\r\n        );\r\n\r\n}\r\n\r\n\r\n.at-why-dark__video-file {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 1;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    opacity: 0;\r\n\r\n    transition:\r\n        opacity .6s ease;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__video.is-playing\r\n.at-why-dark__video-file {\r\n\r\n    opacity: 1;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__video.is-playing\r\n.at-why-dark__cover {\r\n\r\n    opacity: 0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIDEO INFO\r\n========================================================= *\/\r\n\r\n.at-why-dark__video-info {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 6;\r\n\r\n    left: 35px;\r\n    bottom: 32px;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__video-label {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    margin-bottom: 9px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2.5px;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__video-label span {\r\n\r\n    width: 25px;\r\n\r\n    height: 2px;\r\n\r\n    background: #FFFFFF;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__video-info h3 {\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        Arial,\r\n        sans-serif !important;\r\n\r\n    font-size:\r\n        clamp(30px, 4vw, 50px) !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    letter-spacing: -2px !important;\r\n\r\n    font-weight: 400 !important;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__video-info h3 strong {\r\n\r\n    font-weight: 800;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PLAY\r\n========================================================= *\/\r\n\r\n.at-why-dark__play {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 8;\r\n\r\n    top: 50%;\r\n    left: 50%;\r\n\r\n    width: 82px;\r\n    height: 82px;\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\r\n        rgba(255,255,255,.65);\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(255,255,255,.12);\r\n\r\n    backdrop-filter:\r\n        blur(12px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(12px);\r\n\r\n    transform:\r\n        translate(-50%, -50%);\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        .35s ease;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__play:hover {\r\n\r\n    background: #FFFFFF;\r\n\r\n    transform:\r\n        translate(-50%, -50%)\r\n        scale(1.1);\r\n\r\n}\r\n\r\n\r\n.at-why-dark__play span {\r\n\r\n    position: absolute;\r\n\r\n    inset: -11px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.28);\r\n\r\n    border-radius: 50%;\r\n\r\n    animation:\r\n        atDarkPulse 2.3s\r\n        ease-out infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes atDarkPulse {\r\n\r\n    0% {\r\n        transform: scale(.9);\r\n        opacity: .8;\r\n    }\r\n\r\n    100% {\r\n        transform: scale(1.35);\r\n        opacity: 0;\r\n    }\r\n\r\n}\r\n\r\n\r\n.at-why-dark__play svg {\r\n\r\n    width: 27px;\r\n    height: 27px;\r\n\r\n    margin-left: 4px;\r\n\r\n    fill: #FFFFFF;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__play:hover svg {\r\n\r\n    fill: #263238;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COUNTER\r\n========================================================= *\/\r\n\r\n.at-why-dark__counter {\r\n\r\n    position: absolute;\r\n\r\n    top: 23px;\r\n    right: 23px;\r\n\r\n    z-index: 8;\r\n\r\n    padding:\r\n        8px 12px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.25);\r\n\r\n    border-radius: 50px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        rgba(0,0,0,.15);\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n\r\n    font-size: 8px;\r\n\r\n    letter-spacing: 2px;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__counter i {\r\n\r\n    display: inline-block;\r\n\r\n    width: 14px;\r\n\r\n    height: 1px;\r\n\r\n    margin:\r\n        0 6px;\r\n\r\n    vertical-align: middle;\r\n\r\n    background:\r\n        rgba(255,255,255,.5);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXPERIENCE\r\n========================================================= *\/\r\n\r\n.at-why-dark__experience {\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    padding:\r\n        30px 27px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius:\r\n        0 20px 20px 0;\r\n\r\n    background:\r\n        #3D4B51;\r\n\r\n    color: #FFFFFF;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__experience::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 190px;\r\n    height: 190px;\r\n\r\n    top: -100px;\r\n    right: -100px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.14);\r\n\r\n    border-radius: 50%;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__experience::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 130px;\r\n    height: 130px;\r\n\r\n    top: -70px;\r\n    right: -70px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.1);\r\n\r\n    border-radius: 50%;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__experience-top {\r\n\r\n    margin-bottom: 10px;\r\n\r\n    color: #D2D6D9;\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2px;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__number {\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 64px;\r\n\r\n    line-height: .85;\r\n\r\n    letter-spacing: -5px;\r\n\r\n    font-weight: 800;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__number span {\r\n\r\n    color: #D2D6D9;\r\n\r\n    font-size: 33px;\r\n\r\n    vertical-align: top;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__experience-title {\r\n\r\n    margin-top: 7px;\r\n\r\n    color: #D2D6D9;\r\n\r\n    font-size: 8px;\r\n\r\n    line-height: 1.55;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2px;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__experience-line {\r\n\r\n    width: 40px;\r\n\r\n    height: 2px;\r\n\r\n    margin:\r\n        24px 0 17px;\r\n\r\n    background: #FFFFFF;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__experience p {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0 !important;\r\n\r\n    color:\r\n        rgba(255,255,255,.68) !important;\r\n\r\n    font-size: 9px !important;\r\n\r\n    line-height: 1.75 !important;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__experience-mark {\r\n\r\n    position: absolute;\r\n\r\n    right: 18px;\r\n    bottom: 12px;\r\n\r\n    color:\r\n        rgba(255,255,255,.06);\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 65px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 900;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARDS GRID\r\n========================================================= *\/\r\n\r\n.at-why-dark__cards {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, 1fr);\r\n\r\n    gap: 16px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WHITE CARD\r\n========================================================= *\/\r\n\r\n.at-dark-card {\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    min-height: 325px;\r\n\r\n    padding: 25px;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.8);\r\n\r\n    border-radius: 17px;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    color:\r\n        #3D4B51;\r\n\r\n    box-shadow:\r\n        0 15px 35px\r\n        rgba(0,0,0,.16);\r\n\r\n    transition:\r\n        transform .4s ease,\r\n        box-shadow .4s ease;\r\n\r\n}\r\n\r\n\r\n.at-dark-card:hover {\r\n\r\n    transform:\r\n        translateY(-8px);\r\n\r\n    box-shadow:\r\n        0 25px 55px\r\n        rgba(0,0,0,.28);\r\n\r\n}\r\n\r\n\r\n\/* LEFT ACCENT *\/\r\n\r\n.at-dark-card::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n\r\n    width: 4px;\r\n    height: 0;\r\n\r\n    background:\r\n        #3D4B51;\r\n\r\n    transition:\r\n        height .4s ease;\r\n\r\n}\r\n\r\n\r\n.at-dark-card:hover::before {\r\n\r\n    height: 100%;\r\n\r\n}\r\n\r\n\r\n\/* CARD TOP *\/\r\n\r\n.at-dark-card__top {\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    margin-bottom: 30px;\r\n\r\n}\r\n\r\n\r\n.at-dark-card__number {\r\n\r\n    color:\r\n        #D2D6D9;\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n}\r\n\r\n\r\n.at-dark-card__icon {\r\n\r\n    width: 54px;\r\n    height: 54px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border:\r\n        1px solid\r\n        #D2D6D9;\r\n\r\n    border-radius: 13px;\r\n\r\n    background:\r\n        #FFFFFF;\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\r\n\r\n.at-dark-card:hover\r\n.at-dark-card__icon {\r\n\r\n    transform:\r\n        rotate(-5deg)\r\n        scale(1.06);\r\n\r\n    background:\r\n        #3D4B51;\r\n\r\n    border-color:\r\n        #3D4B51;\r\n\r\n}\r\n\r\n\r\n.at-dark-card__icon svg {\r\n\r\n    width: 28px;\r\n    height: 28px;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        #3D4B51;\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.at-dark-card:hover\r\n.at-dark-card__icon svg {\r\n\r\n    stroke:\r\n        #FFFFFF;\r\n\r\n}\r\n\r\n\r\n\/* CARD CONTENT *\/\r\n\r\n.at-dark-card__content {\r\n\r\n    flex: 1;\r\n\r\n}\r\n\r\n\r\n.at-dark-card__label {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    color:\r\n        #3D4B51;\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2px;\r\n\r\n}\r\n\r\n\r\n.at-dark-card__content h3 {\r\n\r\n    margin:\r\n        0 0 13px !important;\r\n\r\n    color:\r\n        #3D4B51 !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.15 !important;\r\n\r\n    letter-spacing:\r\n        -.7px !important;\r\n\r\n    font-weight:\r\n        800 !important;\r\n\r\n}\r\n\r\n\r\n.at-dark-card__content h3 strong {\r\n\r\n    display: block;\r\n\r\n    font-weight: 400;\r\n\r\n}\r\n\r\n\r\n.at-dark-card__content p {\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n    color:\r\n        #3D4B51 !important;\r\n\r\n    opacity:\r\n        .64;\r\n\r\n    font-size:\r\n        10px !important;\r\n\r\n    line-height:\r\n        1.75 !important;\r\n\r\n}\r\n\r\n\r\n\/* CARD BOTTOM *\/\r\n\r\n.at-dark-card__bottom {\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    padding-top: 22px;\r\n\r\n    margin-top: 22px;\r\n\r\n    border-top:\r\n        1px solid\r\n        #E4E7E8;\r\n\r\n}\r\n\r\n\r\n.at-dark-card__bottom > span {\r\n\r\n    color:\r\n        #3D4B51;\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        1.7px;\r\n\r\n}\r\n\r\n\r\n.at-dark-card__arrow {\r\n\r\n    width: 34px;\r\n    height: 34px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border:\r\n        1px solid\r\n        #D2D6D9;\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    transition:\r\n        .35s ease;\r\n\r\n}\r\n\r\n\r\n.at-dark-card:hover\r\n.at-dark-card__arrow {\r\n\r\n    background:\r\n        #3D4B51;\r\n\r\n    border-color:\r\n        #3D4B51;\r\n\r\n    transform:\r\n        translateX(4px);\r\n\r\n}\r\n\r\n\r\n.at-dark-card__arrow svg {\r\n\r\n    width: 15px;\r\n    height: 15px;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        #3D4B51;\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.at-dark-card:hover\r\n.at-dark-card__arrow svg {\r\n\r\n    stroke:\r\n        #FFFFFF;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOTER\r\n========================================================= *\/\r\n\r\n.at-why-dark__footer {\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: 42px;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__footer-copy {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__footer-copy > span {\r\n\r\n    width: 45px;\r\n\r\n    height: 1px;\r\n\r\n    background:\r\n        #D2D6D9;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__footer-copy p {\r\n\r\n    margin: 0 !important;\r\n\r\n    color:\r\n        #D2D6D9 !important;\r\n\r\n    font-size:\r\n        10px !important;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__footer-copy strong {\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__cta {\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: 47px;\r\n\r\n    margin-left: auto;\r\n\r\n    padding:\r\n        0 21px;\r\n\r\n    border:\r\n        1px solid\r\n        #FFFFFF;\r\n\r\n    border-radius:\r\n        50px;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    color:\r\n        #3D4B51 !important;\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        1.5px;\r\n\r\n    transition:\r\n        .35s ease;\r\n\r\n}\r\n\r\n\r\n.at-why-dark__cta:hover {\r\n\r\n    background:\r\n        transparent;\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 12px 30px\r\n        rgba(0,0,0,.2);\r\n\r\n}\r\n\r\n\r\n.at-why-dark__cta svg {\r\n\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\r\n.at-why-dark__cta: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    .at-why-dark {\r\n\r\n        padding:\r\n            85px 20px 90px;\r\n\r\n    }\r\n\r\n\r\n    .at-why-dark__heading-row {\r\n\r\n        gap: 35px;\r\n\r\n    }\r\n\r\n\r\n    .at-why-dark__visual {\r\n\r\n        grid-template-columns:\r\n            minmax(0, 1fr)\r\n            175px;\r\n\r\n    }\r\n\r\n\r\n    .at-why-dark__video {\r\n\r\n        min-height:\r\n            390px;\r\n\r\n    }\r\n\r\n\r\n    .at-why-dark__cards {\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n\r\n    }\r\n\r\n\r\n    .at-dark-card:last-child {\r\n\r\n        grid-column:\r\n            1 \/ -1;\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: 680px) {\r\n\r\n    .at-why-dark {\r\n\r\n        padding:\r\n            70px 16px 75px;\r\n\r\n    }\r\n\r\n\r\n    .at-why-dark__header {\r\n\r\n        margin-bottom:\r\n            38px;\r\n\r\n    }\r\n\r\n\r\n    .at-why-dark__eyebrow {\r\n\r\n        font-size:\r\n            8px;\r\n\r\n        letter-spacing:\r\n            2.4px;\r\n\r\n    }\r\n\r\n\r\n    .at-why-dark__heading-row {\r\n\r\n        display:\r\n            block;\r\n\r\n    }\r\n\r\n\r\n    .at-why-dark__heading-row h2 {\r\n\r\n        font-size:\r\n            42px !important;\r\n\r\n        line-height:\r\n            1 !important;\r\n\r\n        letter-spacing:\r\n            -3px !important;\r\n\r\n    }\r\n\r\n\r\n    .at-why-dark__heading-row p {\r\n\r\n        margin-top:\r\n            22px !important;\r\n\r\n        font-size:\r\n            11px !important;\r\n\r\n    }\r\n\r\n\r\n    .at-why-dark__visual {\r\n\r\n        display:\r\n            block;\r\n\r\n    }\r\n\r\n\r\n    .at-why-dark__video {\r\n\r\n        min-height:\r\n            350px;\r\n\r\n        border-radius:\r\n            18px;\r\n\r\n    }\r\n\r\n\r\n    .at-why-dark__experience {\r\n\r\n        min-height:\r\n            180px;\r\n\r\n        border-radius:\r\n            0 0 18px 18px;\r\n\r\n    }\r\n\r\n\r\n    .at-why-dark__video-info {\r\n\r\n        left:\r\n            22px;\r\n\r\n        bottom:\r\n            22px;\r\n\r\n    }\r\n\r\n\r\n    .at-why-dark__video-info h3 {\r\n\r\n        font-size:\r\n            32px !important;\r\n\r\n    }\r\n\r\n\r\n    .at-why-dark__play {\r\n\r\n        width:\r\n            68px;\r\n\r\n        height:\r\n            68px;\r\n\r\n    }\r\n\r\n\r\n    .at-why-dark__cards {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap:\r\n            13px;\r\n\r\n        margin-top:\r\n            18px;\r\n\r\n    }\r\n\r\n\r\n    .at-dark-card {\r\n\r\n        min-height:\r\n            300px;\r\n\r\n        padding:\r\n            22px;\r\n\r\n    }\r\n\r\n\r\n    .at-dark-card:last-child {\r\n\r\n        grid-column:\r\n            auto;\r\n\r\n    }\r\n\r\n\r\n    .at-dark-card__content h3 {\r\n\r\n        font-size:\r\n            19px !important;\r\n\r\n    }\r\n\r\n\r\n    .at-why-dark__footer {\r\n\r\n        display:\r\n            block;\r\n\r\n        margin-top:\r\n            30px;\r\n\r\n    }\r\n\r\n\r\n    .at-why-dark__footer-copy {\r\n\r\n        margin-bottom:\r\n            18px;\r\n\r\n    }\r\n\r\n\r\n    .at-why-dark__cta {\r\n\r\n        width:\r\n            100%;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n    .at-why-dark__heading-row h2 {\r\n\r\n        font-size:\r\n            36px !important;\r\n\r\n        letter-spacing:\r\n            -2.5px !important;\r\n\r\n    }\r\n\r\n\r\n    .at-why-dark__video {\r\n\r\n        min-height:\r\n            300px;\r\n\r\n    }\r\n\r\n\r\n    .at-dark-card {\r\n\r\n        min-height:\r\n            285px;\r\n\r\n        padding:\r\n            19px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n   ASPEN TECHNOLOGIES\r\n   VIDEO CONTROLLER\r\n========================================================= *\/\r\n\r\ndocument.addEventListener(\r\n    \"DOMContentLoaded\",\r\n    function () {\r\n\r\n        const videos =\r\n            document.querySelectorAll(\r\n                \".at-why-dark__video\"\r\n            );\r\n\r\n        videos.forEach(\r\n            function (visual) {\r\n\r\n                const button =\r\n                    visual.querySelector(\r\n                        \".at-why-dark__play\"\r\n                    );\r\n\r\n                const video =\r\n                    visual.querySelector(\r\n                        \".at-why-dark__video-file\"\r\n                    );\r\n\r\n                if (!button || !video) {\r\n                    return;\r\n                }\r\n\r\n\r\n                button.addEventListener(\r\n                    \"click\",\r\n                    function (event) {\r\n\r\n                        event.preventDefault();\r\n                        event.stopPropagation();\r\n\r\n                        video.play()\r\n                            .then(\r\n                                function () {\r\n\r\n                                    visual.classList.add(\r\n                                        \"is-playing\"\r\n                                    );\r\n\r\n                                    button.style.opacity =\r\n                                        \"0\";\r\n\r\n                                    button.style.pointerEvents =\r\n                                        \"none\";\r\n\r\n                                }\r\n                            )\r\n                            .catch(\r\n                                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\r\n\r\n                video.addEventListener(\r\n                    \"ended\",\r\n                    function () {\r\n\r\n                        visual.classList.remove(\r\n                            \"is-playing\"\r\n                        );\r\n\r\n                        button.style.opacity =\r\n                            \"1\";\r\n\r\n                        button.style.pointerEvents =\r\n                            \"auto\";\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                video.addEventListener(\r\n                    \"error\",\r\n                    function () {\r\n\r\n                        visual.classList.remove(\r\n                            \"is-playing\"\r\n                        );\r\n\r\n                        button.style.opacity =\r\n                            \"1\";\r\n\r\n                        button.style.pointerEvents =\r\n                            \"auto\";\r\n\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-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 PREMIUM EDITORIAL SLIDER\r\n     \r\n     COMPLETELY NEW DESIGN\r\n     \r\n     Palette:\r\n     #4C5C63 \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=\"at-testimonials\">\r\n\r\n    <!-- BACKGROUND DECOR -->\r\n    <div class=\"at-t-bg-orb at-t-bg-orb--one\"><\/div>\r\n    <div class=\"at-t-bg-orb at-t-bg-orb--two\"><\/div>\r\n\r\n    <div class=\"at-t-container\">\r\n\r\n        <!-- =================================================\r\n             TOP LABEL\r\n        ================================================== -->\r\n\r\n        <div class=\"at-t-topline\">\r\n\r\n            <span class=\"at-t-label\">\r\n                CLIENT STORIES\r\n            <\/span>\r\n\r\n            <span class=\"at-t-line\"><\/span>\r\n\r\n            <span class=\"at-t-small\">\r\n                TRUSTED TECHNOLOGY PARTNER\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             MAIN\r\n        ================================================== -->\r\n\r\n        <div class=\"at-t-main\">\r\n\r\n\r\n            <!-- =================================================\r\n                 LEFT SIDE\r\n            ================================================== -->\r\n\r\n            <div class=\"at-t-intro\">\r\n\r\n                <div class=\"at-t-counter\">\r\n\r\n                    <span class=\"at-t-current\">\r\n                        01\r\n                    <\/span>\r\n\r\n                    <span class=\"at-t-counter-line\"><\/span>\r\n\r\n                    <span class=\"at-t-total\">\r\n                        06\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"at-t-heading-wrap\">\r\n\r\n                    <span class=\"at-t-eyebrow\">\r\n                        WHAT OUR CLIENTS SAY\r\n                    <\/span>\r\n\r\n                    <h2>\r\n                        Built on\r\n                        <span>Trust.<\/span>\r\n                        <br>\r\n                        Proven by\r\n                        <span>Results.<\/span>\r\n                    <\/h2>\r\n\r\n                    <p>\r\n                        From infrastructure installations to complex\r\n                        technology deployments, our clients trust Aspen\r\n                        Technologies to deliver with precision,\r\n                        professionalism, and consistency.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- VERTICAL NAV -->\r\n\r\n                <div class=\"at-t-nav\">\r\n\r\n                    <button\r\n                        class=\"at-t-nav-btn at-t-prev\"\r\n                        type=\"button\"\r\n                        aria-label=\"Previous testimonial\"\r\n                    >\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M19 12H5\"><\/path>\r\n                            <path d=\"M11 18L5 12l6-6\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/button>\r\n\r\n\r\n                    <div class=\"at-t-progress\">\r\n\r\n                        <span><\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <button\r\n                        class=\"at-t-nav-btn at-t-next\"\r\n                        type=\"button\"\r\n                        aria-label=\"Next testimonial\"\r\n                    >\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\r\n            <!-- =================================================\r\n                 RIGHT TESTIMONIAL\r\n            ================================================== -->\r\n\r\n            <div class=\"at-t-stage\">\r\n\r\n\r\n                <!-- CARD -->\r\n\r\n                <article class=\"at-t-card\">\r\n\r\n\r\n                    <!-- CARD TOP -->\r\n\r\n                    <div class=\"at-t-card-top\">\r\n\r\n                        <span class=\"at-t-card-label\">\r\n                            VERIFIED CLIENT\r\n                        <\/span>\r\n\r\n                        <div class=\"at-t-stars\">\r\n                            <span>\u2605<\/span>\r\n                            <span>\u2605<\/span>\r\n                            <span>\u2605<\/span>\r\n                            <span>\u2605<\/span>\r\n                            <span>\u2605<\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- GIANT QUOTE -->\r\n\r\n                    <div class=\"at-t-quote\">\r\n                        \u201c\r\n                    <\/div>\r\n\r\n\r\n                    <!-- TESTIMONIAL -->\r\n\r\n                    <div class=\"at-t-content\">\r\n\r\n                        <p class=\"at-t-text\">\r\n                            Aspen Technologies delivered exactly what\r\n                            we needed. Their team was professional,\r\n                            responsive, and made the entire installation\r\n                            process seamless from start to finish.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- CLIENT -->\r\n\r\n                    <div class=\"at-t-client\">\r\n\r\n                        <div class=\"at-t-avatar\">\r\n                            MR\r\n                        <\/div>\r\n\r\n                        <div class=\"at-t-client-details\">\r\n\r\n                            <strong>\r\n                                Michael Roberts\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Facilities Director\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"at-t-client-mark\">\r\n\r\n                            <svg viewBox=\"0 0 32 32\">\r\n\r\n                                <path d=\"M16 3v26\"><\/path>\r\n\r\n                                <path d=\"M3 16h26\"><\/path>\r\n\r\n                                <circle\r\n                                    cx=\"16\"\r\n                                    cy=\"16\"\r\n                                    r=\"10\"\r\n                                ><\/circle>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- CARD NUMBER -->\r\n\r\n                    <div class=\"at-t-card-number\">\r\n                        01\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- DECORATIVE BACK CARDS -->\r\n\r\n                <div class=\"at-t-back-card at-t-back-card--one\"><\/div>\r\n\r\n                <div class=\"at-t-back-card at-t-back-card--two\"><\/div>\r\n\r\n\r\n                <!-- SIDE LABEL -->\r\n\r\n                <div class=\"at-t-side-label\">\r\n                    <span>ASPEN TECHNOLOGIES<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             BOTTOM TRUST STRIP\r\n        ================================================== -->\r\n\r\n        <div class=\"at-t-bottom\">\r\n\r\n            <div class=\"at-t-bottom-item\">\r\n\r\n                <strong>\r\n                    25+\r\n                <\/strong>\r\n\r\n                <span>\r\n                    YEARS EXPERIENCE\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"at-t-bottom-divider\"><\/div>\r\n\r\n\r\n            <div class=\"at-t-bottom-item\">\r\n\r\n                <strong>\r\n                    100+\r\n                <\/strong>\r\n\r\n                <span>\r\n                    PROJECTS DELIVERED\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"at-t-bottom-divider\"><\/div>\r\n\r\n\r\n            <div class=\"at-t-bottom-item\">\r\n\r\n                <strong>\r\n                    5.0\r\n                <\/strong>\r\n\r\n                <span>\r\n                    CLIENT EXPERIENCE\r\n                <\/span>\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   RESET\r\n========================================================= *\/\r\n\r\n.at-testimonials,\r\n.at-testimonials * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.at-testimonials {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 680px;\r\n\r\n    padding: 85px 0 55px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    color: #4C5C63;\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.at-t-container {\r\n\r\n    position: relative;\r\n\r\n    z-index: 5;\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}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND ORBS\r\n========================================================= *\/\r\n\r\n.at-t-bg-orb {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n\r\n    filter: blur(1px);\r\n\r\n}\r\n\r\n\r\n.at-t-bg-orb--one {\r\n\r\n    width: 480px;\r\n\r\n    height: 480px;\r\n\r\n    top: -260px;\r\n\r\n    right: -160px;\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}\r\n\r\n\r\n.at-t-bg-orb--two {\r\n\r\n    width: 380px;\r\n\r\n    height: 380px;\r\n\r\n    bottom: -250px;\r\n\r\n    left: -180px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(210,214,217,.35),\r\n            transparent 68%\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP LINE\r\n========================================================= *\/\r\n\r\n.at-t-topline {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 16px;\r\n\r\n    margin-bottom: 52px;\r\n\r\n}\r\n\r\n\r\n.at-t-label {\r\n\r\n    color: #4C5C63;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2.8px;\r\n\r\n    white-space: nowrap;\r\n\r\n}\r\n\r\n\r\n.at-t-line {\r\n\r\n    width: 70px;\r\n\r\n    height: 1px;\r\n\r\n    background: #4C5C63;\r\n\r\n    opacity: .35;\r\n\r\n}\r\n\r\n\r\n.at-t-small {\r\n\r\n    color: #4C5C63;\r\n\r\n    opacity: .45;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.8px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n========================================================= *\/\r\n\r\n.at-t-main {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(320px, .78fr)\r\n        minmax(520px, 1.22fr);\r\n\r\n    align-items: center;\r\n\r\n    gap: 70px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT INTRO\r\n========================================================= *\/\r\n\r\n.at-t-intro {\r\n\r\n    position: relative;\r\n\r\n}\r\n\r\n\r\n.at-t-counter {\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: 35px;\r\n\r\n}\r\n\r\n\r\n.at-t-current {\r\n\r\n    color: #4C5C63;\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 30px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: -1px;\r\n\r\n}\r\n\r\n\r\n.at-t-counter-line {\r\n\r\n    width: 42px;\r\n\r\n    height: 1px;\r\n\r\n    background: #4C5C63;\r\n\r\n    opacity: .3;\r\n\r\n}\r\n\r\n\r\n.at-t-total {\r\n\r\n    color: #4C5C63;\r\n\r\n    opacity: .35;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n\r\n}\r\n\r\n\r\n.at-t-heading-wrap {\r\n\r\n    max-width: 475px;\r\n\r\n}\r\n\r\n\r\n.at-t-eyebrow {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 15px;\r\n\r\n    color: #4C5C63;\r\n\r\n    opacity: .55;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2px;\r\n\r\n}\r\n\r\n\r\n.at-t-heading-wrap h2 {\r\n\r\n    margin: 0 0 24px !important;\r\n\r\n    padding: 0 !important;\r\n\r\n    color: #4C5C63 !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(42px, 5vw, 67px) !important;\r\n\r\n    line-height: .99 !important;\r\n\r\n    font-weight: 800 !important;\r\n\r\n    letter-spacing: -4px !important;\r\n\r\n}\r\n\r\n\r\n.at-t-heading-wrap h2 span {\r\n\r\n    position: relative;\r\n\r\n    color: #4C5C63 !important;\r\n\r\n}\r\n\r\n\r\n\/*.at-t-heading-wrap h2 span::after {*\/\r\n\r\n\/*    content: \"\";*\/\r\n\r\n\/*    position: absolute;*\/\r\n\r\n\/*    left: 2px;*\/\r\n\r\n\/*    right: 2px;*\/\r\n\r\n\/*    bottom: -5px;*\/\r\n\r\n\/*    height: 4px;*\/\r\n\r\n\/*    background: #D2D6D9;*\/\r\n\r\n\/*    border-radius: 20px;*\/\r\n\r\n\/*}*\/\r\n\r\n\r\n.at-t-heading-wrap p {\r\n\r\n    max-width: 430px;\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: .67;\r\n\r\n    font-size: 13px !important;\r\n\r\n    line-height: 1.75 !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NAV\r\n========================================================= *\/\r\n\r\n.at-t-nav {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    margin-top: 38px;\r\n\r\n}\r\n\r\n\r\n.at-t-nav-btn {\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    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.at-t-nav-btn svg {\r\n\r\n    width: 16px;\r\n\r\n    height: 16px;\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.at-t-nav-btn: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.at-t-progress {\r\n\r\n    position: relative;\r\n\r\n    width: 95px;\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.at-t-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: 16.66%;\r\n\r\n    height: 100%;\r\n\r\n    background: #4C5C63;\r\n\r\n    transition: width .45s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STAGE\r\n========================================================= *\/\r\n\r\n.at-t-stage {\r\n\r\n    position: relative;\r\n\r\n    min-height: 430px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN CARD\r\n========================================================= *\/\r\n\r\n.at-t-card {\r\n\r\n    position: relative;\r\n\r\n    z-index: 5;\r\n\r\n    width: min(\r\n        100%,\r\n        620px\r\n    );\r\n\r\n    min-height: 390px;\r\n\r\n    padding: 37px 42px 32px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: space-between;\r\n\r\n    border-radius: 22px;\r\n\r\n    overflow: hidden;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #4C5C63 0%,\r\n            #3f4d53 100%\r\n        );\r\n\r\n    box-shadow:\r\n        0 30px 70px rgba(76,92,99,.22);\r\n\r\n    transition:\r\n        background .55s ease,\r\n        transform .55s ease,\r\n        opacity .3s ease;\r\n\r\n}\r\n\r\n\r\n\/* CARD LIGHT GRID *\/\r\n\r\n.at-t-card::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    opacity: .055;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(255,255,255,.8) 1px,\r\n            transparent 1px\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    mask-image:\r\n        linear-gradient(\r\n            135deg,\r\n            black,\r\n            transparent 75%\r\n        );\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* CARD CIRCLE *\/\r\n\r\n.at-t-card::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 310px;\r\n\r\n    height: 310px;\r\n\r\n    right: -130px;\r\n\r\n    bottom: -170px;\r\n\r\n    border: 1px solid rgba(255,255,255,.13);\r\n\r\n    border-radius: 50%;\r\n\r\n    box-shadow:\r\n        0 0 0 35px rgba(255,255,255,.025),\r\n        0 0 0 70px rgba(255,255,255,.018);\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TOP\r\n========================================================= *\/\r\n\r\n.at-t-card-top {\r\n\r\n    position: relative;\r\n\r\n    z-index: 3;\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}\r\n\r\n\r\n.at-t-card-label {\r\n\r\n    padding: 7px 11px;\r\n\r\n    border: 1px solid rgba(255,255,255,.22);\r\n\r\n    border-radius: 50px;\r\n\r\n    color: #FFFFFF;\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    opacity: .8;\r\n\r\n}\r\n\r\n\r\n.at-t-stars {\r\n\r\n    display: flex;\r\n\r\n    gap: 3px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 12px;\r\n\r\n    opacity: .9;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GIANT QUOTE\r\n========================================================= *\/\r\n\r\n.at-t-quote {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 1;\r\n\r\n    top: 50px;\r\n\r\n    right: 38px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    opacity: .08;\r\n\r\n    font-family:\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 170px;\r\n\r\n    line-height: .8;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.at-t-content {\r\n\r\n    position: relative;\r\n\r\n    z-index: 3;\r\n\r\n    max-width: 500px;\r\n\r\n    margin-top: 28px;\r\n\r\n}\r\n\r\n\r\n.at-t-text {\r\n\r\n    margin: 0 !important;\r\n\r\n    padding: 0 !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        clamp(19px, 2vw, 25px) !important;\r\n\r\n    line-height: 1.52 !important;\r\n\r\n    font-weight: 500 !important;\r\n\r\n    letter-spacing: -.5px !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLIENT\r\n========================================================= *\/\r\n\r\n.at-t-client {\r\n\r\n    position: relative;\r\n\r\n    z-index: 4;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 13px;\r\n\r\n    padding-top: 23px;\r\n\r\n    border-top:\r\n        1px solid rgba(255,255,255,.16);\r\n\r\n}\r\n\r\n\r\n.at-t-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: 46px;\r\n\r\n    height: 46px;\r\n\r\n    flex: 0 0 46px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #FFFFFF;\r\n\r\n    color: #4C5C63;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n}\r\n\r\n\r\n.at-t-client-details {\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n\r\n.at-t-client-details strong {\r\n\r\n    display: block;\r\n\r\n    margin: 0 0 4px !important;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    font-size: 12px !important;\r\n\r\n    line-height: 1.2 !important;\r\n\r\n    font-weight: 800 !important;\r\n\r\n}\r\n\r\n\r\n.at-t-client-details span {\r\n\r\n    display: block;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    opacity: .6;\r\n\r\n    font-size: 10px !important;\r\n\r\n    line-height: 1.2 !important;\r\n\r\n}\r\n\r\n\r\n.at-t-client-mark {\r\n\r\n    margin-left: auto;\r\n\r\n    opacity: .18;\r\n\r\n}\r\n\r\n\r\n.at-t-client-mark svg {\r\n\r\n    width: 40px;\r\n\r\n    height: 40px;\r\n\r\n    fill: none;\r\n\r\n    stroke: #FFFFFF;\r\n\r\n    stroke-width: 1;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD NUMBER\r\n========================================================= *\/\r\n\r\n.at-t-card-number {\r\n\r\n    position: absolute;\r\n\r\n    right: 24px;\r\n\r\n    bottom: 18px;\r\n\r\n    z-index: 3;\r\n\r\n    color: #FFFFFF;\r\n\r\n    opacity: .12;\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 72px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: -5px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACK CARDS\r\n========================================================= *\/\r\n\r\n.at-t-back-card {\r\n\r\n    position: absolute;\r\n\r\n    width: 82%;\r\n\r\n    height: 84%;\r\n\r\n    border-radius: 22px;\r\n\r\n    border: 1px solid #D2D6D9;\r\n\r\n    background: #FFFFFF;\r\n\r\n}\r\n\r\n\r\n.at-t-back-card--one {\r\n\r\n    z-index: 2;\r\n\r\n    right: -14px;\r\n\r\n    transform:\r\n        rotate(3deg)\r\n        translateY(10px);\r\n\r\n    opacity: .8;\r\n\r\n}\r\n\r\n\r\n.at-t-back-card--two {\r\n\r\n    z-index: 1;\r\n\r\n    right: -27px;\r\n\r\n    transform:\r\n        rotate(6deg)\r\n        translateY(20px);\r\n\r\n    opacity: .45;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SIDE LABEL\r\n========================================================= *\/\r\n\r\n.at-t-side-label {\r\n\r\n    position: absolute;\r\n\r\n    right: -20px;\r\n\r\n    top: 50%;\r\n\r\n    z-index: 8;\r\n\r\n    transform:\r\n        rotate(90deg)\r\n        translateX(50%);\r\n\r\n    transform-origin: right center;\r\n\r\n}\r\n\r\n\r\n.at-t-side-label span {\r\n\r\n    color: #4C5C63;\r\n\r\n    opacity: .32;\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM STRIP\r\n========================================================= *\/\r\n\r\n.at-t-bottom {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 34px;\r\n\r\n    margin-top: 68px;\r\n\r\n    padding-top: 25px;\r\n\r\n    border-top: 1px solid #D2D6D9;\r\n\r\n}\r\n\r\n\r\n.at-t-bottom-item {\r\n\r\n    display: flex;\r\n\r\n    align-items: baseline;\r\n\r\n    gap: 10px;\r\n\r\n}\r\n\r\n\r\n.at-t-bottom-item strong {\r\n\r\n    color: #4C5C63;\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}\r\n\r\n\r\n.at-t-bottom-item span {\r\n\r\n    color: #4C5C63;\r\n\r\n    opacity: .48;\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.3px;\r\n\r\n}\r\n\r\n\r\n.at-t-bottom-divider {\r\n\r\n    width: 1px;\r\n\r\n    height: 20px;\r\n\r\n    background: #D2D6D9;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD CHANGE ANIMATION\r\n========================================================= *\/\r\n\r\n.at-t-card.is-changing {\r\n\r\n    animation:\r\n        atCardOut .32s ease forwards;\r\n\r\n}\r\n\r\n\r\n@keyframes atCardOut {\r\n\r\n    0% {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateX(0)\r\n            scale(1);\r\n\r\n    }\r\n\r\n    100% {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateX(28px)\r\n            scale(.98);\r\n\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    .at-t-card,\r\n    .at-t-progress span,\r\n    .at-t-nav-btn {\r\n\r\n        transition: none !important;\r\n\r\n    }\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    .at-testimonials {\r\n\r\n        padding: 70px 0 50px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-main {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 50px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-heading-wrap {\r\n\r\n        max-width: 700px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-heading-wrap p {\r\n\r\n        max-width: 620px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-stage {\r\n\r\n        min-height: 440px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-card {\r\n\r\n        width: min(\r\n            700px,\r\n            100%\r\n        );\r\n\r\n    }\r\n\r\n\r\n    .at-t-back-card {\r\n\r\n        width: 86%;\r\n\r\n    }\r\n\r\n\r\n    .at-t-side-label {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    .at-t-bottom {\r\n\r\n        margin-top: 50px;\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    .at-testimonials {\r\n\r\n        min-height: auto;\r\n\r\n        padding: 55px 0 40px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-container {\r\n\r\n        width: calc(100% - 28px);\r\n\r\n    }\r\n\r\n\r\n    .at-t-topline {\r\n\r\n        gap: 10px;\r\n\r\n        margin-bottom: 35px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-label {\r\n\r\n        font-size: 8px;\r\n\r\n        letter-spacing: 2px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-line {\r\n\r\n        width: 35px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-small {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    .at-t-main {\r\n\r\n        gap: 38px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-counter {\r\n\r\n        margin-bottom: 23px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-current {\r\n\r\n        font-size: 25px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-heading-wrap h2 {\r\n\r\n        margin-bottom: 19px !important;\r\n\r\n        font-size: 39px !important;\r\n\r\n        line-height: 1 !important;\r\n\r\n        letter-spacing: -2.4px !important;\r\n\r\n    }\r\n\r\n\r\n    .at-t-heading-wrap p {\r\n\r\n        font-size: 11px !important;\r\n\r\n        line-height: 1.7 !important;\r\n\r\n    }\r\n\r\n\r\n    .at-t-nav {\r\n\r\n        margin-top: 25px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-nav-btn {\r\n\r\n        width: 39px;\r\n\r\n        height: 39px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-progress {\r\n\r\n        width: 70px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-stage {\r\n\r\n        min-height: 360px;\r\n\r\n        padding-right: 8px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-card {\r\n\r\n        width: 100%;\r\n\r\n        min-height: 335px;\r\n\r\n        padding: 25px 23px 22px;\r\n\r\n        border-radius: 17px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-card-top {\r\n\r\n        align-items: flex-start;\r\n\r\n    }\r\n\r\n\r\n    .at-t-card-label {\r\n\r\n        padding: 6px 9px;\r\n\r\n        font-size: 7px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-stars {\r\n\r\n        font-size: 10px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-quote {\r\n\r\n        top: 50px;\r\n\r\n        right: 18px;\r\n\r\n        font-size: 125px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-content {\r\n\r\n        margin-top: 20px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-text {\r\n\r\n        font-size: 17px !important;\r\n\r\n        line-height: 1.5 !important;\r\n\r\n        letter-spacing: -.3px !important;\r\n\r\n    }\r\n\r\n\r\n    .at-t-client {\r\n\r\n        padding-top: 17px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-avatar {\r\n\r\n        width: 40px;\r\n\r\n        height: 40px;\r\n\r\n        flex-basis: 40px;\r\n\r\n        font-size: 9px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-client-details strong {\r\n\r\n        font-size: 11px !important;\r\n\r\n    }\r\n\r\n\r\n    .at-t-client-details span {\r\n\r\n        font-size: 9px !important;\r\n\r\n    }\r\n\r\n\r\n    .at-t-client-mark {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    .at-t-card-number {\r\n\r\n        right: 17px;\r\n\r\n        bottom: 12px;\r\n\r\n        font-size: 55px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-back-card {\r\n\r\n        width: 88%;\r\n\r\n        border-radius: 17px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-back-card--one {\r\n\r\n        right: -7px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-back-card--two {\r\n\r\n        right: -13px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-bottom {\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            repeat(3, 1fr);\r\n\r\n        gap: 10px;\r\n\r\n        margin-top: 38px;\r\n\r\n        padding-top: 20px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-bottom-item {\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 5px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-bottom-item strong {\r\n\r\n        font-size: 18px;\r\n\r\n    }\r\n\r\n\r\n    .at-t-bottom-item span {\r\n\r\n        font-size: 7px;\r\n\r\n        line-height: 1.4;\r\n\r\n    }\r\n\r\n\r\n    .at-t-bottom-divider {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL\r\n========================================================= *\/\r\n\r\n@media (max-width: 370px) {\r\n\r\n    .at-t-heading-wrap h2 {\r\n\r\n        font-size: 34px !important;\r\n\r\n    }\r\n\r\n\r\n    .at-t-text {\r\n\r\n        font-size: 15px !important;\r\n\r\n    }\r\n\r\n\r\n    .at-t-card {\r\n\r\n        min-height: 320px;\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(function () {\r\n\r\n    function initAspenPremiumTestimonials() {\r\n\r\n        const section =\r\n            document.querySelector(\".at-testimonials\");\r\n\r\n        if (!section) {\r\n            return;\r\n        }\r\n\r\n\r\n        if (\r\n            section.dataset.initialized === \"true\"\r\n        ) {\r\n            return;\r\n        }\r\n\r\n        section.dataset.initialized = \"true\";\r\n\r\n\r\n        \/* =====================================================\r\n           DATA\r\n        ===================================================== *\/\r\n\r\n        const testimonials = [\r\n\r\n            {\r\n                number: \"01\",\r\n                initials: \"MR\",\r\n                name: \"Michael Roberts\",\r\n                role: \"Facilities Director\",\r\n                text:\r\n                    \"Aspen Technologies delivered exactly what we needed. Their team was professional, responsive, and made the entire installation process seamless from start to finish.\"\r\n            },\r\n\r\n            {\r\n                number: \"02\",\r\n                initials: \"JD\",\r\n                name: \"James Davis\",\r\n                role: \"Operations Manager\",\r\n                text:\r\n                    \"The Aspen team handled our infrastructure project from planning through installation with impressive attention to detail and communication.\"\r\n            },\r\n\r\n            {\r\n                number: \"03\",\r\n                initials: \"SC\",\r\n                name: \"Sarah Collins\",\r\n                role: \"Project Manager\",\r\n                text:\r\n                    \"We were looking for a technology partner we could trust. Aspen provided a complete solution and delivered beyond our expectations.\"\r\n            },\r\n\r\n            {\r\n                number: \"04\",\r\n                initials: \"DW\",\r\n                name: \"David Wilson\",\r\n                role: \"IT Director\",\r\n                text:\r\n                    \"Their technical expertise and professionalism made a complex infrastructure deployment feel simple. We highly recommend Aspen Technologies.\"\r\n            },\r\n\r\n            {\r\n                number: \"05\",\r\n                initials: \"AW\",\r\n                name: \"Andrew Williams\",\r\n                role: \"Facilities Manager\",\r\n                text:\r\n                    \"From structured cabling to security infrastructure, Aspen's team provided a reliable and professional experience from start to finish.\"\r\n            },\r\n\r\n            {\r\n                number: \"06\",\r\n                initials: \"KL\",\r\n                name: \"Karen Lee\",\r\n                role: \"Senior Administrator\",\r\n                text:\r\n                    \"Aspen's team was knowledgeable, organized and extremely easy to work with. The final result was exactly what our business needed.\"\r\n            }\r\n\r\n        ];\r\n\r\n\r\n        \/* =====================================================\r\n           ELEMENTS\r\n        ===================================================== *\/\r\n\r\n        const card =\r\n            section.querySelector(\".at-t-card\");\r\n\r\n        const current =\r\n            section.querySelector(\".at-t-current\");\r\n\r\n        const total =\r\n            section.querySelector(\".at-t-total\");\r\n\r\n        const progress =\r\n            section.querySelector(\".at-t-progress span\");\r\n\r\n        const text =\r\n            section.querySelector(\".at-t-text\");\r\n\r\n        const avatar =\r\n            section.querySelector(\".at-t-avatar\");\r\n\r\n        const name =\r\n            section.querySelector(\".at-t-client-details strong\");\r\n\r\n        const role =\r\n            section.querySelector(\".at-t-client-details span\");\r\n\r\n        const cardNumber =\r\n            section.querySelector(\".at-t-card-number\");\r\n\r\n        const next =\r\n            section.querySelector(\".at-t-next\");\r\n\r\n        const prev =\r\n            section.querySelector(\".at-t-prev\");\r\n\r\n\r\n        if (\r\n            !card ||\r\n            !current ||\r\n            !progress ||\r\n            !text\r\n        ) {\r\n            return;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           SETTINGS\r\n        ===================================================== *\/\r\n\r\n        const AUTO_TIME = 5000;\r\n\r\n        let index = 0;\r\n\r\n        let timer = null;\r\n\r\n        let isAnimating = false;\r\n\r\n\r\n        total.textContent =\r\n            String(testimonials.length)\r\n                .padStart(2, \"0\");\r\n\r\n\r\n        \/* =====================================================\r\n           UPDATE\r\n        ===================================================== *\/\r\n\r\n        function updateTestimonial(newIndex) {\r\n\r\n            if (isAnimating) {\r\n                return;\r\n            }\r\n\r\n\r\n            isAnimating = true;\r\n\r\n\r\n            index =\r\n                (newIndex + testimonials.length) %\r\n                testimonials.length;\r\n\r\n\r\n            const item =\r\n                testimonials[index];\r\n\r\n\r\n            card.classList.add(\r\n                \"is-changing\"\r\n            );\r\n\r\n\r\n            setTimeout(function () {\r\n\r\n                current.textContent =\r\n                    item.number;\r\n\r\n                cardNumber.textContent =\r\n                    item.number;\r\n\r\n                avatar.textContent =\r\n                    item.initials;\r\n\r\n                name.textContent =\r\n                    item.name;\r\n\r\n                role.textContent =\r\n                    item.role;\r\n\r\n                text.textContent =\r\n                    item.text;\r\n\r\n\r\n                progress.style.width =\r\n                    (\r\n                        ((index + 1) \/\r\n                        testimonials.length) *\r\n                        100\r\n                    ) + \"%\";\r\n\r\n\r\n                \/* =================================================\r\n                   BACKGROUND MOOD CHANGE\r\n                ================================================= *\/\r\n\r\n                const backgrounds = [\r\n\r\n                    \"linear-gradient(135deg,#4C5C63 0%,#3F4D53 100%)\",\r\n\r\n                    \"linear-gradient(135deg,#435158 0%,#53646B 100%)\",\r\n\r\n                    \"linear-gradient(135deg,#37454B 0%,#4C5C63 100%)\",\r\n\r\n                    \"linear-gradient(135deg,#536269 0%,#3E4B51 100%)\",\r\n\r\n                    \"linear-gradient(135deg,#3C4A50 0%,#596970 100%)\",\r\n\r\n                    \"linear-gradient(135deg,#46565D 0%,#354249 100%)\"\r\n\r\n                ];\r\n\r\n\r\n                card.style.background =\r\n                    backgrounds[index];\r\n\r\n\r\n                card.classList.remove(\r\n                    \"is-changing\"\r\n                );\r\n\r\n\r\n                isAnimating = false;\r\n\r\n\r\n            }, 300);\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           NEXT\r\n        ===================================================== *\/\r\n\r\n        function goNext() {\r\n\r\n            updateTestimonial(\r\n                index + 1\r\n            );\r\n\r\n            restartTimer();\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           PREVIOUS\r\n        ===================================================== *\/\r\n\r\n        function goPrev() {\r\n\r\n            updateTestimonial(\r\n                index - 1\r\n            );\r\n\r\n            restartTimer();\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           BUTTONS\r\n        ===================================================== *\/\r\n\r\n        next.addEventListener(\r\n            \"click\",\r\n            function () {\r\n\r\n                goNext();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        prev.addEventListener(\r\n            \"click\",\r\n            function () {\r\n\r\n                goPrev();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           AUTO CHANGE\r\n        ===================================================== *\/\r\n\r\n        function startTimer() {\r\n\r\n            clearInterval(timer);\r\n\r\n            timer =\r\n                setInterval(\r\n                    function () {\r\n\r\n                        updateTestimonial(\r\n                            index + 1\r\n                        );\r\n\r\n                    },\r\n                    AUTO_TIME\r\n                );\r\n\r\n        }\r\n\r\n\r\n        function restartTimer() {\r\n\r\n            startTimer();\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           PAUSE ON HOVER\r\n        ===================================================== *\/\r\n\r\n        section.addEventListener(\r\n            \"mouseenter\",\r\n            function () {\r\n\r\n                clearInterval(timer);\r\n\r\n            }\r\n        );\r\n\r\n\r\n        section.addEventListener(\r\n            \"mouseleave\",\r\n            function () {\r\n\r\n                startTimer();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           TOUCH SWIPE\r\n        ===================================================== *\/\r\n\r\n        let touchStartX = 0;\r\n\r\n        let touchEndX = 0;\r\n\r\n\r\n        card.addEventListener(\r\n            \"touchstart\",\r\n            function (event) {\r\n\r\n                touchStartX =\r\n                    event.touches[0].clientX;\r\n\r\n            },\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n\r\n        card.addEventListener(\r\n            \"touchend\",\r\n            function (event) {\r\n\r\n                touchEndX =\r\n                    event.changedTouches[0].clientX;\r\n\r\n\r\n                const distance =\r\n                    touchEndX -\r\n                    touchStartX;\r\n\r\n\r\n                if (\r\n                    Math.abs(distance) < 45\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n\r\n                if (distance < 0) {\r\n\r\n                    goNext();\r\n\r\n                } else {\r\n\r\n                    goPrev();\r\n\r\n                }\r\n\r\n            },\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           INITIAL\r\n        ===================================================== *\/\r\n\r\n        updateTestimonial(0);\r\n\r\n        startTimer();\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       NORMAL DOM\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            initAspenPremiumTestimonials\r\n        );\r\n\r\n    } else {\r\n\r\n        initAspenPremiumTestimonials();\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       ELEMENTOR SUPPORT\r\n    ========================================================= *\/\r\n\r\n    if (window.jQuery) {\r\n\r\n        jQuery(window).on(\r\n            \"elementor\/frontend\/init\",\r\n            function () {\r\n\r\n                setTimeout(\r\n                    initAspenPremiumTestimonials,\r\n                    150\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\r\n     CONTACT \u2014 MODERN EDITORIAL \/ SPLIT SCREEN\r\n     WORDPRESS + ELEMENTOR READY\r\n\r\n     PALETTE\r\n     #4C5C63\r\n     #26343A\r\n     #FFFFFF\r\n     #D2D6D9\r\n========================================================= -->\r\n\r\n<section class=\"at-contact-modern\">\r\n\r\n    <!-- BACKGROUND -->\r\n    <div class=\"at-contact-noise\"><\/div>\r\n    <div class=\"at-contact-grid\"><\/div>\r\n\r\n    <div class=\"at-contact-orb at-orb-one\"><\/div>\r\n    <div class=\"at-contact-orb at-orb-two\"><\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         MAIN WRAPPER\r\n    ====================================================== -->\r\n\r\n    <div class=\"at-contact-wrap\">\r\n\r\n\r\n        <!-- =================================================\r\n             LEFT SIDE\r\n        ================================================== -->\r\n\r\n        <div class=\"at-contact-left\">\r\n\r\n\r\n            <div class=\"at-contact-kicker\">\r\n\r\n                <span class=\"at-kicker-line\"><\/span>\r\n\r\n                CONTACT ASPEN TECHNOLOGIES\r\n\r\n                <span class=\"at-kicker-number\">01<\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"at-contact-title-wrap\">\r\n\r\n                <div class=\"at-big-label\">\r\n                    Get In \r\n                <\/div>\r\n\r\n                <h2>\r\n                    Touch<span>.<\/span>\r\n                <\/h2>\r\n\r\n                <div class=\"at-title-line\"><\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"at-contact-description\">\r\n\r\n                Have a technology project in mind?\r\n                Let's turn your requirements into a\r\n                reliable infrastructure built for the future.\r\n\r\n            <\/p>\r\n\r\n\r\n            <!-- =================================================\r\n                 CONTACT CHIPS\r\n            ================================================== -->\r\n\r\n            <div class=\"at-contact-info\">\r\n\r\n\r\n                <!-- PHONE -->\r\n\r\n                <a\r\n                    href=\"tel:4803151700\"\r\n                    class=\"at-contact-chip\"\r\n                >\r\n\r\n                    <div class=\"at-chip-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\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                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"at-chip-text\">\r\n\r\n                        <small>CALL US<\/small>\r\n\r\n                        <strong>\r\n                            480-315-1700\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                    <span class=\"at-chip-arrow\">\r\n                        \u2197\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n                <!-- EMAIL -->\r\n\r\n                <a\r\n                    href=\"mailto:info@aspentechaz.net\"\r\n                    class=\"at-contact-chip\"\r\n                >\r\n\r\n                    <div class=\"at-chip-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\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                            \/>\r\n\r\n                            <path\r\n                                d=\"M4 7L12 13L20 7\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"at-chip-text\">\r\n\r\n                        <small>EMAIL US<\/small>\r\n\r\n                        <strong>\r\n                            info@aspentechaz.net\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                    <span class=\"at-chip-arrow\">\r\n                        \u2197\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n                <!-- ADDRESS -->\r\n\r\n                <div class=\"at-contact-chip\">\r\n\r\n                    <div class=\"at-chip-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\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                            \/>\r\n\r\n                            <circle\r\n                                cx=\"12\"\r\n                                cy=\"9.5\"\r\n                                r=\"2.5\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"at-chip-text\">\r\n\r\n                        <small>VISIT US<\/small>\r\n\r\n                        <strong>\r\n                            570 W. Southern Ave.,\r\n                            Tempe AZ 85282\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 BOTTOM STATEMENT\r\n            ================================================== -->\r\n\r\n            <div class=\"at-contact-bottom\">\r\n\r\n                <span class=\"at-bottom-dot\"><\/span>\r\n\r\n                <span>\r\n                    ONE SOURCE.\r\n                <\/span>\r\n\r\n                <strong>\r\n                    TOTAL TECHNOLOGY SOLUTIONS.\r\n                <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             CENTER DIVIDER\r\n        ================================================== -->\r\n\r\n        <div class=\"at-contact-divider\">\r\n\r\n            <span class=\"at-divider-dot\"><\/span>\r\n\r\n            <span class=\"at-divider-text\">\r\n                SCROLL TO CONNECT\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             RIGHT FORM\r\n        ================================================== -->\r\n\r\n        <div class=\"at-contact-right\">\r\n\r\n\r\n            <div class=\"at-form-card\">\r\n\r\n\r\n                <!-- FORM TOP -->\r\n\r\n                <div class=\"at-form-top\">\r\n\r\n                    <div>\r\n\r\n                        <span class=\"at-form-kicker\">\r\n                            START A CONVERSATION\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Tell us what\r\n                            <em>you need.<\/em>\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"at-form-index\">\r\n                        02\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- PROGRESS -->\r\n\r\n                <div class=\"at-form-progress\">\r\n\r\n                    <span><\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- FORM -->\r\n\r\n                <form class=\"at-modern-form\">\r\n\r\n\r\n                    <!-- NAME -->\r\n\r\n                    <div class=\"at-modern-row\">\r\n\r\n                        <div class=\"at-modern-field\">\r\n\r\n                            <label>\r\n                                FIRST NAME\r\n                            <\/label>\r\n\r\n                            <div class=\"at-input-wrap\">\r\n\r\n                                <input\r\n                                    type=\"text\"\r\n                                    name=\"first_name\"\r\n                                    placeholder=\"John\"\r\n                                    required\r\n                                >\r\n\r\n                                <span>\r\n                                    01\r\n                                <\/span>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"at-modern-field\">\r\n\r\n                            <label>\r\n                                LAST NAME\r\n                            <\/label>\r\n\r\n                            <div class=\"at-input-wrap\">\r\n\r\n                                <input\r\n                                    type=\"text\"\r\n                                    name=\"last_name\"\r\n                                    placeholder=\"Smith\"\r\n                                    required\r\n                                >\r\n\r\n                                <span>\r\n                                    02\r\n                                <\/span>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- EMAIL \/ PHONE -->\r\n\r\n                    <div class=\"at-modern-row\">\r\n\r\n                        <div class=\"at-modern-field\">\r\n\r\n                            <label>\r\n                                BUSINESS EMAIL\r\n                            <\/label>\r\n\r\n                            <div class=\"at-input-wrap\">\r\n\r\n                                <input\r\n                                    type=\"email\"\r\n                                    name=\"email\"\r\n                                    placeholder=\"john@company.com\"\r\n                                    required\r\n                                >\r\n\r\n                                <span>\r\n                                    @\r\n                                <\/span>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"at-modern-field\">\r\n\r\n                            <label>\r\n                                PHONE\r\n                            <\/label>\r\n\r\n                            <div class=\"at-input-wrap\">\r\n\r\n                                <input\r\n                                    type=\"tel\"\r\n                                    name=\"phone\"\r\n                                    placeholder=\"480-000-0000\"\r\n                                >\r\n\r\n                                <span>\r\n                                    +\r\n                                <\/span>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- SERVICE -->\r\n\r\n                    <div class=\"at-modern-field\">\r\n\r\n                        <label>\r\n                            PROJECT TYPE\r\n                        <\/label>\r\n\r\n                        <div class=\"at-select-wrap\">\r\n\r\n                            <select name=\"service\">\r\n\r\n                                <option value=\"\">\r\n                                    Select your requirement\r\n                                <\/option>\r\n\r\n                                <option>\r\n                                    Structured Cabling\r\n                                <\/option>\r\n\r\n                                <option>\r\n                                    Data Center\r\n                                <\/option>\r\n\r\n                                <option>\r\n                                    Security\r\n                                <\/option>\r\n\r\n                                <option>\r\n                                    Electrical\r\n                                <\/option>\r\n\r\n                                <option>\r\n                                    Audio \/ Visual\r\n                                <\/option>\r\n\r\n                                <option>\r\n                                    Wireless \/ DAS\r\n                                <\/option>\r\n\r\n                                <option>\r\n                                    Other\r\n                                <\/option>\r\n\r\n                            <\/select>\r\n\r\n                            <span class=\"at-select-arrow\">\r\n                                \u2193\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- MESSAGE -->\r\n\r\n                    <div class=\"at-modern-field\">\r\n\r\n                        <label>\r\n                            PROJECT DETAILS\r\n                        <\/label>\r\n\r\n                        <div class=\"at-textarea-wrap\">\r\n\r\n                            <textarea\r\n                                name=\"message\"\r\n                                rows=\"4\"\r\n                                placeholder=\"Tell us about your project, timeline or requirements...\"\r\n                            ><\/textarea>\r\n\r\n                            <span>\r\n                                03\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- SUBMIT -->\r\n\r\n                    <button\r\n                        type=\"submit\"\r\n                        class=\"at-modern-submit\"\r\n                    >\r\n\r\n                        <span>\r\n                            REQUEST A QUOTE\r\n                        <\/span>\r\n\r\n                        <div class=\"at-submit-circle\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n\r\n                                <path\r\n                                    d=\"M5 12H19\"\r\n                                \/>\r\n\r\n                                <path\r\n                                    d=\"M13 6L19 12L13 18\"\r\n                                \/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                    <\/button>\r\n\r\n\r\n                <\/form>\r\n\r\n\r\n                <div class=\"at-form-footer\">\r\n\r\n                    <span>\r\n                        RESPONSE TIME\r\n                    <\/span>\r\n\r\n                    <strong>\r\n                        WITHIN 1 BUSINESS DAY\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\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         LARGE BACKGROUND TEXT\r\n    ====================================================== -->\r\n\r\n    <div class=\"at-background-word\">\r\n        CONNECT\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.at-contact-modern,\r\n.at-contact-modern * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROOT\r\n========================================================= *\/\r\n\r\n.at-contact-modern {\r\n\r\n    --dark: #26343A;\r\n    --primary: #4C5C63;\r\n    --white: #FFFFFF;\r\n    --light: #D2D6D9;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 720px;\r\n\r\n    padding: 90px 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 15% 30%,\r\n            rgba(210,214,217,.09),\r\n            transparent 25%\r\n        ),\r\n        linear-gradient(\r\n            120deg,\r\n            #26343A 0%,\r\n            #4C5C63 55%,\r\n            #34444A 100%\r\n        );\r\n\r\n    color: var(--white);\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.at-contact-grid {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    opacity: .065;\r\n\r\n    background-image:\r\n\r\n        linear-gradient(\r\n            rgba(255,255,255,.7) 1px,\r\n            transparent 1px\r\n        ),\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.7) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 70px 70px;\r\n\r\n    mask-image:\r\n        linear-gradient(\r\n            to right,\r\n            black,\r\n            transparent 85%\r\n        );\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NOISE\r\n========================================================= *\/\r\n\r\n.at-contact-noise {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    opacity: .025;\r\n\r\n    pointer-events: none;\r\n\r\n    background-image:\r\n        radial-gradient(\r\n            rgba(255,255,255,.8) .5px,\r\n            transparent .5px\r\n        );\r\n\r\n    background-size: 5px 5px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORBS\r\n========================================================= *\/\r\n\r\n.at-contact-orb {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n\r\n    filter: blur(2px);\r\n\r\n}\r\n\r\n\r\n.at-orb-one {\r\n\r\n    width: 360px;\r\n\r\n    height: 360px;\r\n\r\n    right: -170px;\r\n\r\n    top: -170px;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.15);\r\n\r\n    box-shadow:\r\n        0 0 0 45px rgba(255,255,255,.025),\r\n        0 0 0 90px rgba(255,255,255,.018),\r\n        0 0 0 135px rgba(255,255,255,.01);\r\n\r\n    animation:\r\n        atOrbFloat 8s ease-in-out infinite;\r\n\r\n}\r\n\r\n\r\n.at-orb-two {\r\n\r\n    width: 180px;\r\n\r\n    height: 180px;\r\n\r\n    left: -90px;\r\n\r\n    bottom: -80px;\r\n\r\n    background:\r\n        rgba(210,214,217,.04);\r\n\r\n    animation:\r\n        atOrbFloat 7s ease-in-out infinite reverse;\r\n\r\n}\r\n\r\n\r\n@keyframes atOrbFloat {\r\n\r\n    0%,\r\n    100% {\r\n\r\n        transform:\r\n            translate3d(0,0,0);\r\n\r\n    }\r\n\r\n    50% {\r\n\r\n        transform:\r\n            translate3d(0,18px,0);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAPPER\r\n========================================================= *\/\r\n\r\n.at-contact-wrap {\r\n\r\n    position: relative;\r\n\r\n    z-index: 5;\r\n\r\n    width:\r\n        min(\r\n            1200px,\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, .9fr)\r\n        55px\r\n        minmax(0, 1.1fr);\r\n\r\n    align-items: center;\r\n\r\n    gap: 35px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT\r\n========================================================= *\/\r\n\r\n.at-contact-left {\r\n\r\n    position: relative;\r\n\r\n    z-index: 3;\r\n\r\n}\r\n\r\n\r\n.at-contact-kicker {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n\r\n    margin-bottom: 35px;\r\n\r\n    color: var(--light);\r\n\r\n    font-size: 9px;\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.at-kicker-line {\r\n\r\n    width: 35px;\r\n\r\n    height: 1px;\r\n\r\n    background: var(--light);\r\n\r\n}\r\n\r\n\r\n.at-kicker-number {\r\n\r\n    margin-left: 8px;\r\n\r\n    opacity: .35;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.at-contact-title-wrap {\r\n\r\n    position: relative;\r\n\r\n    margin-bottom: 26px;\r\n\r\n}\r\n\r\n\r\n.at-big-label {\r\n\r\n    margin-left: 5px;\r\n\r\n    color:\r\n        rgba(255,255,255,.25);\r\n\r\n    font-size: 16px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 8px;\r\n\r\n    line-height: 1;\r\n\r\n}\r\n\r\n\r\n.at-contact-title-wrap h2 {\r\n\r\n    margin: -4px 0 0 !important;\r\n\r\n    padding: 0 !important;\r\n\r\n    color:\r\n        var(--white) !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            82px,\r\n            9vw,\r\n            125px\r\n        ) !important;\r\n\r\n    line-height: .85 !important;\r\n\r\n    font-weight: 800 !important;\r\n\r\n    letter-spacing: -7px !important;\r\n\r\n}\r\n\r\n\r\n.at-contact-title-wrap h2 span {\r\n\r\n    color:\r\n        var(--light);\r\n\r\n}\r\n\r\n\r\n.at-title-line {\r\n\r\n    width: 85px;\r\n\r\n    height: 5px;\r\n\r\n    margin-top: 20px;\r\n\r\n    background:\r\n        var(--white);\r\n\r\n    border-radius: 20px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.at-contact-description {\r\n\r\n    max-width: 455px;\r\n\r\n    margin: 0 0 28px !important;\r\n\r\n    color:\r\n        rgba(255,255,255,.68) !important;\r\n\r\n    font-size: 13px !important;\r\n\r\n    line-height: 1.8 !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT CHIPS\r\n========================================================= *\/\r\n\r\n.at-contact-info {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 9px;\r\n\r\n}\r\n\r\n\r\n.at-contact-chip {\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    width: 100%;\r\n\r\n    max-width: 455px;\r\n\r\n    padding: 9px 12px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.10);\r\n\r\n    border-radius: 11px;\r\n\r\n    background:\r\n        rgba(255,255,255,.035);\r\n\r\n    color: var(--white);\r\n\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n        .35s ease;\r\n\r\n}\r\n\r\n\r\n.at-contact-chip:hover {\r\n\r\n    transform:\r\n        translateX(7px);\r\n\r\n    border-color:\r\n        rgba(255,255,255,.28);\r\n\r\n    background:\r\n        rgba(255,255,255,.09);\r\n\r\n}\r\n\r\n\r\n.at-chip-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: 38px;\r\n\r\n    height: 38px;\r\n\r\n    flex: 0 0 38px;\r\n\r\n    border-radius: 8px;\r\n\r\n    background:\r\n        rgba(255,255,255,.07);\r\n\r\n    color:\r\n        var(--light);\r\n\r\n}\r\n\r\n\r\n.at-chip-icon svg {\r\n\r\n    width: 18px;\r\n\r\n    height: 18px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\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\r\n.at-chip-text {\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n\r\n.at-chip-text small {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 2px;\r\n\r\n    color:\r\n        rgba(255,255,255,.42);\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.6px;\r\n\r\n}\r\n\r\n\r\n.at-chip-text strong {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        var(--white);\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.4;\r\n\r\n    font-weight: 600;\r\n\r\n}\r\n\r\n\r\n.at-chip-arrow {\r\n\r\n    margin-left: auto;\r\n\r\n    color:\r\n        rgba(255,255,255,.35);\r\n\r\n    font-size: 18px;\r\n\r\n    transition:\r\n        .3s ease;\r\n\r\n}\r\n\r\n\r\n.at-contact-chip:hover\r\n.at-chip-arrow {\r\n\r\n    color: var(--white);\r\n\r\n    transform:\r\n        translate(3px,-3px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM\r\n========================================================= *\/\r\n\r\n.at-contact-bottom {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 7px;\r\n\r\n    margin-top: 25px;\r\n\r\n    color:\r\n        rgba(255,255,255,.4);\r\n\r\n    font-size: 8px;\r\n\r\n    letter-spacing: 1.3px;\r\n\r\n}\r\n\r\n\r\n.at-contact-bottom strong {\r\n\r\n    color:\r\n        var(--light);\r\n\r\n    font-weight: 700;\r\n\r\n}\r\n\r\n\r\n.at-bottom-dot {\r\n\r\n    width: 6px;\r\n\r\n    height: 6px;\r\n\r\n    margin-right: 3px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        var(--white);\r\n\r\n    box-shadow:\r\n        0 0 0 5px\r\n        rgba(255,255,255,.07);\r\n\r\n    animation:\r\n        atDotPulse 2s infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes atDotPulse {\r\n\r\n    0%,\r\n    100% {\r\n\r\n        box-shadow:\r\n            0 0 0 4px\r\n            rgba(255,255,255,.07);\r\n\r\n    }\r\n\r\n    50% {\r\n\r\n        box-shadow:\r\n            0 0 0 8px\r\n            rgba(255,255,255,.02);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DIVIDER\r\n========================================================= *\/\r\n\r\n.at-contact-divider {\r\n\r\n    position: relative;\r\n\r\n    height: 430px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n}\r\n\r\n\r\n.at-contact-divider::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n\r\n    bottom: 0;\r\n\r\n    left: 50%;\r\n\r\n    width: 1px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to bottom,\r\n            transparent,\r\n            rgba(255,255,255,.22),\r\n            transparent\r\n        );\r\n\r\n}\r\n\r\n\r\n.at-divider-dot {\r\n\r\n    position: absolute;\r\n\r\n    left: calc(50% - 3px);\r\n\r\n    top: 20%;\r\n\r\n    width: 7px;\r\n\r\n    height: 7px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        var(--white);\r\n\r\n    box-shadow:\r\n        0 0 0 6px\r\n        rgba(255,255,255,.08);\r\n\r\n    animation:\r\n        atDividerMove 4s ease-in-out infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes atDividerMove {\r\n\r\n    0%,\r\n    100% {\r\n\r\n        top: 18%;\r\n\r\n    }\r\n\r\n    50% {\r\n\r\n        top: 78%;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n.at-divider-text {\r\n\r\n    position: absolute;\r\n\r\n    width: 100px;\r\n\r\n    color:\r\n        rgba(255,255,255,.25);\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.5px;\r\n\r\n    writing-mode:\r\n        vertical-rl;\r\n\r\n    transform:\r\n        rotate(180deg);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM CARD\r\n========================================================= *\/\r\n\r\n.at-form-card {\r\n\r\n    position: relative;\r\n\r\n    padding:\r\n        31px 31px 22px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.17);\r\n\r\n    border-radius: 22px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(255,255,255,.105),\r\n            rgba(255,255,255,.035)\r\n        );\r\n\r\n    box-shadow:\r\n        0 30px 80px\r\n        rgba(0,0,0,.24);\r\n\r\n    backdrop-filter:\r\n        blur(22px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(22px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM TOP\r\n========================================================= *\/\r\n\r\n.at-form-top {\r\n\r\n    display: flex;\r\n\r\n    justify-content: space-between;\r\n\r\n    align-items: flex-start;\r\n\r\n    gap: 20px;\r\n\r\n    margin-bottom: 20px;\r\n\r\n}\r\n\r\n\r\n.at-form-kicker {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 7px;\r\n\r\n    color:\r\n        rgba(255,255,255,.45);\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2px;\r\n\r\n}\r\n\r\n\r\n.at-form-top h3 {\r\n\r\n    max-width: 360px;\r\n\r\n    margin: 0 !important;\r\n\r\n    color:\r\n        var(--white) !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: 27px !important;\r\n\r\n    line-height: 1.12 !important;\r\n\r\n    font-weight: 700 !important;\r\n\r\n    letter-spacing: -1.2px !important;\r\n\r\n}\r\n\r\n\r\n.at-form-top h3 em {\r\n\r\n    color:\r\n        var(--light);\r\n\r\n    font-style: normal;\r\n\r\n}\r\n\r\n\r\n.at-form-index {\r\n\r\n    color:\r\n        rgba(255,255,255,.16);\r\n\r\n    font-family:\r\n        \"Plus Jakarta Sans\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 32px;\r\n\r\n    font-weight: 800;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROGRESS\r\n========================================================= *\/\r\n\r\n.at-form-progress {\r\n\r\n    width: 100%;\r\n\r\n    height: 2px;\r\n\r\n    margin-bottom: 21px;\r\n\r\n    background:\r\n        rgba(255,255,255,.09);\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n.at-form-progress span {\r\n\r\n    display: block;\r\n\r\n    width: 35%;\r\n\r\n    height: 100%;\r\n\r\n    background:\r\n        var(--light);\r\n\r\n    animation:\r\n        atProgress 3s ease-in-out infinite alternate;\r\n\r\n}\r\n\r\n\r\n@keyframes atProgress {\r\n\r\n    from {\r\n\r\n        transform:\r\n            translateX(-20%);\r\n\r\n    }\r\n\r\n    to {\r\n\r\n        transform:\r\n            translateX(180%);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROW\r\n========================================================= *\/\r\n\r\n.at-modern-row {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1fr 1fr;\r\n\r\n    gap: 12px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FIELD\r\n========================================================= *\/\r\n\r\n.at-modern-field {\r\n\r\n    margin-bottom: 13px;\r\n\r\n}\r\n\r\n\r\n.at-modern-field label {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 6px;\r\n\r\n    color:\r\n        rgba(255,255,255,.47);\r\n\r\n    font-size: 7px;\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\/* =========================================================\r\n   INPUT\r\n========================================================= *\/\r\n\r\n.at-input-wrap,\r\n.at-textarea-wrap,\r\n.at-select-wrap {\r\n\r\n    position: relative;\r\n\r\n}\r\n\r\n\r\n.at-input-wrap input,\r\n.at-select-wrap select,\r\n.at-textarea-wrap textarea {\r\n\r\n    width: 100%;\r\n\r\n    outline: none;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.12);\r\n\r\n    border-radius: 9px;\r\n\r\n    background:\r\n        rgba(0,0,0,.12);\r\n\r\n    color:\r\n        var(--white);\r\n\r\n    font-family:\r\n        inherit;\r\n\r\n    font-size: 11px;\r\n\r\n    transition:\r\n        .3s ease;\r\n\r\n}\r\n\r\n\r\n.at-input-wrap input,\r\n.at-select-wrap select {\r\n\r\n    height: 43px;\r\n\r\n    padding:\r\n        0 39px 0 12px;\r\n\r\n}\r\n\r\n\r\n.at-textarea-wrap textarea {\r\n\r\n    min-height: 83px;\r\n\r\n    padding:\r\n        12px 39px 12px 12px;\r\n\r\n    resize: vertical;\r\n\r\n}\r\n\r\n\r\n.at-input-wrap input::placeholder,\r\n.at-textarea-wrap textarea::placeholder {\r\n\r\n    color:\r\n        rgba(255,255,255,.30);\r\n\r\n}\r\n\r\n\r\n.at-input-wrap span,\r\n.at-textarea-wrap span {\r\n\r\n    position: absolute;\r\n\r\n    top: 50%;\r\n\r\n    right: 11px;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n\r\n    color:\r\n        rgba(255,255,255,.20);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 700;\r\n\r\n}\r\n\r\n\r\n.at-textarea-wrap span {\r\n\r\n    top: 13px;\r\n\r\n    transform: none;\r\n\r\n}\r\n\r\n\r\n.at-input-wrap input:focus,\r\n.at-select-wrap select:focus,\r\n.at-textarea-wrap textarea:focus {\r\n\r\n    border-color:\r\n        rgba(255,255,255,.45);\r\n\r\n    background:\r\n        rgba(255,255,255,.06);\r\n\r\n    box-shadow:\r\n        0 0 0 3px\r\n        rgba(255,255,255,.035);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SELECT\r\n========================================================= *\/\r\n\r\n.at-select-wrap select {\r\n\r\n    appearance: none;\r\n\r\n    -webkit-appearance: none;\r\n\r\n    cursor: pointer;\r\n\r\n}\r\n\r\n\r\n.at-select-wrap select option {\r\n\r\n    background:\r\n        var(--primary);\r\n\r\n    color:\r\n        var(--white);\r\n\r\n}\r\n\r\n\r\n.at-select-arrow {\r\n\r\n    position: absolute;\r\n\r\n    right: 13px;\r\n\r\n    top: 50%;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n\r\n    color:\r\n        rgba(255,255,255,.45);\r\n\r\n    font-size: 12px;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBMIT\r\n========================================================= *\/\r\n\r\n.at-modern-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: 53px;\r\n\r\n    margin-top: 2px;\r\n\r\n    padding:\r\n        0 7px 0 19px;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 50px;\r\n\r\n    background:\r\n        var(--white);\r\n\r\n    color:\r\n        var(--primary);\r\n\r\n    font-family:\r\n        inherit;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.4px;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        .35s ease;\r\n\r\n}\r\n\r\n\r\n.at-submit-circle {\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: 39px;\r\n\r\n    height: 39px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        var(--primary);\r\n\r\n    color:\r\n        var(--white);\r\n\r\n    transition:\r\n        .35s ease;\r\n\r\n}\r\n\r\n\r\n.at-submit-circle 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.at-modern-submit:hover {\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    background:\r\n        var(--light);\r\n\r\n    box-shadow:\r\n        0 15px 35px\r\n        rgba(0,0,0,.22);\r\n\r\n}\r\n\r\n\r\n.at-modern-submit:hover\r\n.at-submit-circle {\r\n\r\n    transform:\r\n        rotate(-8deg)\r\n        scale(1.05);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM FOOTER\r\n========================================================= *\/\r\n\r\n.at-form-footer {\r\n\r\n    display: flex;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 15px;\r\n\r\n    margin-top: 16px;\r\n\r\n    color:\r\n        rgba(255,255,255,.28);\r\n\r\n    font-size: 6px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.3px;\r\n\r\n}\r\n\r\n\r\n.at-form-footer strong {\r\n\r\n    color:\r\n        rgba(255,255,255,.45);\r\n\r\n    font-weight: 700;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND WORD\r\n========================================================= *\/\r\n\r\n.at-background-word {\r\n\r\n    position: absolute;\r\n\r\n    right: -25px;\r\n\r\n    bottom: -42px;\r\n\r\n    color:\r\n        rgba(255,255,255,.025);\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(\r\n            100px,\r\n            17vw,\r\n            240px\r\n        );\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing:\r\n        -12px;\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    .at-contact-modern {\r\n\r\n        padding:\r\n            75px 0;\r\n\r\n    }\r\n\r\n\r\n    .at-contact-wrap {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 42px;\r\n\r\n        max-width: 760px;\r\n\r\n    }\r\n\r\n\r\n    .at-contact-left {\r\n\r\n        max-width: 650px;\r\n\r\n    }\r\n\r\n\r\n    .at-contact-description {\r\n\r\n        max-width: 600px;\r\n\r\n    }\r\n\r\n\r\n    .at-contact-chip {\r\n\r\n        max-width: 600px;\r\n\r\n    }\r\n\r\n\r\n    .at-contact-divider {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    .at-form-card {\r\n\r\n        max-width: 700px;\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    .at-contact-modern {\r\n\r\n        min-height: auto;\r\n\r\n        padding:\r\n            58px 0 62px;\r\n\r\n    }\r\n\r\n\r\n    .at-contact-wrap {\r\n\r\n        width:\r\n            calc(100% - 28px);\r\n\r\n        gap: 34px;\r\n\r\n    }\r\n\r\n\r\n    .at-contact-kicker {\r\n\r\n        margin-bottom: 27px;\r\n\r\n        font-size: 8px;\r\n\r\n        letter-spacing: 1.8px;\r\n\r\n    }\r\n\r\n\r\n    .at-kicker-line {\r\n\r\n        width: 25px;\r\n\r\n    }\r\n\r\n\r\n    .at-big-label {\r\n\r\n        font-size: 11px;\r\n\r\n        letter-spacing: 5px;\r\n\r\n    }\r\n\r\n\r\n    .at-contact-title-wrap h2 {\r\n\r\n        font-size:\r\n            clamp(\r\n                72px,\r\n                22vw,\r\n                100px\r\n            ) !important;\r\n\r\n        letter-spacing:\r\n            -5px !important;\r\n\r\n    }\r\n\r\n\r\n    .at-title-line {\r\n\r\n        width: 55px;\r\n\r\n        height: 4px;\r\n\r\n        margin-top: 14px;\r\n\r\n    }\r\n\r\n\r\n    .at-contact-description {\r\n\r\n        margin-top: 20px !important;\r\n\r\n        font-size: 12px !important;\r\n\r\n        line-height: 1.7 !important;\r\n\r\n    }\r\n\r\n\r\n    .at-contact-chip {\r\n\r\n        padding:\r\n            8px;\r\n\r\n    }\r\n\r\n\r\n    .at-chip-icon {\r\n\r\n        width: 35px;\r\n\r\n        height: 35px;\r\n\r\n        flex-basis: 35px;\r\n\r\n    }\r\n\r\n\r\n    .at-chip-text strong {\r\n\r\n        font-size: 10px;\r\n\r\n    }\r\n\r\n\r\n    .at-chip-text small {\r\n\r\n        font-size: 6px;\r\n\r\n    }\r\n\r\n\r\n    .at-contact-bottom {\r\n\r\n        font-size: 7px;\r\n\r\n    }\r\n\r\n\r\n    .at-form-card {\r\n\r\n        padding:\r\n            23px 17px 18px;\r\n\r\n        border-radius: 16px;\r\n\r\n    }\r\n\r\n\r\n    .at-form-top h3 {\r\n\r\n        font-size:\r\n            21px !important;\r\n\r\n    }\r\n\r\n\r\n    .at-form-index {\r\n\r\n        font-size: 25px;\r\n\r\n    }\r\n\r\n\r\n    .at-modern-row {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 0;\r\n\r\n    }\r\n\r\n\r\n    .at-modern-field {\r\n\r\n        margin-bottom: 12px;\r\n\r\n    }\r\n\r\n\r\n    .at-input-wrap input,\r\n    .at-select-wrap select {\r\n\r\n        height: 44px;\r\n\r\n    }\r\n\r\n\r\n    .at-textarea-wrap textarea {\r\n\r\n        min-height: 90px;\r\n\r\n    }\r\n\r\n\r\n    .at-modern-submit {\r\n\r\n        height: 50px;\r\n\r\n    }\r\n\r\n\r\n    .at-submit-circle {\r\n\r\n        width: 37px;\r\n\r\n        height: 37px;\r\n\r\n    }\r\n\r\n\r\n    .at-form-footer {\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n        gap: 5px;\r\n\r\n        line-height: 1.4;\r\n\r\n    }\r\n\r\n\r\n    .at-background-word {\r\n\r\n        right: -20px;\r\n\r\n        bottom: -15px;\r\n\r\n        font-size: 95px;\r\n\r\n        letter-spacing: -7px;\r\n\r\n    }\r\n\r\n\r\n    .at-orb-one {\r\n\r\n        width: 250px;\r\n\r\n        height: 250px;\r\n\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    .at-contact-modern *,\r\n    .at-contact-modern *::before,\r\n    .at-contact-modern *::after {\r\n\r\n        animation-duration: .01ms !important;\r\n\r\n        animation-iteration-count: 1 !important;\r\n\r\n        transition-duration: .01ms !important;\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 initAspenModernContact() {\r\n\r\n        const section =\r\n            document.querySelector(\r\n                \".at-contact-modern\"\r\n            );\r\n\r\n        if (!section) {\r\n            return;\r\n        }\r\n\r\n        if (\r\n            section.dataset.initialized ===\r\n            \"true\"\r\n        ) {\r\n            return;\r\n        }\r\n\r\n        section.dataset.initialized =\r\n            \"true\";\r\n\r\n\r\n        \/* =================================================\r\n           FORM SUBMIT MICRO INTERACTION\r\n        ================================================= *\/\r\n\r\n        const form =\r\n            section.querySelector(\r\n                \".at-modern-form\"\r\n            );\r\n\r\n        const button =\r\n            section.querySelector(\r\n                \".at-modern-submit\"\r\n            );\r\n\r\n\r\n        if (form && button) {\r\n\r\n            form.addEventListener(\r\n                \"submit\",\r\n                function () {\r\n\r\n                    button.classList.add(\r\n                        \"is-submitting\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           INPUT ACTIVE EFFECT\r\n        ================================================= *\/\r\n\r\n        const inputs =\r\n            section.querySelectorAll(\r\n                \"input, textarea, select\"\r\n            );\r\n\r\n\r\n        inputs.forEach(\r\n            function (input) {\r\n\r\n                input.addEventListener(\r\n                    \"focus\",\r\n                    function () {\r\n\r\n                        const field =\r\n                            input.closest(\r\n                                \".at-modern-field\"\r\n                            );\r\n\r\n                        if (field) {\r\n\r\n                            field.classList.add(\r\n                                \"is-active\"\r\n                            );\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                input.addEventListener(\r\n                    \"blur\",\r\n                    function () {\r\n\r\n                        const field =\r\n                            input.closest(\r\n                                \".at-modern-field\"\r\n                            );\r\n\r\n                        if (field) {\r\n\r\n                            field.classList.remove(\r\n                                \"is-active\"\r\n                            );\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\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            initAspenModernContact\r\n        );\r\n\r\n    } else {\r\n\r\n        initAspenModernContact();\r\n\r\n    }\r\n\r\n\r\n    \/* Elementor support *\/\r\n\r\n    if (window.jQuery) {\r\n\r\n        jQuery(window).on(\r\n            \"elementor\/frontend\/init\",\r\n            function () {\r\n\r\n                setTimeout(\r\n                    initAspenModernContact,\r\n                    150\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\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:\/\/aspenwp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aspenwp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aspenwp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aspenwp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aspenwp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":115,"href":"https:\/\/aspenwp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":195,"href":"https:\/\/aspenwp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/195"}],"wp:attachment":[{"href":"https:\/\/aspenwp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}