.elementor-1255 .elementor-element.elementor-element-f6a4735{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1255 .elementor-element.elementor-element-f6a4735:not(.elementor-motion-effects-element-type-background), .elementor-1255 .elementor-element.elementor-element-f6a4735 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c45b2d0 );}.elementor-1255 .elementor-element.elementor-element-dba122c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1255 .elementor-element.elementor-element-dba122c:not(.elementor-motion-effects-element-type-background), .elementor-1255 .elementor-element.elementor-element-dba122c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}.elementor-1255 .elementor-element.elementor-element-7d88de6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1255 .elementor-element.elementor-element-7d88de6:not(.elementor-motion-effects-element-type-background), .elementor-1255 .elementor-element.elementor-element-7d88de6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}.elementor-1255 .elementor-element.elementor-element-c54053c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1255 .elementor-element.elementor-element-c54053c:not(.elementor-motion-effects-element-type-background), .elementor-1255 .elementor-element.elementor-element-c54053c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}@media(min-width:768px){.elementor-1255 .elementor-element.elementor-element-f6a4735{--content-width:100%;}.elementor-1255 .elementor-element.elementor-element-dba122c{--content-width:100%;}.elementor-1255 .elementor-element.elementor-element-7d88de6{--content-width:100%;}.elementor-1255 .elementor-element.elementor-element-c54053c{--content-width:100%;}}@media(max-width:1366px){.elementor-1255 .elementor-element.elementor-element-f6a4735{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-1255 .elementor-element.elementor-element-dba122c{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-1255 .elementor-element.elementor-element-7d88de6{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-1255 .elementor-element.elementor-element-c54053c{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-1255 .elementor-element.elementor-element-f6a4735{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-1255 .elementor-element.elementor-element-dba122c{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-1255 .elementor-element.elementor-element-7d88de6{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-1255 .elementor-element.elementor-element-c54053c{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for container, class: .elementor-element-f6a4735 *//* ==========================================================================
   BrandGo Laptop Compact — Case Study Hero
   ========================================================================== */

@media (min-width: 768px) and (max-width: 1440px),
       (min-width: 768px) and (max-height: 850px) {

    .elementor-1255 .elementor-element.elementor-element-f6a4735 .brandgo-hero-container {
        gap: clamp(28px, 4vw, 42px) !important;
        padding-top: clamp(56px, 8vh, 84px) !important;
        padding-bottom: clamp(56px, 8vh, 84px) !important;
        padding-left: 5% !important;
        padding-right: 5% !important;
    }

    .elementor-1255 .elementor-element.elementor-element-f6a4735 .brandgo-hero-heading {
        font-size: clamp(38px, 5vw, 64px) !important;
        line-height: 0.95 !important;
    }

    .elementor-1255 .elementor-element.elementor-element-f6a4735 .brandgo-heading-entrance {
        margin-bottom: clamp(8px, 1.4vh, 12px) !important;
    }

    .elementor-1255 .elementor-element.elementor-element-f6a4735 .brandgo-hero-subtitle {
        font-size: clamp(15px, 1.2vw, 18px) !important;
        line-height: 1.25 !important;
        margin-bottom: clamp(12px, 2vh, 16px) !important;
    }

    .elementor-1255 .elementor-element.elementor-element-f6a4735 .brandgo-hero-text {
        font-size: clamp(14px, 1.1vw, 16px) !important;
        line-height: 1.48 !important;
        max-width: 680px !important;
    }

    .elementor-1255 .elementor-element.elementor-element-f6a4735 .brandgo-hero-media-wrapper {
        max-width: clamp(320px, 34vw, 460px) !important;
        justify-self: end !important;
    }

    .elementor-1255 .elementor-element.elementor-element-f6a4735 .brandgo-hero-image {
        border-radius: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c1f680 *//* ==========================================================================
   BrandGo Laptop Compact — Matrix Tabs
   Keeps the case study .elementor-1255 .elementor-element.elementor-element-8c1f680 proportional on laptop-sized viewports.
   ========================================================================== */

@media (min-width: 769px) and (max-width: 1440px),
       (min-width: 769px) and (max-height: 850px) {

    .elementor-1255 .elementor-element.elementor-element-8c1f680 .brandgo-matrix-wrapper {
        grid-template-columns: 190px 1fr !important;
        gap: clamp(28px, 3vw, 40px) !important;
        max-width: 1040px !important;
        padding-top: clamp(36px, 6vh, 52px) !important;
        padding-bottom: clamp(36px, 6vh, 52px) !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .elementor-1255 .elementor-element.elementor-element-8c1f680 .brandgo-matrix-nav {
        top: 160px !important;
        gap: 7px !important;
    }

    .elementor-1255 .elementor-element.elementor-element-8c1f680 .brandgo-matrix-btn {
        padding: 10px 13px !important;
        border-radius: 8px !important;
        gap: 3px !important;
    }

    .elementor-1255 .elementor-element.elementor-element-8c1f680 .brandgo-matrix-title {
        font-size: 13px !important;
        line-height: 1.2 !important;
    }

    .elementor-1255 .elementor-element.elementor-element-8c1f680 .brandgo-matrix-status {
        font-size: 9px !important;
        line-height: 1.2 !important;
        letter-spacing: 0.4px !important;
    }

    .elementor-1255 .elementor-element.elementor-element-8c1f680 .brandgo-matrix-content {
        transform: translateY(20px) !important;
    }

    .elementor-1255 .elementor-element.elementor-element-8c1f680 .brandgo-matrix-wrapper.is-in-viewport .brandgo-matrix-content {
        transform: translateY(0) !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d88de6 *//* ==========================================================================
   BrandGo Laptop Compact — Arsenal Grid
   Keeps the digital system cards balanced on laptop-sized viewports.
   ========================================================================== */

@media (min-width: 993px) and (max-width: 1440px),
       (min-width: 993px) and (max-height: 850px) {

    .elementor-1255 .elementor-element.elementor-element-7d88de6 .brandgo-arsenal-wrapper {
        max-width: 1040px !important;
        padding-top: clamp(64px, 8vh, 82px) !important;
        padding-bottom: clamp(64px, 8vh, 82px) !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .elementor-1255 .elementor-element.elementor-element-7d88de6 .brandgo-arsenal-header {
        margin-bottom: clamp(34px, 5vh, 44px) !important;
    }

    .elementor-1255 .elementor-element.elementor-element-7d88de6 .brandgo-arsenal-tag {
        font-size: 11px !important;
        letter-spacing: 2.2px !important;
    }

    .elementor-1255 .elementor-element.elementor-element-7d88de6 .brandgo-arsenal-title {
        font-size: clamp(30px, 3.1vw, 38px) !important;
        line-height: 1.08 !important;
        margin-top: 12px !important;
        margin-bottom: 12px !important;
    }

    .elementor-1255 .elementor-element.elementor-element-7d88de6 .brandgo-arsenal-subtitle {
        font-size: clamp(14px, 1.15vw, 16px) !important;
        line-height: 1.45 !important;
        max-width: 560px !important;
    }

    .elementor-1255 .elementor-element.elementor-element-7d88de6 .brandgo-arsenal-grid {
        gap: clamp(14px, 1.8vw, 18px) !important;
    }

    .elementor-1255 .elementor-element.elementor-element-7d88de6 .brandgo-card {
        padding: clamp(24px, 2.6vw, 30px) clamp(22px, 2.4vw, 26px) !important;
        border-radius: 18px !important;
    }

    .elementor-1255 .elementor-element.elementor-element-7d88de6 .brandgo-card-icon {
        width: clamp(32px, 3vw, 36px) !important;
        height: clamp(32px, 3vw, 36px) !important;
        margin-bottom: clamp(18px, 2.6vh, 24px) !important;
    }

    .elementor-1255 .elementor-element.elementor-element-7d88de6 .brandgo-card-body h3 {
        font-size: clamp(17px, 1.45vw, 19px) !important;
        line-height: 1.2 !important;
        margin-bottom: 9px !important;
    }

    .elementor-1255 .elementor-element.elementor-element-7d88de6 .brandgo-card-body p {
        font-size: clamp(12.5px, 1vw, 13.5px) !important;
        line-height: 1.45 !important;
        margin-bottom: clamp(16px, 2.4vh, 20px) !important;
    }

    .elementor-1255 .elementor-element.elementor-element-7d88de6 .brandgo-card-tags {
        gap: 7px !important;
    }

    .elementor-1255 .elementor-element.elementor-element-7d88de6 .brandgo-card-tags li {
        font-size: 9px !important;
        padding: 5px 11px !important;
        letter-spacing: 0.35px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c54053c *//* ==========================================================================
   BrandGo Laptop Compact — Plasma CTA
   Keeps the final CTA visually aligned with the main-site laptop scale.
   ========================================================================== */

@media (min-width: 769px) and (max-width: 1440px),
       (min-width: 769px) and (max-height: 850px) {

    .elementor-1255 .elementor-element.elementor-element-c54053c .brandgo-cta-wrapper {
        padding-top: clamp(72px, 9vh, 96px) !important;
        padding-bottom: clamp(72px, 9vh, 96px) !important;
    }

    .elementor-1255 .elementor-element.elementor-element-c54053c .brandgo-cta-container {
        max-width: 720px !important;
    }

    .elementor-1255 .elementor-element.elementor-element-c54053c .brandgo-cta-box {
        padding: clamp(42px, 5vw, 52px) clamp(28px, 4vw, 36px) !important;
        border-radius: 22px !important;
    }

    .elementor-1255 .elementor-element.elementor-element-c54053c .brandgo-cta-tag {
        font-size: 11px !important;
        letter-spacing: 1.6px !important;
        margin-bottom: clamp(16px, 2.4vh, 20px) !important;
        padding: 5px 13px !important;
    }

    .elementor-1255 .elementor-element.elementor-element-c54053c .brandgo-cta-title {
        font-size: clamp(30px, 3.1vw, 40px) !important;
        line-height: 1.08 !important;
        margin-bottom: clamp(14px, 2vh, 18px) !important;
    }

    .elementor-1255 .elementor-element.elementor-element-c54053c .brandgo-cta-text {
        font-size: clamp(14px, 1.15vw, 16px) !important;
        line-height: 1.48 !important;
        max-width: 560px !important;
        margin-bottom: clamp(24px, 4vh, 32px) !important;
    }

    .elementor-1255 .elementor-element.elementor-element-c54053c .brandgo-cta-disclaimer {
        font-size: 11px !important;
        margin-top: clamp(18px, 2.6vh, 22px) !important;
        letter-spacing: 0.8px !important;
    }

    .elementor-1255 .elementor-element.elementor-element-c54053c .brandgo-cta-box > p:last-child {
        margin-top: 12px !important;
        font-size: 10.5px !important;
        line-height: 1.45 !important;
        max-width: 420px !important;
    }

    .elementor-1255 .elementor-element.elementor-element-c54053c .plasma-particle {
        filter: blur(36px) !important;
    }

    .elementor-1255 .elementor-element.elementor-element-c54053c .particle-1,
    .elementor-1255 .elementor-element.elementor-element-c54053c .particle-5,
    .elementor-1255 .elementor-element.elementor-element-c54053c .particle-7 {
        transform: scale(0.85) !important;
    }

    .elementor-1255 .elementor-element.elementor-element-c54053c .particle-2,
    .elementor-1255 .elementor-element.elementor-element-c54053c .particle-4,
    .elementor-1255 .elementor-element.elementor-element-c54053c .particle-6,
    .elementor-1255 .elementor-element.elementor-element-c54053c .particle-8 {
        transform: scale(0.82) !important;
    }
}/* End custom CSS */