.elementor-936 .elementor-element.elementor-element-2d652fea{--display:flex;--min-height:100vh;--justify-content:center;--overflow:hidden;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-936 .elementor-element.elementor-element-2d652fea:not(.elementor-motion-effects-element-type-background), .elementor-936 .elementor-element.elementor-element-2d652fea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-936 .elementor-element.elementor-element-7ad07f03{--display:flex;}.elementor-936 .elementor-element.elementor-element-123d81af{text-align:center;}.elementor-936 .elementor-element.elementor-element-123d81af .elementor-heading-title{text-transform:capitalize;}.elementor-936 .elementor-element.elementor-element-79d150df{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-936 .elementor-element.elementor-element-7d699d95{text-align:center;}.elementor-936 .elementor-element.elementor-element-7d699d95 .elementor-heading-title{font-size:61px;text-transform:capitalize;color:#FFFFFF;}.elementor-936 .elementor-element.elementor-element-d9bf547{text-align:center;}.elementor-936 .elementor-element.elementor-element-d9bf547 .elementor-heading-title{font-size:61px;text-transform:capitalize;color:#FFFFFF;}.elementor-936 .elementor-element.elementor-element-51e6cff4{--display:flex;--margin-top:25px;--margin-bottom:25px;--margin-left:25px;--margin-right:25px;}.elementor-936 .elementor-element.elementor-element-1cb955fd{text-align:center;font-size:18px;color:#FFFFFF;}.elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion{flex-direction:unset;height:60vh;grid-gap:0px;}.elementor-936 .elementor-element.elementor-element-4e417951{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 50px;}.elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion-content{width:100px;}.elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion-item.active{flex:6;}.elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion-lightbox{right:0;bottom:0;}.elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion-item:before{background:#02010100;}.elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion-item.bdt-inactive:before{background:#0000003D;}.elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion-item.bdt-inactive .bdt-ep-image-accordion-img:before{background:#0000003D;}.elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion-item:after{width:0;right:0;--ep-divider-width:0;--ep-divider-bottom:-0;}.elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion-lightbox i, .elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion-lightbox span{color:#FFFFFF;}.elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion-lightbox span.bdt-text, .elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion-lightbox i{text-decoration:none;}.elementor-936 .elementor-element.elementor-element-a0ee6b4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-936 .elementor-element.elementor-element-07e6d26 .elementor-button{text-decoration:none;fill:#FFFFFF;color:#FFFFFF;}@media(max-width:1024px){.elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion{flex-direction:unset;}.elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion-item.active{flex:6;}}@media(max-width:767px){.elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion{flex-direction:unset;}.elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion-item.active{flex:10;}}/* Start custom CSS for heading, class: .elementor-element-123d81af */.elementor-936 .elementor-element.elementor-element-123d81af .elementor-heading-title {
    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #dfe2e5 20%,
        #858b93 42%,
        #f7f8f9 52%,
        #a2a7ae 68%,
        #555b63 85%,
        #cdd1d5 100%
    );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
    color: transparent;

    filter: drop-shadow(
        0 2px 4px rgba(0, 0, 0, 0.35)
    );
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7d699d95 */.elementor-936 .elementor-element.elementor-element-7d699d95 .elementor-heading-title {
    display: inline-block;
    margin: 0;

    background: linear-gradient(
        90deg,
        #00D4FF 0%,
        #168BFF 30%,
        #635BFF 65%,
        #C63CFF 100%
    );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
    color: transparent;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51e6cff4 */.elementor-936 .elementor-element.elementor-element-51e6cff4 {
    position: relative;

    width: 220px;
    height: 8px;

    margin-left: auto;
    margin-right: auto;

    background: transparent;
}


/* MAIN GRADIENT LINE */
.elementor-936 .elementor-element.elementor-element-51e6cff4::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 100%;
    height: 2px;

    transform: translateY(-50%);

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(0, 170, 255, 0.35) 12%,
        #00D9FF 32%,
        #5D8BFF 52%,
        #8D5CFF 70%,
        rgba(160, 70, 255, 0.35) 88%,
        transparent 100%
    );

    box-shadow:
        0 0 5px rgba(0, 217, 255, 0.55),
        0 0 12px rgba(70, 130, 255, 0.25);
}


/* CENTER LIGHT */
.elementor-936 .elementor-element.elementor-element-51e6cff4::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 7px;
    height: 7px;

    transform:
        translate(-50%, -50%)
        rotate(45deg);

    background: #DDFBFF;

    border: 1px solid #62E8FF;

    box-shadow:
        0 0 5px #9CF4FF,
        0 0 12px rgba(0, 210, 255, 0.75),
        0 0 22px rgba(80, 100, 255, 0.40);
}/* End custom CSS */
/* Start custom CSS for bdt-image-accordion, class: .elementor-element-4e417951 *//* ========================================
   ELEMENT PACK IMAGE ACCORDION
   FUTURISTIC CLEAN STYLE
   + WIDER INACTIVE CARDS
   + SMOOTH EXPANSION
   + SOFT NEON
   + 3D SIDE TILT
======================================== */


/* Allow glow outside the accordion */
.elementor-936 .elementor-element.elementor-element-4e417951,
.elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion,
.elementor-936 .elementor-element.elementor-element-4e417951 .elementor-widget-container {
    overflow: visible !important;
}


/* Create subtle 3D space */
.elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion {
    perspective: 1400px;
    perspective-origin: center center;

    padding-top: 24px;
    padding-bottom: 45px;
}


/* ========================================
   NORMAL / INACTIVE CARDS
======================================== */

.elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion-item {
    position: relative;
    z-index: 1;

    /* Premium rounded shape */
    border-radius: 22px;

    /* Keep inactive cards properly visible */
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: 250px !important;

    width: 250px !important;
    height: 100%;

    /* Image treatment */
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    border:
        1px solid rgba(45, 105, 180, 0.22);

    /* Secondary / inactive appearance */
    filter:
        brightness(0.62)
        saturate(0.82);

    /* Futuristic slight side tilt */
    transform:
        perspective(1400px)
        rotateY(3deg)
        scale(0.97);

    transform-origin: center center;

    /* Subtle depth */
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.30);

    /* Smooth opening / closing */
    transition:
        flex-basis 0.80s cubic-bezier(0.22, 1, 0.36, 1),
        width 0.80s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.60s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.55s ease,
        box-shadow 0.55s ease,
        border-color 0.55s ease !important;
}


/* Make Element Pack overlays follow card radius */
.elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion-item::before,
.elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion-item::after {
    border-radius: 22px;
}


/* ========================================
   ACTIVE / EXPANDED CARD
======================================== */

.elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion-item.active {
    z-index: 30 !important;

    /* Large readable active slide */
    flex-grow: 5 !important;
    flex-shrink: 0 !important;
    flex-basis:950px !important;

    width: auto !important;

    /* Restore full visual quality */
    filter:
        brightness(1)
        saturate(1);

    /* Active card straightens and floats */
    transform:
        perspective(1400px)
        rotateY(0deg)
        translateY(-8px)
        scale(1.01);

    border-color:
        rgba(120, 220, 255, 0.82);

    /* Medium soft pale-blue neon */
    box-shadow:
        0 16px 35px rgba(0, 0, 0, 0.38),

        0 0 4px rgba(180, 240, 255, 0.60),

        0 0 12px 2px rgba(100, 210, 255, 0.32),

        0 0 24px 4px rgba(45, 150, 255, 0.17),

        0 0 38px 6px rgba(70, 100, 255, 0.07);
}


/* ========================================
   ACTIVE CARD HOVER
======================================== */

.elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion-item.active:hover {

    transform:
        perspective(1400px)
        rotateY(0deg)
        translateY(-11px)
        scale(1.08);

    filter:
        brightness(1)
        saturate(1);

    border-color:
        rgba(190, 245, 255, 0.95);

    /* Stronger soft pale-blue hover neon */
    box-shadow:
        0 22px 46px rgba(0, 0, 0, 0.42),

        0 0 6px rgba(215, 250, 255, 0.90),

        0 0 15px 3px rgba(140, 225, 255, 0.62),

        0 0 28px 6px rgba(60, 190, 255, 0.38),

        0 0 45px 10px rgba(45, 140, 255, 0.20),

        0 0 62px 12px rgba(75, 110, 255, 0.08);
}


/* ========================================
   RESPONSIVE — TABLET
======================================== */

@media (max-width: 1024px) {

    .elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion-item {
        flex-basis: 105px !important;
        width: 105px !important;
    }

    .elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion-item.active {
        flex-basis: 540px !important;
    }
}


/* ========================================
   RESPONSIVE — MOBILE
======================================== */

@media (max-width: 767px) {

    .elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion {
        padding-top: 10px;
        padding-bottom: 25px;
    }

    .elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion-item {
        flex-basis: 55px !important;
        width: 55px !important;

        border-radius: 12px;

        transform:
            perspective(1000px)
            rotateY(2deg)
            scale(0.98);
    }

    .elementor-936 .elementor-element.elementor-element-4e417951 .bdt-ep-image-accordion-item.active {
        flex-basis: 75vw !important;

        transform:
            perspective(1000px)
            rotateY(0deg)
            translateY(-4px)
            scale(1);
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-07e6d26 *//* =========================================
   FUTURISTIC VIEW EXPERIENCE BUTTON
========================================= */

.project-view-button .elementor-button {
    position: relative;

    min-width: 220px;
    padding: 12px 26px;

    border-radius: 7px;

    background:
        linear-gradient(
            180deg,
            rgba(6, 22, 42, 0.95) 0%,
            rgba(3, 12, 28, 0.98) 100%
        );

    border: 1px solid rgba(70, 200, 255, 0.95);

    color: #ffffff;

    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.1px;
    text-transform: uppercase;

    box-shadow:
        inset 0 1px 0 rgba(220, 250, 255, 0.15),
        inset 0 0 10px rgba(50, 170, 255, 0.08),

        0 0 4px rgba(190, 245, 255, 0.65),
        0 0 10px 2px rgba(60, 190, 255, 0.42),
        0 0 18px 3px rgba(30, 120, 255, 0.20);

    transition:
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.35s ease,
        box-shadow 0.40s ease,
        background 0.35s ease;
}


/* =========================================
   HOVER
========================================= */

.project-view-button .elementor-button:hover {
    transform:
        translateY(-2px)
        scale(1.015);

    color: #ffffff;

    border-color:
        rgba(215, 250, 255, 1);

    background:
        linear-gradient(
            180deg,
            rgba(12, 40, 68, 0.98) 0%,
            rgba(5, 20, 42, 1) 100%
        );

    box-shadow:
        inset 0 1px 0 rgba(240, 255, 255, 0.25),
        inset 0 0 14px rgba(70, 190, 255, 0.12),

        0 0 5px 1px rgba(225, 252, 255, 0.90),
        0 0 12px 3px rgba(150, 235, 255, 0.65),
        0 0 22px 5px rgba(65, 190, 255, 0.36),
        0 0 34px 7px rgba(40, 125, 255, 0.16);
}


/* =========================================
   ICON / ARROW
========================================= */

.project-view-button .elementor-button-icon {
    margin-left: 10px;

    transition:
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.project-view-button .elementor-button:hover .elementor-button-icon {
    transform: translateX(5px);
}/* End custom CSS */